@felleslosninger/minid-elements 0.0.93 → 0.0.95

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/components/code-input-2.component.d.ts.map +1 -1
  2. package/dist/components/code-input.js +3 -3
  3. package/dist/components/code-input.js.map +1 -1
  4. package/dist/components/dropdown.component.d.ts.map +1 -1
  5. package/dist/components/menu.component.d.ts.map +1 -1
  6. package/dist/components/modal.component.d.ts.map +1 -1
  7. package/dist/designsystemet-tailwind.css +1 -0
  8. package/dist/internal/debounce.d.ts +1 -1
  9. package/dist/internal/debounce.d.ts.map +1 -1
  10. package/dist/internal/watch.d.ts.map +1 -1
  11. package/dist/mixins/form-controller.mixin.d.ts.map +1 -1
  12. package/dist/mixins/tailwind.mixin.d.ts.map +1 -1
  13. package/dist/mixins/tailwind.mixin.js +2 -2
  14. package/package.json +3 -3
package/dist/components/code-input-2.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"code-input-2.component.d.ts","sourceRoot":"","sources":["../../src/components/code-input-2.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;;AAM5C,qBACa,eAAgB,SAAQ,oBAA0B;IAC7D,OAAO,CAAC,MAAM,CAAmB;IAGjC,aAAa,EAAG,QAAQ,CAAC;IAGzB,KAAK,SAAM;IAGX,MAAM,SAAK;IAEX,iBAAiB,IAAI,IAAI;IAWzB,aAAa,CAAC,KAAK,EAAE,MAAM,WACV,aAAa;IAoB9B,WAAW,CAAC,KAAK,EAAE,MAAM,WACR,UAAU;IAK3B,OAAO,CAAC,KAAK;IAeJ,MAAM;CAOhB"}
1
+ {"version":3,"file":"code-input-2.component.d.ts","sourceRoot":"","sources":["../../src/components/code-input-2.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;;AAM5C,qBACa,eAAgB,SAAQ,oBAA0B;IAC7D,OAAO,CAAC,MAAM,CAAmB;IAGjC,aAAa,EAAG,QAAQ,CAAC;IAGzB,KAAK,SAAM;IAGX,MAAM,SAAK;IAEX,iBAAiB,IAAI,IAAI;IAWzB,aAAa,CAAC,KAAK,EAAE,MAAM,IACjB,OAAO,aAAa;IAoB9B,WAAW,CAAC,KAAK,EAAE,MAAM,IACf,OAAO,UAAU;IAK3B,OAAO,CAAC,KAAK;IAeJ,MAAM;CAOhB"}
package/dist/components/code-input.js CHANGED
@@ -124,7 +124,7 @@ let MinidCodeInput = class extends ConstraintsValidationMixin(
124
124
  }
125
125
  gradientStyle += `) no-repeat 0 0 / ${this.length * 3}ch 100%`;
126
126
  inputStyle?.setProperty("--otc-background", gradientStyle);
127
- const gradientErrorStyle = `linear-gradient(90deg, rgba(179, 38, 30, 60%) calc(${this.length}ch / 2), transparent 0) 0 0 / 3ch 100%`;
127
+ const gradientErrorStyle = `linear-gradient(90deg, var(--color-danger-surface-active) calc(${this.length}ch / 2), transparent 0) 0 0 / 3ch 100%`;
128
128
  inputStyle?.setProperty("--otc-error-background", gradientErrorStyle);
129
129
  inputStyle?.setProperty("--otc-width", this.fontSize);
130
130
  }
@@ -228,8 +228,8 @@ let MinidCodeInput = class extends ConstraintsValidationMixin(
228
228
  "mb-2": !!this.label
229
229
  })}"
230
230
  for="${this.inputId}"
231
- >${this.label}</label
232
- >
231
+ >${this.label}
232
+ </label>
233
233
  <input
234
234
  ${ref(this.inputRef)}
235
235
  id=${this.inputId}
package/dist/components/code-input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"code-input.js","sources":["../../src/components/code-input.component.ts"],"sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { createRef, ref, Ref } from 'lit/directives/ref.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\nimport { webOtpApiClose, webOtpApiInit } from '../utilities/web-otp-api';\nimport { styled } from '../mixins/tailwind.mixin';\nimport { ConstraintsValidationMixin } from '../mixins/form-controller.mixin';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'mid-code-input': MinidCodeInput;\n }\n}\n\nconst styles = [\n css`\n :host {\n container: otc / inline-size;\n text-align: left;\n width: 30rem;\n --otc-background: white;\n --otc-error-background: white;\n --otc-length: 5;\n --otc-width: 11.45cqw;\n }\n\n input {\n all: unset;\n background: var(--otc-background);\n caret-color: transparent;\n clip-path: inset(0% 1ch 0% 0%);\n font-family: ui-monospace, monospace;\n font-size: var(--otc-width);\n inline-size: calc(var(--otc-length) * 3ch);\n letter-spacing: 2ch;\n padding-block: 0.25ch;\n padding-inline-start: calc(0.5ch * 1.5);\n\n &:focus-visible:focus {\n outline-style: none;\n }\n\n &:-webkit-autofill {\n animation-name: onAutoFillStart;\n }\n }\n\n @keyframes onAutoFillStart {\n from {\n }\n to {\n }\n }\n\n input.error {\n background: var(--otc-error-background);\n }\n\n #error-box {\n color: rgb(179, 38, 30);\n font-size: 18px;\n font-weight: 400;\n }\n `,\n];\n\nlet nextUniqueId = 0;\n\n@customElement('mid-code-input')\nexport class MinidCodeInput extends ConstraintsValidationMixin(\n styled(LitElement, styles)\n) {\n caretColor = 'var(--color-neutral-surface-tinted)';\n caretHighlightColor = 'var(--color-accent-surface-active)';\n inputId = `mid-code-input-${nextUniqueId++}`;\n\n public inputRef: Ref<HTMLInputElement> = createRef();\n\n @property({ type: String, reflect: true })\n value = '';\n\n @property()\n label = '';\n\n /**\n * Visually hides `label` (still available for screen readers)\n */\n @property({ type: Boolean })\n hidelabel = false;\n\n @property({ type: Boolean })\n required = false;\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ type: String })\n inputmode = 'numeric';\n\n /**\n * Display custom error message, and force invalid state\n */\n @property({ type: String, attribute: 'error-message' })\n _forcedErrorMessage = '';\n\n /**\n * The length of the code input\n */\n @property({ type: Number })\n length = 5;\n\n @property({ type: String, attribute: 'font-size' })\n fontSize = '3cqw';\n\n @state()\n renderError = false;\n\n @state()\n _localErrorNode: Node | null = null;\n\n constructor() {\n super();\n this.addEventListener('invalid', (e) => {\n this.renderError = true;\n if (this._localErrorNode) {\n e.preventDefault();\n this._localErrorNode.textContent = this.validationMessage || 'Error';\n }\n });\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this._whenSettled();\n }\n\n async _whenSettled() {\n await this.updateComplete;\n this.inputRef.value?.addEventListener(\n 'animationstart',\n this.autoFillEventHandler.bind(this)\n );\n this.calcInputStyle();\n }\n\n override disconnectedCallback() {\n webOtpApiClose();\n this.inputRef.value?.removeEventListener(\n 'animationstart',\n this.autoFillEventHandler.bind(this)\n );\n }\n\n calcInputStyle() {\n const inputStyle = this.inputRef.value?.style;\n\n inputStyle?.setProperty('--otc-length', this.length.toString());\n\n let gradientStyle = 'linear-gradient(90deg, ';\n for (let i = 0; i < this.length; i++) {\n gradientStyle += `var(--char-${i + 1}-color) ${i ? i * 3 + 'ch' : '0'} ${i * 3 + 2.5}ch, transparent ${i * 3 + 2.5}ch ${i * 3 + 3}ch${i + 1 < this.length ? ', ' : ''}`;\n }\n gradientStyle += `) no-repeat 0 0 / ${this.length * 3}ch 100%`;\n inputStyle?.setProperty('--otc-background', gradientStyle);\n\n const gradientErrorStyle = `linear-gradient(90deg, rgba(179, 38, 30, 60%) calc(${this.length}ch / 2), transparent 0) 0 0 / 3ch 100%`;\n inputStyle?.setProperty('--otc-error-background', gradientErrorStyle);\n\n inputStyle?.setProperty('--otc-width', this.fontSize);\n }\n\n autoFillEventHandler(e: AnimationEvent) {\n e.animationName === 'onAutoFillStart' &&\n (this.value = (this.inputRef.value as HTMLInputElement).value);\n }\n\n get selectionEnd() {\n return this.inputRef.value?.selectionEnd;\n }\n\n firstUpdated(_changedProperties: PropertyValues) {\n this.focus();\n webOtpApiInit(this.renderRoot);\n }\n\n focus(options?: FocusOptions) {\n const notMobile = !window.matchMedia('only screen and (max-width: 768px)')\n .matches;\n notMobile && this.inputRef.value?.focus(options);\n }\n\n onFocusOut() {\n for (let i = 0; i < this.length; i++) {\n this.inputRef.value?.style.setProperty(\n `--char-${i + 1}-color`,\n this.caretColor\n );\n }\n }\n\n onFocusIn() {\n const currentChar = this.value.length + 1;\n this.inputRef.value?.style.setProperty(\n `--char-${currentChar}-color`,\n this.caretHighlightColor\n );\n }\n\n updated(_changedProperties: PropertyValues): void {\n for (let i = 0; i < this.length; i++) {\n const color =\n i === this.value.length ? this.caretHighlightColor : this.caretColor;\n this.inputRef.value?.style.setProperty(`--char-${i + 1}-color`, color);\n }\n\n if (_changedProperties.has('_forcedErrorMessage')) {\n this.setCustomValidity(this._forcedErrorMessage);\n }\n\n this.setFormValue(this.value);\n this.setValidity(\n this.inputRef.value!.validity,\n this.inputRef.value!.validationMessage,\n this.inputRef!.value\n );\n }\n\n setCustomValidity(error: string) {\n this.inputRef!.value?.setCustomValidity(error);\n }\n\n onClick() {\n this.value = this.value.substring(0, this.selectionEnd || 0);\n\n this.renderError = false;\n this.setCustomValidity('');\n if (this._localErrorNode) {\n this._localErrorNode.textContent = '';\n }\n\n this.setFormValue(this.value);\n this.setValidity({} as ValidityState);\n }\n\n private handleKeydown(event: KeyboardEvent) {\n const hasModifier =\n event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n // submitting to allow users to cancel the keydown event if they need to\n if (event.key === 'Enter' && !hasModifier) {\n setTimeout(() => {\n //\n // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n // to check for this is to look at event.isComposing, which will be true when the IME is open.\n if (!event.defaultPrevented && !event.isComposing) {\n this.internals.form?.requestSubmit();\n }\n });\n }\n }\n\n handleSlotchange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n const childNodes = slot.assignedNodes({ flatten: true });\n\n this._localErrorNode = this._findErrorMessageNode(childNodes);\n if (this._localErrorNode && this._forcedErrorMessage) {\n // display if slot set, and error override in effect\n this.renderError = true;\n this._localErrorNode.textContent = this._forcedErrorMessage;\n this.setValidity({} as ValidityState); // cancel built-in visual feedback\n }\n }\n\n _findErrorMessageNode(nodes: Node[]): Node | null {\n for (const node of nodes) {\n if (node instanceof Element && node.classList.contains('error-message')) {\n return node;\n }\n const childNodesArray = Array.from(node.childNodes);\n const foundNode = this._findErrorMessageNode(childNodesArray);\n if (foundNode) {\n return foundNode;\n }\n }\n return null;\n }\n\n override render() {\n return html`\n <div class=\"flex flex-col\">\n <label\n class=\"${classMap({\n 'sr-only': this.hidelabel,\n 'font-medium': true,\n 'mb-2': !!this.label,\n })}\"\n for=\"${this.inputId}\"\n >${this.label}</label\n >\n <input\n ${ref(this.inputRef)}\n id=${this.inputId}\n class=\"${classMap({\n 'w-full': true,\n error: this._forcedErrorMessage,\n })}\"\n .value=${live(this.value)}\n autocomplete=\"${'one-time-code' as any}\"\n inputmode=${this.inputmode}\n @input=\"${(e: InputEvent) => {\n this.value = (e.target as HTMLInputElement).value;\n }}\"\n @change=\"${(e: Event) => {\n this.value = (e.target as HTMLInputElement).value;\n this.dispatchEvent(\n new Event('input', {\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n );\n }}\"\n @focusout=\"${() => {\n this.onFocusOut();\n }}\"\n @focusin=\"${() => {\n this.onFocusIn();\n }}\"\n @keydown=\"${this.handleKeydown}\"\n @click=\"${this.onClick}\"\n ?disabled=\"${this.disabled}\"\n ?required=\"${this.required}\"\n minlength=${this.length}\n maxlength=\"${this.length}\"\n />\n <slot name=\"error-message\" @slotchange=${this.handleSlotchange}></slot>\n </div>\n `;\n }\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"code-input.js","sources":["../../src/components/code-input.component.ts"],"sourcesContent":["import { css, html, LitElement, PropertyValues } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { createRef, ref, Ref } from 'lit/directives/ref.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { live } from 'lit/directives/live.js';\nimport { webOtpApiClose, webOtpApiInit } from '../utilities/web-otp-api';\nimport { styled } from '../mixins/tailwind.mixin';\nimport { ConstraintsValidationMixin } from '../mixins/form-controller.mixin';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'mid-code-input': MinidCodeInput;\n }\n}\n\nconst styles = [\n css`\n :host {\n container: otc / inline-size;\n text-align: left;\n width: 30rem;\n --otc-background: white;\n --otc-error-background: white;\n --otc-length: 5;\n --otc-width: 11.45cqw;\n }\n\n input {\n all: unset;\n background: var(--otc-background);\n caret-color: transparent;\n clip-path: inset(0% 1ch 0% 0%);\n font-family: ui-monospace, monospace;\n font-size: var(--otc-width);\n inline-size: calc(var(--otc-length) * 3ch);\n letter-spacing: 2ch;\n padding-block: 0.25ch;\n padding-inline-start: calc(0.5ch * 1.5);\n\n &:focus-visible:focus {\n outline-style: none;\n }\n\n &:-webkit-autofill {\n animation-name: onAutoFillStart;\n }\n }\n\n @keyframes onAutoFillStart {\n from {\n }\n to {\n }\n }\n\n input.error {\n background: var(--otc-error-background);\n }\n\n #error-box {\n color: rgb(179, 38, 30);\n font-size: 18px;\n font-weight: 400;\n }\n `,\n];\n\nlet nextUniqueId = 0;\n\n@customElement('mid-code-input')\nexport class MinidCodeInput extends ConstraintsValidationMixin(\n styled(LitElement, styles)\n) {\n caretColor = 'var(--color-neutral-surface-tinted)';\n caretHighlightColor = 'var(--color-accent-surface-active)';\n inputId = `mid-code-input-${nextUniqueId++}`;\n\n public inputRef: Ref<HTMLInputElement> = createRef();\n\n @property({ type: String, reflect: true })\n value = '';\n\n @property()\n label = '';\n\n /**\n * Visually hides `label` (still available for screen readers)\n */\n @property({ type: Boolean })\n hidelabel = false;\n\n @property({ type: Boolean })\n required = false;\n\n @property({ type: Boolean })\n disabled = false;\n\n @property({ type: String })\n inputmode = 'numeric';\n\n /**\n * Display custom error message, and force invalid state\n */\n @property({ type: String, attribute: 'error-message' })\n _forcedErrorMessage = '';\n\n /**\n * The length of the code input\n */\n @property({ type: Number })\n length = 5;\n\n @property({ type: String, attribute: 'font-size' })\n fontSize = '3cqw';\n\n @state()\n renderError = false;\n\n @state()\n _localErrorNode: Node | null = null;\n\n constructor() {\n super();\n this.addEventListener('invalid', (e) => {\n this.renderError = true;\n if (this._localErrorNode) {\n e.preventDefault();\n this._localErrorNode.textContent = this.validationMessage || 'Error';\n }\n });\n }\n\n override connectedCallback() {\n super.connectedCallback();\n this._whenSettled();\n }\n\n async _whenSettled() {\n await this.updateComplete;\n this.inputRef.value?.addEventListener(\n 'animationstart',\n this.autoFillEventHandler.bind(this)\n );\n this.calcInputStyle();\n }\n\n override disconnectedCallback() {\n webOtpApiClose();\n this.inputRef.value?.removeEventListener(\n 'animationstart',\n this.autoFillEventHandler.bind(this)\n );\n }\n\n calcInputStyle() {\n const inputStyle = this.inputRef.value?.style;\n\n inputStyle?.setProperty('--otc-length', this.length.toString());\n\n let gradientStyle = 'linear-gradient(90deg, ';\n for (let i = 0; i < this.length; i++) {\n gradientStyle += `var(--char-${i + 1}-color) ${i ? i * 3 + 'ch' : '0'} ${i * 3 + 2.5}ch, transparent ${i * 3 + 2.5}ch ${i * 3 + 3}ch${i + 1 < this.length ? ', ' : ''}`;\n }\n gradientStyle += `) no-repeat 0 0 / ${this.length * 3}ch 100%`;\n inputStyle?.setProperty('--otc-background', gradientStyle);\n\n const gradientErrorStyle = `linear-gradient(90deg, var(--color-danger-surface-active) calc(${this.length}ch / 2), transparent 0) 0 0 / 3ch 100%`;\n inputStyle?.setProperty('--otc-error-background', gradientErrorStyle);\n\n inputStyle?.setProperty('--otc-width', this.fontSize);\n }\n\n autoFillEventHandler(e: AnimationEvent) {\n e.animationName === 'onAutoFillStart' &&\n (this.value = (this.inputRef.value as HTMLInputElement).value);\n }\n\n get selectionEnd() {\n return this.inputRef.value?.selectionEnd;\n }\n\n firstUpdated(_changedProperties: PropertyValues) {\n this.focus();\n webOtpApiInit(this.renderRoot);\n }\n\n focus(options?: FocusOptions) {\n const notMobile = !window.matchMedia('only screen and (max-width: 768px)')\n .matches;\n notMobile && this.inputRef.value?.focus(options);\n }\n\n onFocusOut() {\n for (let i = 0; i < this.length; i++) {\n this.inputRef.value?.style.setProperty(\n `--char-${i + 1}-color`,\n this.caretColor\n );\n }\n }\n\n onFocusIn() {\n const currentChar = this.value.length + 1;\n this.inputRef.value?.style.setProperty(\n `--char-${currentChar}-color`,\n this.caretHighlightColor\n );\n }\n\n updated(_changedProperties: PropertyValues): void {\n for (let i = 0; i < this.length; i++) {\n const color =\n i === this.value.length ? this.caretHighlightColor : this.caretColor;\n this.inputRef.value?.style.setProperty(`--char-${i + 1}-color`, color);\n }\n\n if (_changedProperties.has('_forcedErrorMessage')) {\n this.setCustomValidity(this._forcedErrorMessage);\n }\n\n this.setFormValue(this.value);\n this.setValidity(\n this.inputRef.value!.validity,\n this.inputRef.value!.validationMessage,\n this.inputRef!.value\n );\n }\n\n setCustomValidity(error: string) {\n this.inputRef!.value?.setCustomValidity(error);\n }\n\n onClick() {\n this.value = this.value.substring(0, this.selectionEnd || 0);\n\n this.renderError = false;\n this.setCustomValidity('');\n if (this._localErrorNode) {\n this._localErrorNode.textContent = '';\n }\n\n this.setFormValue(this.value);\n this.setValidity({} as ValidityState);\n }\n\n private handleKeydown(event: KeyboardEvent) {\n const hasModifier =\n event.metaKey || event.ctrlKey || event.shiftKey || event.altKey;\n\n // Pressing enter when focused on an input should submit the form like a native input, but we wait a tick before\n // submitting to allow users to cancel the keydown event if they need to\n if (event.key === 'Enter' && !hasModifier) {\n setTimeout(() => {\n //\n // When using an Input Method Editor (IME), pressing enter will cause the form to submit unexpectedly. One way\n // to check for this is to look at event.isComposing, which will be true when the IME is open.\n if (!event.defaultPrevented && !event.isComposing) {\n this.internals.form?.requestSubmit();\n }\n });\n }\n }\n\n handleSlotchange(e: Event) {\n const slot = e.target as HTMLSlotElement;\n const childNodes = slot.assignedNodes({ flatten: true });\n\n this._localErrorNode = this._findErrorMessageNode(childNodes);\n if (this._localErrorNode && this._forcedErrorMessage) {\n // display if slot set, and error override in effect\n this.renderError = true;\n this._localErrorNode.textContent = this._forcedErrorMessage;\n this.setValidity({} as ValidityState); // cancel built-in visual feedback\n }\n }\n\n _findErrorMessageNode(nodes: Node[]): Node | null {\n for (const node of nodes) {\n if (node instanceof Element && node.classList.contains('error-message')) {\n return node;\n }\n const childNodesArray = Array.from(node.childNodes);\n const foundNode = this._findErrorMessageNode(childNodesArray);\n if (foundNode) {\n return foundNode;\n }\n }\n return null;\n }\n\n override render() {\n return html`\n <div class=\"flex flex-col\">\n <label\n class=\"${classMap({\n 'sr-only': this.hidelabel,\n 'font-medium': true,\n 'mb-2': !!this.label,\n })}\"\n for=\"${this.inputId}\"\n >${this.label}\n </label>\n <input\n ${ref(this.inputRef)}\n id=${this.inputId}\n class=\"${classMap({\n 'w-full': true,\n error: this._forcedErrorMessage,\n })}\"\n .value=${live(this.value)}\n autocomplete=\"${'one-time-code' as any}\"\n inputmode=${this.inputmode}\n @input=\"${(e: InputEvent) => {\n this.value = (e.target as HTMLInputElement).value;\n }}\"\n @change=\"${(e: Event) => {\n this.value = (e.target as HTMLInputElement).value;\n this.dispatchEvent(\n new Event('input', {\n bubbles: true,\n cancelable: true,\n composed: true,\n })\n );\n }}\"\n @focusout=\"${() => {\n this.onFocusOut();\n }}\"\n @focusin=\"${() => {\n this.onFocusIn();\n }}\"\n @keydown=\"${this.handleKeydown}\"\n @click=\"${this.onClick}\"\n ?disabled=\"${this.disabled}\"\n ?required=\"${this.required}\"\n minlength=${this.length}\n maxlength=\"${this.length}\"\n />\n <slot name=\"error-message\" @slotchange=${this.handleSlotchange}></slot>\n </div>\n `;\n }\n}\n"],"names":[],"mappings":"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"}
package/dist/components/dropdown.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../src/components/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF;;AAuBD;;;;GAIG;AACH,qBACa,aAAc,SAAQ,kBAA0B;;IAE3D,OAAO,SAAoC;IAG3C,IAAI,UAAS;IAGb,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAGhC,SAAS,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,OAAO,GACP,aAAa,GACb,WAAW,GACX,MAAM,GACN,YAAY,GACZ,UAAU,CAAgB;IAE9B;;OAEG;IAEH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEnC;;OAEG;IAEH,QAAQ,SAAK;IAEb;;OAEG;IAEH,QAAQ,SAAK;IAGb,KAAK,UAAS;IAEd;;;OAGG;IAEH,KAAK,UAAS;IAqCd,iBAAiB,UAAW,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,UAKrD;IAEO,MAAM;CA4BhB"}
1
+ {"version":3,"file":"dropdown.component.d.ts","sourceRoot":"","sources":["../../src/components/dropdown.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAI5C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,aAAa,CAAC;KAC/B;CACF;;AAuBD;;;;GAIG;AACH,qBACa,aAAc,SAAQ,kBAA0B;;IAE3D,OAAO,SAAoC;IAG3C,IAAI,UAAS;IAGb,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAGhC,SAAS,EACL,KAAK,GACL,WAAW,GACX,SAAS,GACT,QAAQ,GACR,cAAc,GACd,YAAY,GACZ,OAAO,GACP,aAAa,GACb,WAAW,GACX,MAAM,GACN,YAAY,GACZ,UAAU,CAAgB;IAE9B;;OAEG;IAEH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAEnC;;OAEG;IAEH,QAAQ,SAAK;IAEb;;OAEG;IAEH,QAAQ,SAAK;IAGb,KAAK,UAAS;IAEd;;;OAGG;IAEH,KAAK,UAAS;IAqCd,iBAAiB,GAAI,OAAO,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,UAKrD;IAEO,MAAM;CA4BhB"}
package/dist/components/menu.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../src/components/menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,SAAS,CAAC;KACvB;CACF;;AAmBD;;GAEG;AACH,qBACa,SAAU,SAAQ,cAA0B;;IACvD;;OAEG;IAEH,WAAW,EAAG,eAAe,CAAC;IAE9B;;OAEG;IAEH,WAAW,EAAG,gBAAgB,CAAC;IAE/B;;OAEG;IAEH,QAAQ,EAAG,gBAAgB,CAAC;IAE5B;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,OAAO,EAAE,UAAU,GAAG,UAAU,CAAc;IAG9C,aAAa,UAAS;IAEtB,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B,iBAAiB;IAKjB,OAAO,CAAC,WAAW;IAoCnB,iBAAiB;IAgBjB,OAAO,CAAC,aAAa;IAgDrB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,UAAU;IASlB;;;OAGG;IACH,MAAM,aAAc,CAAC,IAAI,EAAE,aAAa,KAAK,OAAO,UAUlD;IAEF,WAAW;IAMX;;OAEG;IACH,qBAAqB;IAQrB,WAAW;IAQX;;;OAGG;IACH,cAAc;IAMd;;;OAGG;IACH,cAAc,CAAC,IAAI,EAAE,aAAa;IAUlC,gBAAgB;IAMP,MAAM;CAkDhB"}
1
+ {"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../src/components/menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAW,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,SAAS,CAAC;KACvB;CACF;;AAmBD;;GAEG;AACH,qBACa,SAAU,SAAQ,cAA0B;;IACvD;;OAEG;IAEH,WAAW,EAAG,eAAe,CAAC;IAE9B;;OAEG;IAEH,WAAW,EAAG,gBAAgB,CAAC;IAE/B;;OAEG;IAEH,QAAQ,EAAG,gBAAgB,CAAC;IAE5B;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IAEH,OAAO,EAAE,UAAU,GAAG,UAAU,CAAc;IAG9C,aAAa,UAAS;IAEtB,SAAS,CAAC,YAAY,IAAI,IAAI;IAS9B,iBAAiB;IAKjB,OAAO,CAAC,WAAW;IAoCnB,iBAAiB;IAgBjB,OAAO,CAAC,aAAa;IAgDrB,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,UAAU;IASlB;;;OAGG;IACH,MAAM,GAAI,UAAU,CAAC,IAAI,EAAE,aAAa,KAAK,OAAO,UAUlD;IAEF,WAAW;IAMX;;OAEG;IACH,qBAAqB;IAQrB,WAAW;IAQX;;;OAGG;IACH,cAAc;IAMd;;;OAGG;IACH,cAAc,CAAC,IAAI,EAAE,aAAa;IAUlC,gBAAgB;IAMP,MAAM;CAkDhB"}
package/dist/components/modal.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"modal.component.d.ts","sourceRoot":"","sources":["../../src/components/modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,uBAAuB,CAAC;AAQ/B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,UAAU,CAAC;KACzB;CACF;;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,UAAW,SAAQ,eAA0B;IAExD,MAAM,EAAG,iBAAiB,CAAC;IAG3B,KAAK,EAAG,WAAW,CAAC;IAEpB;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,OAAO,SAAM;IAEb,OAAO,CAAC,YAAY;IAkBpB,kBAAkB,UAAW,KAAK,UAQhC;IAEF,OAAO,CAAC,mBAAmB;IAQrB,gBAAgB;IA+CtB;;OAEG;IACG,IAAI;IASV;;OAEG;IACG,IAAI;IASD,MAAM;CA8BhB"}
1
+ {"version":3,"file":"modal.component.d.ts","sourceRoot":"","sources":["../../src/components/modal.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,uBAAuB,CAAC;AAQ/B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,UAAU,CAAC;KACzB;CACF;;AA4CD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,qBACa,UAAW,SAAQ,eAA0B;IAExD,MAAM,EAAG,iBAAiB,CAAC;IAG3B,KAAK,EAAG,WAAW,CAAC;IAEpB;;;OAGG;IAEH,IAAI,UAAS;IAEb;;;OAGG;IAEH,OAAO,SAAM;IAEb,OAAO,CAAC,YAAY;IAkBpB,kBAAkB,GAAI,OAAO,KAAK,UAQhC;IAEF,OAAO,CAAC,mBAAmB;IAQrB,gBAAgB;IA+CtB;;OAEG;IACG,IAAI;IASV;;OAEG;IACG,IAAI;IASD,MAAM;CA8BhB"}
package/dist/designsystemet-tailwind.css CHANGED
@@ -337,6 +337,7 @@
337
337
  --color-brand3-surface-hover: var(--ds-color-brand3-surface-hover);
338
338
  --color-brand3-surface-active: var(--ds-color-brand3-surface-active);
339
339
  --color-brand3-base: var(--ds-color-brand3-base-default);
340
+ --color-brand3-base-active: var(--ds-color-brand3-base-active);
340
341
  --color-brand3-base-hover: var(--ds-color-brand3-base-hover);
341
342
  --color-brand3-base-contrast: var(--ds-color-brand3-base-contrast-default);
342
343
  --color-brand3-base-contrast-subtle: var(
package/dist/internal/debounce.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  export declare const debounce: (callback: Function, wait: number, options?: Partial<{
2
2
  stopPropagation: boolean;
3
- }>) => (args_0: any, args_1: any) => void;
3
+ }>) => (...args: [any, any]) => void;
4
4
  //# sourceMappingURL=debounce.d.ts.map
package/dist/internal/debounce.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/internal/debounce.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,aACT,QAAQ,QACZ,MAAM,YACF,OAAO,CAAC;IAChB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC,uCAkBH,CAAC"}
1
+ {"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/internal/debounce.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GACnB,UAAU,QAAQ,EAClB,MAAM,MAAM,EACZ,UAAU,OAAO,CAAC;IAChB,eAAe,EAAE,OAAO,CAAC;CAC1B,CAAC,MAGM,GAAG,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,SAe5B,CAAC"}
package/dist/internal/watch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../src/internal/watch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,KAAK,aAAa,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AAE9D,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAEvD,KAAK,yBAAyB,CAAC,CAAC,SAAS,MAAM,IAAI;KAChD,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,aAAa,GAAG,CAAC,GAAG,KAAK;CACvE,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,UAAU,YAAY;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,YAAY,IAKnE,SAAS,SAAS,UAAU,SAC3B,SAAS,mBACC,yBAAyB,CAAC,SAAS,CAAC,UAiCxD"}
1
+ {"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../src/internal/watch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,KAAK,aAAa,GAAG,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AAE9D,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAEvD,KAAK,yBAAyB,CAAC,CAAC,SAAS,MAAM,IAAI;KAChD,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,aAAa,GAAG,CAAC,GAAG,KAAK;CACvE,CAAC,MAAM,CAAC,CAAC,CAAC;AAEX,UAAU,YAAY;IACpB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,KAAK,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,YAAY,IAKnE,SAAS,SAAS,UAAU,EAClC,OAAO,SAAS,EAChB,iBAAiB,yBAAyB,CAAC,SAAS,CAAC,UAiCxD"}
package/dist/mixins/form-controller.mixin.d.ts.map CHANGED
@@ -1 +1 @@
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"}
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,EACvE,MAAM,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,EAErC,MAAM,KAAK,KACV,KAAK,GAAG,WAAW,CAAC,mCAAmC,CAkCzD,CAAC"}
package/dist/mixins/tailwind.mixin.d.ts.map CHANGED
@@ -1 +1 @@
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"}
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,EACtD,YAAY,CAAC,EACb,aAAY,cAAmB,KAC9B,CAMA,CAAC"}
package/dist/mixins/tailwind.mixin.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { css } from "lit";
2
- const tailwindStyles = css`/*! tailwindcss v4.0.9 | MIT License | https://tailwindcss.com */
3
- @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}}
2
+ const tailwindStyles = css`/*! tailwindcss v4.0.11 | MIT License | https://tailwindcss.com */
3
+ @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;--radius-sm:var(--ds-border-radius-sm);--radius-md:var(--ds-border-radius-md);--radius-lg:var(--ds-border-radius-lg);--radius-xl:var(--ds-border-radius-xl);--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);--radius-full:var(--ds-border-radius-full);--border-width-highlight:var(--ds-border-width-highlight);--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);--text-body-xs:var(--ds-body-xs-font-size);--text-body-xs--font-weight:var(--ds-body-xs-font-weight);--text-body-xs--letter-spacing:var(--ds-body-xs-letter-spacing);--text-body-xs--line-height:var(--ds-body-xs-line-height);--text-body-sm:var(--ds-body-sm-font-size);--text-body-sm--font-weight:var(--ds-body-sm-font-weight);--text-body-sm--letter-spacing:var(--ds-body-sm-letter-spacing);--text-body-sm--line-height:var(--ds-body-sm-line-height);--text-body-md:var(--ds-body-md-font-size);--text-body-md--font-weight:var(--ds-body-md-font-weight);--text-body-md--letter-spacing:var(--ds-body-md-letter-spacing);--text-body-md--line-height:var(--ds-body-md-line-height);--text-body-lg:var(--ds-body-lg-font-size);--text-body-lg--font-weight:var(--ds-body-lg-font-weight);--text-body-lg--letter-spacing:var(--ds-body-lg-letter-spacing);--text-body-lg--line-height:var(--ds-body-lg-line-height);--text-body-xl:var(--ds-body-xl-font-size);--text-body-xl--font-weight:var(--ds-body-xl-font-weight);--text-body-xl--letter-spacing:var(--ds-body-xl-letter-spacing);--text-body-xl--line-height:var(--ds-body-xl-line-height);--text-body-short-xs:var(--ds-body-short-xs-font-size);--text-body-short-xs--font-weight:var(--ds-body-short-xs-font-weight);--text-body-short-xs--letter-spacing:var(--ds-body-short-xs-letter-spacing);--text-body-short-xs--line-height:var(--ds-body-short-xs-line-height);--text-body-short-sm:var(--ds-body-short-sm-font-size);--text-body-short-sm--font-weight:var(--ds-body-short-sm-font-weight);--text-body-short-sm--letter-spacing:var(--ds-body-short-sm-letter-spacing);--text-body-short-sm--line-height:var(--ds-body-short-sm-line-height);--text-body-short-md:var(--ds-body-short-md-font-size);--text-body-short-md--font-weight:var(--ds-body-short-md-font-weight);--text-body-short-md--letter-spacing:var(--ds-body-short-md-letter-spacing);--text-body-short-md--line-height:var(--ds-body-short-md-line-height);--text-body-short-lg:var(--ds-body-short-lg-font-size);--text-body-short-lg--font-weight:var(--ds-body-short-lg-font-weight);--text-body-short-lg--letter-spacing:var(--ds-body-short-lg-letter-spacing);--text-body-short-lg--line-height:var(--ds-body-short-lg-line-height);--text-body-short-xl:var(--ds-body-short-xl-font-size);--text-body-short-xl--font-weight:var(--ds-body-short-xl-font-weight);--text-body-short-xl--letter-spacing:var(--ds-body-short-xl-letter-spacing);--text-body-short-xl--line-height:var(--ds-body-short-xl-line-height);--text-body-long-xs:var(--ds-body-long-xs-font-size);--text-body-long-xs--font-weight:var(--ds-body-long-xs-font-weight);--text-body-long-xs--letter-spacing:var(--ds-body-long-xs-letter-spacing);--text-body-long-xs--line-height:var(--ds-body-long-xs-line-height);--text-body-long-sm:var(--ds-body-long-sm-font-size);--text-body-long-sm--font-weight:var(--ds-body-long-sm-font-weight);--text-body-long-sm--letter-spacing:var(--ds-body-long-sm-letter-spacing);--text-body-long-sm--line-height:var(--ds-body-long-sm-line-height);--text-body-long-md:var(--ds-body-long-md-font-size);--text-body-long-md--font-weight:var(--ds-body-long-md-font-weight);--text-body-long-md--letter-spacing:var(--ds-body-long-md-letter-spacing);--text-body-long-md--line-height:var(--ds-body-long-md-line-height);--text-body-long-lg:var(--ds-body-long-lg-font-size);--text-body-long-lg--font-weight:var(--ds-body-long-lg-font-weight);--text-body-long-lg--letter-spacing:var(--ds-body-long-lg-letter-spacing);--text-body-long-lg--line-height:var(--ds-body-long-lg-line-height);--text-body-long-xl:var(--ds-body-long-xl-font-size);--text-body-long-xl--font-weight:var(--ds-body-long-xl-font-weight);--text-body-long-xl--letter-spacing:var(--ds-body-long-xl-letter-spacing);--text-body-long-xl--line-height:var(--ds-body-long-xl-line-height);--text-heading-2xs:var(--ds-heading-2xs-font-size);--text-heading-2xs--font-weight:var(--ds-heading-2xs-font-weight);--text-heading-2xs--letter-spacing:var(--ds-heading-2xs-letter-spacing);--text-heading-2xs--line-height:var(--ds-heading-2xs-line-height);--text-heading-xs:var(--ds-heading-xs-font-size);--text-heading-xs--font-weight:var(--ds-heading-xs-font-weight);--text-heading-xs--letter-spacing:var(--ds-heading-xs-letter-spacing);--text-heading-xs--line-height:var(--ds-heading-xs-line-height);--text-heading-sm:var(--ds-heading-sm-font-size);--text-heading-sm--font-weight:var(--ds-heading-sm-font-weight);--text-heading-sm--letter-spacing:var(--ds-heading-sm-letter-spacing);--text-heading-sm--line-height:var(--ds-heading-sm-line-height);--text-heading-md:var(--ds-heading-md-font-size);--text-heading-md--font-weight:var(--ds-heading-md-font-weight);--text-heading-md--letter-spacing:var(--ds-heading-md-letter-spacing);--text-heading-md--line-height:var(--ds-heading-md-line-height);--text-heading-lg:var(--ds-heading-lg-font-size);--text-heading-lg--font-weight:var(--ds-heading-lg-font-weight);--text-heading-lg--letter-spacing:var(--ds-heading-lg-letter-spacing);--text-heading-lg--line-height:var(--ds-heading-lg-line-height);--text-heading-xl:var(--ds-heading-xl-font-size);--text-heading-xl--font-weight:var(--ds-heading-xl-font-weight);--text-heading-xl--letter-spacing:var(--ds-heading-xl-letter-spacing);--text-heading-xl--line-height:var(--ds-heading-xl-line-height);--text-heading-2xl:var(--ds-heading-2xl-font-size);--text-heading-2xl--font-weight:var(--ds-heading-2xl-font-weight);--text-heading-2xl--letter-spacing:var(--ds-heading-2xl-letter-spacing);--text-heading-2xl--line-height:var(--ds-heading-2xl-line-height);--color-blue-1:var(--ds-global-blue-1);--color-blue-2:var(--ds-global-blue-2);--color-blue-3:var(--ds-global-blue-3);--color-blue-4:var(--ds-global-blue-4);--color-blue-5:var(--ds-global-blue-5);--color-blue-6:var(--ds-global-blue-6);--color-blue-7:var(--ds-global-blue-7);--color-blue-8:var(--ds-global-blue-8);--color-blue-9:var(--ds-global-blue-9);--color-blue-10:var(--ds-global-blue-10);--color-blue-11:var(--ds-global-blue-11);--color-blue-12:var(--ds-global-blue-12);--color-blue-13:var(--ds-global-blue-13);--color-blue-contrast-1:var(--ds-global-blue-contrast-1);--color-blue-contrast-2:var(--ds-global-blue-contrast-2);--color-green-1:var(--ds-global-green-1);--color-green-2:var(--ds-global-green-2);--color-green-3:var(--ds-global-green-3);--color-green-4:var(--ds-global-green-4);--color-green-5:var(--ds-global-green-5);--color-green-6:var(--ds-global-green-6);--color-green-7:var(--ds-global-green-7);--color-green-8:var(--ds-global-green-8);--color-green-9:var(--ds-global-green-9);--color-green-10:var(--ds-global-green-10);--color-green-11:var(--ds-global-green-11);--color-green-12:var(--ds-global-green-12);--color-green-13:var(--ds-global-green-13);--color-green-contrast-1:var(--ds-global-green-contrast-1);--color-green-contrast-2:var(--ds-global-green-contrast-2);--color-orange-1:var(--ds-global-orange-1);--color-orange-2:var(--ds-global-orange-2);--color-orange-3:var(--ds-global-orange-3);--color-orange-4:var(--ds-global-orange-4);--color-orange-5:var(--ds-global-orange-5);--color-orange-6:var(--ds-global-orange-6);--color-orange-7:var(--ds-global-orange-7);--color-orange-8:var(--ds-global-orange-8);--color-orange-9:var(--ds-global-orange-9);--color-orange-10:var(--ds-global-orange-10);--color-orange-11:var(--ds-global-orange-11);--color-orange-12:var(--ds-global-orange-12);--color-orange-13:var(--ds-global-orange-13);--color-orange-contrast-1:var(--ds-global-orange-contrast-1);--color-orange-contrast-2:var(--ds-global-orange-contrast-2);--color-purple-1:var(--ds-global-purple-1);--color-purple-2:var(--ds-global-purple-2);--color-purple-3:var(--ds-global-purple-3);--color-purple-4:var(--ds-global-purple-4);--color-purple-5:var(--ds-global-purple-5);--color-purple-6:var(--ds-global-purple-6);--color-purple-7:var(--ds-global-purple-7);--color-purple-8:var(--ds-global-purple-8);--color-purple-9:var(--ds-global-purple-9);--color-purple-10:var(--ds-global-purple-10);--color-purple-11:var(--ds-global-purple-11);--color-purple-12:var(--ds-global-purple-12);--color-purple-13:var(--ds-global-purple-13);--color-purple-contrast-1:var(--ds-global-purple-contrast-1);--color-purple-contrast-2:var(--ds-global-purple-contrast-2);--color-red-1:var(--ds-global-red-1);--color-red-2:var(--ds-global-red-2);--color-red-3:var(--ds-global-red-3);--color-red-4:var(--ds-global-red-4);--color-red-5:var(--ds-global-red-5);--color-red-6:var(--ds-global-red-6);--color-red-7:var(--ds-global-red-7);--color-red-8:var(--ds-global-red-8);--color-red-9:var(--ds-global-red-9);--color-red-10:var(--ds-global-red-10);--color-red-11:var(--ds-global-red-11);--color-red-12:var(--ds-global-red-12);--color-red-13:var(--ds-global-red-13);--color-red-contrast-1:var(--ds-global-red-contrast-1);--color-red-contrast-2:var(--ds-global-red-contrast-2);--color-yellow-1:var(--ds-global-yellow-1);--color-yellow-2:var(--ds-global-yellow-2);--color-yellow-3:var(--ds-global-yellow-3);--color-yellow-4:var(--ds-global-yellow-4);--color-yellow-5:var(--ds-global-yellow-5);--color-yellow-6:var(--ds-global-yellow-6);--color-yellow-7:var(--ds-global-yellow-7);--color-yellow-8:var(--ds-global-yellow-8);--color-yellow-9:var(--ds-global-yellow-9);--color-yellow-10:var(--ds-global-yellow-10);--color-yellow-11:var(--ds-global-yellow-11);--color-yellow-12:var(--ds-global-yellow-12);--color-yellow-13:var(--ds-global-yellow-13);--color-yellow-contrast-1:var(--ds-global-yellow-contrast-1);--color-yellow-contrast-2:var(--ds-global-yellow-contrast-2);--color-accent-surface-tinted:var(--ds-color-accent-surface-tinted);--color-accent-surface-hover:var(--ds-color-accent-surface-hover);--color-accent-surface-active:var(--ds-color-accent-surface-active);--color-accent-base:var(--ds-color-accent-base-default);--color-accent-base-hover:var(--ds-color-accent-base-hover);--color-accent-base-active:var(--ds-color-accent-base-active);--color-accent-base-contrast:var(--ds-color-accent-base-contrast-default);--color-accent-base-contrast-subtle:var(--ds-color-accent-base-contrast-subtle);--color-neutral-surface-tinted:var(--ds-color-neutral-surface-tinted);--color-neutral-surface-hover:var(--ds-color-neutral-surface-hover);--color-neutral-surface-active:var(--ds-color-neutral-surface-active);--color-neutral-base:var(--ds-color-neutral-base-default);--color-neutral-base-hover:var(--ds-color-neutral-base-hover);--color-neutral-base-active:var(--ds-color-neutral-base-active);--color-neutral-base-contrast:var(--ds-color-neutral-base-contrast-default);--color-neutral-base-contrast-subtle:var(--ds-color-neutral-base-contrast-subtle);--color-brand1-surface-tinted:var(--ds-color-brand1-surface-tinted);--color-brand1-surface-hover:var(--ds-color-brand1-surface-hover);--color-brand1-surface-active:var(--ds-color-brand1-surface-active);--color-brand1-base:var(--ds-color-brand1-base-default);--color-brand1-base-hover:var(--ds-color-brand1-base-hover);--color-brand1-base-active:var(--ds-color-brand1-base-active);--color-brand1-base-contrast:var(--ds-color-brand1-base-contrast-default);--color-brand1-base-contrast-subtle:var(--ds-color-brand1-base-contrast-subtle);--color-brand2-surface-tinted:var(--ds-color-brand2-surface-tinted);--color-brand2-surface-hover:var(--ds-color-brand2-surface-hover);--color-brand2-surface-active:var(--ds-color-brand2-surface-active);--color-brand2-base:var(--ds-color-brand2-base-default);--color-brand2-base-hover:var(--ds-color-brand2-base-hover);--color-brand2-base-active:var(--ds-color-brand2-base-active);--color-brand2-base-contrast:var(--ds-color-brand2-base-contrast-default);--color-brand2-base-contrast-subtle:var(--ds-color-brand2-base-contrast-subtle);--color-brand3-surface-tinted:var(--ds-color-brand3-surface-tinted);--color-brand3-surface-hover:var(--ds-color-brand3-surface-hover);--color-brand3-surface-active:var(--ds-color-brand3-surface-active);--color-brand3-base:var(--ds-color-brand3-base-default);--color-brand3-base-active:var(--ds-color-brand3-base-active);--color-brand3-base-hover:var(--ds-color-brand3-base-hover);--color-brand3-base-contrast:var(--ds-color-brand3-base-contrast-default);--color-brand3-base-contrast-subtle:var(--ds-color-brand3-base-contrast-subtle);--color-danger-surface-tinted:var(--ds-color-danger-surface-tinted);--color-danger-surface-hover:var(--ds-color-danger-surface-hover);--color-danger-surface-active:var(--ds-color-danger-surface-active);--color-danger-base:var(--ds-color-danger-base-default);--color-danger-base-hover:var(--ds-color-danger-base-hover);--color-danger-base-active:var(--ds-color-danger-base-active);--color-danger-base-contrast:var(--ds-color-danger-base-contrast-default);--color-danger-base-contrast-subtle:var(--ds-color-danger-base-contrast-subtle);--color-info-surface-tinted:var(--ds-color-info-surface-tinted);--color-info-surface-hover:var(--ds-color-info-surface-hover);--color-info-surface-active:var(--ds-color-info-surface-active);--color-info-base:var(--ds-color-info-base-default);--color-info-base-hover:var(--ds-color-info-base-hover);--color-info-base-active:var(--ds-color-info-base-active);--color-info-base-contrast:var(--ds-color-info-base-contrast-default);--color-info-base-contrast-subtle:var(--ds-color-info-base-contrast-subtle);--color-success-surface-tinted:var(--ds-color-success-surface-tinted);--color-success-surface-hover:var(--ds-color-success-surface-hover);--color-success-surface-active:var(--ds-color-success-surface-active);--color-success-base:var(--ds-color-success-base-default);--color-success-base-hover:var(--ds-color-success-base-hover);--color-success-base-active:var(--ds-color-success-base-active);--color-success-base-contrast:var(--ds-color-success-base-contrast-default);--color-success-base-contrast-subtle:var(--ds-color-success-base-contrast-subtle);--color-warning-surface-tinted:var(--ds-color-warning-surface-tinted);--color-warning-surface-hover:var(--ds-color-warning-surface-hover);--color-warning-surface-active:var(--ds-color-warning-surface-active);--color-warning-base:var(--ds-color-warning-base-default);--color-warning-base-hover:var(--ds-color-warning-base-hover);--color-warning-base-active:var(--ds-color-warning-base-active);--color-warning-base-contrast:var(--ds-color-warning-base-contrast-default);--color-warning-base-contrast-subtle:var(--ds-color-warning-base-contrast-subtle);--color-focus-inner:var(--ds-color-focus-inner);--color-focus-outer:var(--ds-color-focus-outer);--background-color-accent:var(--ds-color-accent-background-default);--background-color-accent-tinted:var(--ds-color-accent-background-tinted);--background-color-brand1:var(--ds-color-brand1-background-default);--background-color-brand1-tinted:var(--ds-color-brand1-background-tinted);--background-color-brand2:var(--ds-color-brand2-background-default);--background-color-brand2-tinted:var(--ds-color-brand2-background-tinted);--background-color-brand3:var(--ds-color-brand3-background-default);--background-color-brand3-tinted:var(--ds-color-brand3-background-tinted);--background-color-danger:var(--ds-color-danger-background-default);--background-color-danger-tinted:var(--ds-color-danger-background-tinted);--background-color-info:var(--ds-color-info-background-default);--background-color-info-tinted:var(--ds-color-info-background-tinted);--background-color-neutral:var(--ds-color-neutral-background-default);--background-color-neutral-tinted:var(--ds-color-neutral-background-tinted);--background-color-success:var(--ds-color-success-background-default);--background-color-success-tinted:var(--ds-color-success-background-tinted);--background-color-warning:var(--ds-color-warning-background-default);--background-color-warning-tinted:var(--ds-color-warning-background-tinted);--border-color-accent:var(--ds-color-accent-border-default);--border-color-accent-subtle:var(--ds-color-accent-border-subtle);--border-color-brand1:var(--ds-color-brand1-border-default);--border-color-brand1-subtle:var(--ds-color-brand1-border-subtle);--border-color-brand2:var(--ds-color-brand2-border-default);--border-color-brand2-subtle:var(--ds-color-brand2-border-subtle);--border-color-brand3:var(--ds-color-brand3-border-default);--border-color-brand3-subtle:var(--ds-color-brand3-border-subtle);--border-color-danger:var(--ds-color-danger-border-default);--border-color-danger-subtle:var(--ds-color-danger-border-subtle);--border-color-info:var(--ds-color-info-border-default);--border-color-info-subtle:var(--ds-color-info-border-subtle);--border-color-neutral:var(--ds-color-neutral-border-default);--border-color-neutral-subtle:var(--ds-color-neutral-border-subtle);--border-color-success:var(--ds-color-success-border-default);--border-color-success-subtle:var(--ds-color-success-border-subtle);--border-color-warning:var(--ds-color-warning-border-default);--border-color-warning-subtle:var(--ds-color-warning-border-subtle);--text-color-accent:var(--ds-color-accent-text-default);--text-color-accent-subtle:var(--ds-color-accent-text-subtle);--text-color-brand1:var(--ds-color-brand1-text-default);--text-color-brand1-subtle:var(--ds-color-brand1-text-subtle);--text-color-brand2:var(--ds-color-brand2-text-default);--text-color-brand2-subtle:var(--ds-color-brand2-text-subtle);--text-color-brand3:var(--ds-color-brand3-text-default);--text-color-brand3-subtle:var(--ds-color-brand3-text-subtle);--text-color-danger:var(--ds-color-danger-text-default);--text-color-danger-subtle:var(--ds-color-danger-text-subtle);--text-color-info:var(--ds-color-info-text-default);--text-color-info-subtle:var(--ds-color-info-text-subtle);--text-color-neutral:var(--ds-color-neutral-text-default);--text-color-neutral-subtle:var(--ds-color-neutral-text-subtle);--text-color-success:var(--ds-color-success-text-default);--text-color-success-subtle:var(--ds-color-success-text-subtle);--text-color-warning:var(--ds-color-warning-text-default);--text-color-warning-subtle:var(--ds-color-warning-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-outline-style:none;--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}.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}.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}.auto-rows-\\[40px\\]{grid-auto-rows:40px}.auto-rows-\\[40px_60px\\]{grid-auto-rows:40px 60px}.auto-rows-\\[60px\\]{grid-auto-rows:60px}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-15{grid-template-columns:repeat(15,minmax(0,1fr))}.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)}.gap-x-4{column-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)}.rounded-full{border-radius:3.40282e38px;border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-highlight{border-style:var(--tw-border-style);border-width:var(--border-width-highlight)}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-accent{border-color:var(--border-color-accent)}.border-accent-subtle{border-color:var(--border-color-accent-subtle)}.border-brand1{border-color:var(--border-color-brand1)}.border-brand1-subtle{border-color:var(--border-color-brand1-subtle)}.border-brand2{border-color:var(--border-color-brand2)}.border-brand2-subtle{border-color:var(--border-color-brand2-subtle)}.border-brand3{border-color:var(--border-color-brand3)}.border-brand3-subtle{border-color:var(--border-color-brand3-subtle)}.border-danger{border-color:var(--border-color-danger)}.border-danger-subtle{border-color:var(--border-color-danger-subtle)}.border-info{border-color:var(--border-color-info)}.border-info-subtle{border-color:var(--border-color-info-subtle)}.border-neutral{border-color:var(--border-color-neutral)}.border-neutral-subtle{border-color:var(--border-color-neutral-subtle)}.border-success{border-color:var(--border-color-success)}.border-success-subtle{border-color:var(--border-color-success-subtle)}.border-warning{border-color:var(--border-color-warning)}.border-warning-subtle{border-color:var(--border-color-warning-subtle)}.bg-accent{background-color:var(--background-color-accent)}.bg-accent-base{background-color:var(--color-accent-base)}.bg-accent-base-active{background-color:var(--color-accent-base-active)}.bg-accent-base-contrast{background-color:var(--color-accent-base-contrast)}.bg-accent-base-contrast-subtle{background-color:var(--color-accent-base-contrast-subtle)}.bg-accent-base-hover{background-color:var(--color-accent-base-hover)}.bg-accent-surface-active{background-color:var(--color-accent-surface-active)}.bg-accent-surface-hover{background-color:var(--color-accent-surface-hover)}.bg-accent-surface-tinted{background-color:var(--color-accent-surface-tinted)}.bg-accent-tinted{background-color:var(--background-color-accent-tinted)}.bg-blue-1{background-color:var(--color-blue-1)}.bg-blue-2{background-color:var(--color-blue-2)}.bg-blue-3{background-color:var(--color-blue-3)}.bg-blue-4{background-color:var(--color-blue-4)}.bg-blue-5{background-color:var(--color-blue-5)}.bg-blue-6{background-color:var(--color-blue-6)}.bg-blue-7{background-color:var(--color-blue-7)}.bg-blue-8{background-color:var(--color-blue-8)}.bg-blue-9{background-color:var(--color-blue-9)}.bg-blue-10{background-color:var(--color-blue-10)}.bg-blue-11{background-color:var(--color-blue-11)}.bg-blue-12{background-color:var(--color-blue-12)}.bg-blue-13{background-color:var(--color-blue-13)}.bg-blue-contrast-1{background-color:var(--color-blue-contrast-1)}.bg-blue-contrast-2{background-color:var(--color-blue-contrast-2)}.bg-brand1{background-color:var(--background-color-brand1)}.bg-brand1-base{background-color:var(--color-brand1-base)}.bg-brand1-base-active{background-color:var(--color-brand1-base-active)}.bg-brand1-base-contrast{background-color:var(--color-brand1-base-contrast)}.bg-brand1-base-contrast-subtle{background-color:var(--color-brand1-base-contrast-subtle)}.bg-brand1-base-hover{background-color:var(--color-brand1-base-hover)}.bg-brand1-surface-active{background-color:var(--color-brand1-surface-active)}.bg-brand1-surface-hover{background-color:var(--color-brand1-surface-hover)}.bg-brand1-surface-tinted{background-color:var(--color-brand1-surface-tinted)}.bg-brand1-tinted{background-color:var(--background-color-brand1-tinted)}.bg-brand2{background-color:var(--background-color-brand2)}.bg-brand2-base{background-color:var(--color-brand2-base)}.bg-brand2-base-active{background-color:var(--color-brand2-base-active)}.bg-brand2-base-contrast{background-color:var(--color-brand2-base-contrast)}.bg-brand2-base-contrast-subtle{background-color:var(--color-brand2-base-contrast-subtle)}.bg-brand2-base-hover{background-color:var(--color-brand2-base-hover)}.bg-brand2-surface-active{background-color:var(--color-brand2-surface-active)}.bg-brand2-surface-hover{background-color:var(--color-brand2-surface-hover)}.bg-brand2-surface-tinted{background-color:var(--color-brand2-surface-tinted)}.bg-brand2-tinted{background-color:var(--background-color-brand2-tinted)}.bg-brand3{background-color:var(--background-color-brand3)}.bg-brand3-base{background-color:var(--color-brand3-base)}.bg-brand3-base-active{background-color:var(--color-brand3-base-active)}.bg-brand3-base-contrast{background-color:var(--color-brand3-base-contrast)}.bg-brand3-base-contrast-subtle{background-color:var(--color-brand3-base-contrast-subtle)}.bg-brand3-base-hover{background-color:var(--color-brand3-base-hover)}.bg-brand3-surface-active{background-color:var(--color-brand3-surface-active)}.bg-brand3-surface-hover{background-color:var(--color-brand3-surface-hover)}.bg-brand3-surface-tinted{background-color:var(--color-brand3-surface-tinted)}.bg-brand3-tinted{background-color:var(--background-color-brand3-tinted)}.bg-danger{background-color:var(--background-color-danger)}.bg-danger-base{background-color:var(--color-danger-base)}.bg-danger-base-active{background-color:var(--color-danger-base-active)}.bg-danger-base-contrast{background-color:var(--color-danger-base-contrast)}.bg-danger-base-contrast-subtle{background-color:var(--color-danger-base-contrast-subtle)}.bg-danger-base-hover{background-color:var(--color-danger-base-hover)}.bg-danger-surface-active{background-color:var(--color-danger-surface-active)}.bg-danger-surface-hover{background-color:var(--color-danger-surface-hover)}.bg-danger-surface-tinted{background-color:var(--color-danger-surface-tinted)}.bg-danger-tinted{background-color:var(--background-color-danger-tinted)}.bg-green-1{background-color:var(--color-green-1)}.bg-green-2{background-color:var(--color-green-2)}.bg-green-3{background-color:var(--color-green-3)}.bg-green-4{background-color:var(--color-green-4)}.bg-green-5{background-color:var(--color-green-5)}.bg-green-6{background-color:var(--color-green-6)}.bg-green-7{background-color:var(--color-green-7)}.bg-green-8{background-color:var(--color-green-8)}.bg-green-9{background-color:var(--color-green-9)}.bg-green-10{background-color:var(--color-green-10)}.bg-green-11{background-color:var(--color-green-11)}.bg-green-12{background-color:var(--color-green-12)}.bg-green-13{background-color:var(--color-green-13)}.bg-green-contrast-1{background-color:var(--color-green-contrast-1)}.bg-green-contrast-2{background-color:var(--color-green-contrast-2)}.bg-info{background-color:var(--background-color-info)}.bg-info-base{background-color:var(--color-info-base)}.bg-info-base-active{background-color:var(--color-info-base-active)}.bg-info-base-contrast{background-color:var(--color-info-base-contrast)}.bg-info-base-contrast-subtle{background-color:var(--color-info-base-contrast-subtle)}.bg-info-base-hover{background-color:var(--color-info-base-hover)}.bg-info-surface-active{background-color:var(--color-info-surface-active)}.bg-info-surface-hover{background-color:var(--color-info-surface-hover)}.bg-info-surface-tinted{background-color:var(--color-info-surface-tinted)}.bg-info-tinted{background-color:var(--background-color-info-tinted)}.bg-neutral{background-color:var(--background-color-neutral)}.bg-neutral-base{background-color:var(--color-neutral-base)}.bg-neutral-base-active{background-color:var(--color-neutral-base-active)}.bg-neutral-base-contrast{background-color:var(--color-neutral-base-contrast)}.bg-neutral-base-contrast-subtle{background-color:var(--color-neutral-base-contrast-subtle)}.bg-neutral-base-hover{background-color:var(--color-neutral-base-hover)}.bg-neutral-surface-active{background-color:var(--color-neutral-surface-active)}.bg-neutral-surface-hover{background-color:var(--color-neutral-surface-hover)}.bg-neutral-surface-tinted{background-color:var(--color-neutral-surface-tinted)}.bg-neutral-tinted{background-color:var(--background-color-neutral-tinted)}.bg-orange-1{background-color:var(--color-orange-1)}.bg-orange-2{background-color:var(--color-orange-2)}.bg-orange-3{background-color:var(--color-orange-3)}.bg-orange-4{background-color:var(--color-orange-4)}.bg-orange-5{background-color:var(--color-orange-5)}.bg-orange-6{background-color:var(--color-orange-6)}.bg-orange-7{background-color:var(--color-orange-7)}.bg-orange-8{background-color:var(--color-orange-8)}.bg-orange-9{background-color:var(--color-orange-9)}.bg-orange-10{background-color:var(--color-orange-10)}.bg-orange-11{background-color:var(--color-orange-11)}.bg-orange-12{background-color:var(--color-orange-12)}.bg-orange-13{background-color:var(--color-orange-13)}.bg-orange-contrast-1{background-color:var(--color-orange-contrast-1)}.bg-orange-contrast-2{background-color:var(--color-orange-contrast-2)}.bg-purple-1{background-color:var(--color-purple-1)}.bg-purple-2{background-color:var(--color-purple-2)}.bg-purple-3{background-color:var(--color-purple-3)}.bg-purple-4{background-color:var(--color-purple-4)}.bg-purple-5{background-color:var(--color-purple-5)}.bg-purple-6{background-color:var(--color-purple-6)}.bg-purple-7{background-color:var(--color-purple-7)}.bg-purple-8{background-color:var(--color-purple-8)}.bg-purple-9{background-color:var(--color-purple-9)}.bg-purple-10{background-color:var(--color-purple-10)}.bg-purple-11{background-color:var(--color-purple-11)}.bg-purple-12{background-color:var(--color-purple-12)}.bg-purple-13{background-color:var(--color-purple-13)}.bg-purple-contrast-1{background-color:var(--color-purple-contrast-1)}.bg-purple-contrast-2{background-color:var(--color-purple-contrast-2)}.bg-red-1{background-color:var(--color-red-1)}.bg-red-2{background-color:var(--color-red-2)}.bg-red-3{background-color:var(--color-red-3)}.bg-red-4{background-color:var(--color-red-4)}.bg-red-5{background-color:var(--color-red-5)}.bg-red-6{background-color:var(--color-red-6)}.bg-red-7{background-color:var(--color-red-7)}.bg-red-8{background-color:var(--color-red-8)}.bg-red-9{background-color:var(--color-red-9)}.bg-red-10{background-color:var(--color-red-10)}.bg-red-11{background-color:var(--color-red-11)}.bg-red-12{background-color:var(--color-red-12)}.bg-red-13{background-color:var(--color-red-13)}.bg-red-contrast-1{background-color:var(--color-red-contrast-1)}.bg-red-contrast-2{background-color:var(--color-red-contrast-2)}.bg-success{background-color:var(--background-color-success)}.bg-success-base{background-color:var(--color-success-base)}.bg-success-base-active{background-color:var(--color-success-base-active)}.bg-success-base-contrast{background-color:var(--color-success-base-contrast)}.bg-success-base-contrast-subtle{background-color:var(--color-success-base-contrast-subtle)}.bg-success-base-hover{background-color:var(--color-success-base-hover)}.bg-success-surface-active{background-color:var(--color-success-surface-active)}.bg-success-surface-hover{background-color:var(--color-success-surface-hover)}.bg-success-surface-tinted{background-color:var(--color-success-surface-tinted)}.bg-success-tinted{background-color:var(--background-color-success-tinted)}.bg-warning{background-color:var(--background-color-warning)}.bg-warning-base{background-color:var(--color-warning-base)}.bg-warning-base-active{background-color:var(--color-warning-base-active)}.bg-warning-base-contrast{background-color:var(--color-warning-base-contrast)}.bg-warning-base-contrast-subtle{background-color:var(--color-warning-base-contrast-subtle)}.bg-warning-base-hover{background-color:var(--color-warning-base-hover)}.bg-warning-surface-active{background-color:var(--color-warning-surface-active)}.bg-warning-surface-hover{background-color:var(--color-warning-surface-hover)}.bg-warning-surface-tinted{background-color:var(--color-warning-surface-tinted)}.bg-warning-tinted{background-color:var(--background-color-warning-tinted)}.bg-yellow-1{background-color:var(--color-yellow-1)}.bg-yellow-2{background-color:var(--color-yellow-2)}.bg-yellow-3{background-color:var(--color-yellow-3)}.bg-yellow-4{background-color:var(--color-yellow-4)}.bg-yellow-5{background-color:var(--color-yellow-5)}.bg-yellow-6{background-color:var(--color-yellow-6)}.bg-yellow-7{background-color:var(--color-yellow-7)}.bg-yellow-8{background-color:var(--color-yellow-8)}.bg-yellow-9{background-color:var(--color-yellow-9)}.bg-yellow-10{background-color:var(--color-yellow-10)}.bg-yellow-11{background-color:var(--color-yellow-11)}.bg-yellow-12{background-color:var(--color-yellow-12)}.bg-yellow-13{background-color:var(--color-yellow-13)}.bg-yellow-contrast-1{background-color:var(--color-yellow-contrast-1)}.bg-yellow-contrast-2{background-color:var(--color-yellow-contrast-2)}.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-body-lg{font-size:var(--text-body-lg);line-height:var(--tw-leading,var(--text-body-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-body-lg--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-lg--font-weight))}.text-body-long-lg{font-size:var(--text-body-long-lg);line-height:var(--tw-leading,var(--text-body-long-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-body-long-lg--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-long-lg--font-weight))}.text-body-long-md{font-size:var(--text-body-long-md);line-height:var(--tw-leading,var(--text-body-long-md--line-height));letter-spacing:var(--tw-tracking,var(--text-body-long-md--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-long-md--font-weight))}.text-body-long-sm{font-size:var(--text-body-long-sm);line-height:var(--tw-leading,var(--text-body-long-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-body-long-sm--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-long-sm--font-weight))}.text-body-long-xl{font-size:var(--text-body-long-xl);line-height:var(--tw-leading,var(--text-body-long-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-body-long-xl--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-long-xl--font-weight))}.text-body-long-xs{font-size:var(--text-body-long-xs);line-height:var(--tw-leading,var(--text-body-long-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-body-long-xs--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-long-xs--font-weight))}.text-body-md{font-size:var(--text-body-md);line-height:var(--tw-leading,var(--text-body-md--line-height));letter-spacing:var(--tw-tracking,var(--text-body-md--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-md--font-weight))}.text-body-short-lg{font-size:var(--text-body-short-lg);line-height:var(--tw-leading,var(--text-body-short-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-body-short-lg--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-short-lg--font-weight))}.text-body-short-md{font-size:var(--text-body-short-md);line-height:var(--tw-leading,var(--text-body-short-md--line-height));letter-spacing:var(--tw-tracking,var(--text-body-short-md--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-short-md--font-weight))}.text-body-short-sm{font-size:var(--text-body-short-sm);line-height:var(--tw-leading,var(--text-body-short-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-body-short-sm--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-short-sm--font-weight))}.text-body-short-xl{font-size:var(--text-body-short-xl);line-height:var(--tw-leading,var(--text-body-short-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-body-short-xl--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-short-xl--font-weight))}.text-body-short-xs{font-size:var(--text-body-short-xs);line-height:var(--tw-leading,var(--text-body-short-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-body-short-xs--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-short-xs--font-weight))}.text-body-sm{font-size:var(--text-body-sm);line-height:var(--tw-leading,var(--text-body-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-body-sm--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-sm--font-weight))}.text-body-xl{font-size:var(--text-body-xl);line-height:var(--tw-leading,var(--text-body-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-body-xl--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-xl--font-weight))}.text-body-xs{font-size:var(--text-body-xs);line-height:var(--tw-leading,var(--text-body-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-body-xs--letter-spacing));font-weight:var(--tw-font-weight,var(--text-body-xs--font-weight))}.text-heading-2xl{font-size:var(--text-heading-2xl);line-height:var(--tw-leading,var(--text-heading-2xl--line-height));letter-spacing:var(--tw-tracking,var(--text-heading-2xl--letter-spacing));font-weight:var(--tw-font-weight,var(--text-heading-2xl--font-weight))}.text-heading-2xs{font-size:var(--text-heading-2xs);line-height:var(--tw-leading,var(--text-heading-2xs--line-height));letter-spacing:var(--tw-tracking,var(--text-heading-2xs--letter-spacing));font-weight:var(--tw-font-weight,var(--text-heading-2xs--font-weight))}.text-heading-lg{font-size:var(--text-heading-lg);line-height:var(--tw-leading,var(--text-heading-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-heading-lg--letter-spacing));font-weight:var(--tw-font-weight,var(--text-heading-lg--font-weight))}.text-heading-md{font-size:var(--text-heading-md);line-height:var(--tw-leading,var(--text-heading-md--line-height));letter-spacing:var(--tw-tracking,var(--text-heading-md--letter-spacing));font-weight:var(--tw-font-weight,var(--text-heading-md--font-weight))}.text-heading-sm{font-size:var(--text-heading-sm);line-height:var(--tw-leading,var(--text-heading-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-heading-sm--letter-spacing));font-weight:var(--tw-font-weight,var(--text-heading-sm--font-weight))}.text-heading-xl{font-size:var(--text-heading-xl);line-height:var(--tw-leading,var(--text-heading-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-heading-xl--letter-spacing));font-weight:var(--tw-font-weight,var(--text-heading-xl--font-weight))}.text-heading-xs{font-size:var(--text-heading-xs);line-height:var(--tw-leading,var(--text-heading-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-heading-xs--letter-spacing));font-weight:var(--tw-font-weight,var(--text-heading-xs--font-weight))}.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)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--text-color-accent)}.text-accent-subtle{color:var(--text-color-accent-subtle)}.text-brand1{color:var(--text-color-brand1)}.text-brand1-subtle{color:var(--text-color-brand1-subtle)}.text-brand2{color:var(--text-color-brand2)}.text-brand2-subtle{color:var(--text-color-brand2-subtle)}.text-brand3{color:var(--text-color-brand3)}.text-brand3-subtle{color:var(--text-color-brand3-subtle)}.text-danger{color:var(--text-color-danger)}.text-danger-subtle{color:var(--text-color-danger-subtle)}.text-info{color:var(--text-color-info)}.text-info-subtle{color:var(--text-color-info-subtle)}.text-neutral{color:var(--text-color-neutral)}.text-neutral-subtle{color:var(--text-color-neutral-subtle)}.text-success{color:var(--text-color-success)}.text-success-subtle{color:var(--text-color-success-subtle)}.text-warning{color:var(--text-color-warning)}.text-warning-subtle{color:var(--text-color-warning-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-lg{--tw-shadow:var(--ds-shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--ds-shadow-md);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)}.shadow-sm{--tw-shadow:var(--ds-shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--ds-shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:var(--ds-shadow-xs);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)}:is(.\\*\\:border>*){border-style:var(--tw-border-style);border-width:1px}:is(.\\*\\:border-2>*){border-style:var(--tw-border-style);border-width:2px}:is(.\\*\\:p-2>*){padding:var(--spacing-2)}:is(.\\*\\:p-4>*){padding:var(--spacing-4)}.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}}
4
4
  `;
5
5
  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)}}`;
6
6
  const styled = (superClass, elementCss = []) => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@felleslosninger/minid-elements",
3
- "version": "0.0.93",
3
+ "version": "0.0.95",
4
4
  "description": "MinID Web Components",
5
5
  "author": "Digitaliseringsdirektoratet",
6
6
  "license": "MIT",
@@ -129,8 +129,8 @@
129
129
  "build": "rimraf dist && tsc && npm run analyze && vite build",
130
130
  "build:cdn": "rimraf dist-cdn && tsc && vite build --config vite.cdn.config.js",
131
131
  "storybook": "storybook dev -p 6006",
132
- "storybook-dev": "concurrently --kill-others \"npm run analyze -- --watch\" \"npm run storybook\"",
133
- "build-storybook": "npm run build && rimraf storybook-static && npm run analyze && storybook build",
132
+ "storybook:dev": "concurrently --kill-others \"npm run analyze -- --watch\" \"npm run storybook\"",
133
+ "storybook:build": "npm run build && rimraf storybook-static && npm run analyze && storybook build",
134
134
  "analyze": "custom-elements-manifest analyze"
135
135
  },
136
136
  "dependencies": {