@navikt/ds-css 7.36.0 → 7.37.0
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.
- package/CHANGELOG.md +6 -0
- package/baseline/_utilities.css +1 -0
- package/config/_mappings.js +5 -0
- package/darkside/baseline/baseline.darkside.css +1 -0
- package/darkside/dialog.darkside.css +233 -0
- package/darkside/index.css +1 -0
- package/dialog.css +227 -0
- package/dist/component/dialog.css +227 -0
- package/dist/component/dialog.min.css +1 -0
- package/dist/components.css +228 -0
- package/dist/components.min.css +1 -1
- package/dist/darkside/component/dialog.css +210 -0
- package/dist/darkside/component/dialog.min.css +1 -0
- package/dist/darkside/components.css +209 -0
- package/dist/darkside/components.min.css +1 -1
- package/dist/darkside/global/tokens.css +3 -3
- package/dist/darkside/global/tokens.min.css +1 -1
- package/dist/darkside/index.css +212 -3
- package/dist/darkside/index.min.css +1 -1
- package/dist/darkside/version/7.37.0/component/dialog.css +210 -0
- package/dist/darkside/version/7.37.0/component/dialog.min.css +1 -0
- package/dist/darkside/version/{7.36.0 → 7.37.0}/components.css +209 -0
- package/dist/darkside/version/7.37.0/components.min.css +1 -0
- package/dist/darkside/version/{7.36.0 → 7.37.0}/global/tokens.css +3 -3
- package/dist/darkside/version/7.37.0/global/tokens.min.css +1 -0
- package/dist/darkside/version/{7.36.0 → 7.37.0}/index.css +212 -3
- package/dist/darkside/version/7.37.0/index.min.css +1 -0
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +229 -1
- package/dist/index.min.css +2 -2
- package/index.css +1 -0
- package/package.json +2 -2
- package/dist/darkside/version/7.36.0/components.min.css +0 -1
- package/dist/darkside/version/7.36.0/global/tokens.min.css +0 -1
- package/dist/darkside/version/7.36.0/index.min.css +0 -1
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/accordion.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/accordion.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/actionmenu.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/actionmenu.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/alert.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/alert.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/button.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/button.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/chat.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/chat.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/chips.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/chips.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/copybutton.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/copybutton.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/date.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/date.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/dropdown.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/dropdown.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/expansioncard.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/expansioncard.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/form.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/form.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/guidepanel.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/guidepanel.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/helptext.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/helptext.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/inlinemessage.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/inlinemessage.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/internalheader.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/internalheader.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/link.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/link.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/linkanchor.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/linkanchor.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/linkcard.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/linkcard.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/linkpanel.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/linkpanel.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/list.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/list.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/loader.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/loader.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/modal.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/modal.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/pagination.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/pagination.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/panel.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/panel.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/popover.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/popover.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/primitives.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/primitives.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/process.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/process.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/progressbar.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/progressbar.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/readmore.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/readmore.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/skeleton.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/skeleton.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/stepper.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/stepper.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/table.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/table.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/tabs.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/tabs.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/tag.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/tag.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/theme.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/theme.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/timeline.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/timeline.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/togglegroup.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/togglegroup.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/tooltip.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/tooltip.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/typography.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/component/typography.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/baseline.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/baseline.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/fonts.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/fonts.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/print.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/print.min.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/reset.css +0 -0
- /package/dist/darkside/version/{7.36.0 → 7.37.0}/global/reset.min.css +0 -0
package/dist/components.min.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
[data-theme=dark]{--__ac-typo-error-text:var(--a-red-300);--__ac-typo-text-subtle:var(--a-gray-300);--__ac-button-primary-text:var(--a-gray-900);--__ac-button-primary-bg:var(--a-blue-200);--__ac-button-primary-focus-border:var(--a-gray-900);--__ac-button-primary-hover-bg:var(--a-blue-300);--__ac-button-primary-active-bg:var(--a-blue-400);--__ac-button-secondary-text:var(--a-white);--__ac-button-secondary-hover-text:var(--a-white);--__ac-button-secondary-active-text:var(--a-white);--__ac-button-secondary-active-focus-border:var(--a-gray-900);--__ac-button-secondary-bg:var(--a-gray-900);--__ac-button-secondary-border:var(--a-blue-200);--__ac-button-secondary-hover-bg:var(--a-gray-800);--__ac-button-secondary-focus-border:var(--a-blue-200);--__ac-button-secondary-active-bg:var(--a-gray-700);--__ac-copybutton-action-text:var(--a-blue-300);--__ac-copybutton-bg-hover:#d6e7ff21;--__ac-copybutton-icon-success:#33aa5f;--__ac-copybutton-neutral-text:#e7f0feb0;--__ac-copybutton-text:#fbfcfef5;--__ac-form-description:var(--a-text-on-inverted);--__ac-textfield-text:var(--a-text-on-inverted);--__ac-textfield-bg:var(--a-surface-inverted);--__ac-textfield-border:var(--a-border-on-inverted);--__ac-textfield-hover-border:var(--a-blue-200);--__ac-textfield-placeholder:var(--a-gray-500);--__ac-textfield-error-border:var(--a-red-300);--__ac-textarea-text:var(--a-text-on-inverted);--__ac-textarea-bg:var(--a-transparent);--__ac-textarea-border:var(--a-border-on-inverted);--__ac-textarea-hover-border:var(--a-blue-200);--__ac-textarea-placeholder:var(--a-gray-500);--__ac-textarea-error-border:var(--a-red-300);--__ac-textarea-counter-text:var(--a-gray-300);--__ac-textarea-counter-error-text:var(--a-red-300);--__ac-search-button-border:var(--a-border-on-inverted);--__ac-search-button-border-hover:var(--a-blue-200);--__ac-search-clear-icon:var(--a-white);--__ac-search-clear-icon-hover:var(--a-blue-200);--__ac-search-error-border:var(--a-red-300)}[data-theme=light]{--__ac-typo-error-text:initial;--__ac-typo-text-subtle:initial;--__ac-button-primary-text:initial;--__ac-button-primary-bg:initial;--__ac-button-primary-focus-border:initial;--__ac-button-primary-hover-bg:initial;--__ac-button-primary-active-bg:initial;--__ac-button-secondary-text:initial;--__ac-button-secondary-hover-text:initial;--__ac-button-secondary-active-text:initial;--__ac-button-secondary-active-focus-border:initial;--__ac-button-secondary-bg:initial;--__ac-button-secondary-border:initial;--__ac-button-secondary-hover-bg:initial;--__ac-button-secondary-focus-border:initial;--__ac-button-secondary-active-bg:initial;--__ac-copybutton-action-text:initial;--__ac-copybutton-bg-hover:initial;--__ac-copybutton-icon-success:initial;--__ac-copybutton-neutral-text:initial;--__ac-copybutton-text:initial;--__ac-form-description:initial;--__ac-textfield-text:initial;--__ac-textfield-bg:initial;--__ac-textfield-border:initial;--__ac-textfield-hover-border:initial;--__ac-textfield-placeholder:initial;--__ac-textfield-error-border:initial;--__ac-textarea-text:initial;--__ac-textarea-bg:initial;--__ac-textarea-border:initial;--__ac-textarea-hover-border:initial;--__ac-textarea-placeholder:initial;--__ac-textarea-error-border:initial;--__ac-textarea-counter-text:initial;--__ac-textarea-counter-error-text:initial;--__ac-search-button-border:initial;--__ac-search-button-border-hover:initial;--__ac-search-clear-icon:initial;--__ac-search-clear-icon-hover:initial;--__ac-search-error-border:initial}.navds-heading{font-weight:var(--a-font-weight-bold);margin:0}.navds-heading--xlarge{font-size:var(--a-font-size-heading-2xlarge);letter-spacing:-.01em;line-height:var(--a-font-line-height-heading-2xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-5)}.navds-heading--large{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}@media (max-width:480px){.navds-heading--xlarge{font-size:var(--a-font-size-heading-xlarge);letter-spacing:-.008em;line-height:var(--a-font-line-height-heading-xlarge)}.navds-heading--xlarge.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-heading--large{font-size:var(--a-font-size-heading-large);letter-spacing:-.004em;line-height:var(--a-font-line-height-heading-large)}.navds-heading--large.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}}.navds-heading--medium{font-size:var(--a-font-size-heading-medium);letter-spacing:-.002em;line-height:var(--a-font-line-height-heading-medium)}.navds-heading--medium.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--small{font-size:var(--a-font-size-heading-small);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-small)}.navds-heading--small.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-heading--xsmall{font-size:var(--a-font-size-heading-xsmall);letter-spacing:-.001em;line-height:var(--a-font-line-height-heading-xsmall)}.navds-heading--xsmall.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-ingress{font-size:var(--a-font-size-xlarge);font-weight:var(--a-font-weight-regular);letter-spacing:-.001em;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-ingress.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-xlarge);margin:0}.navds-body-long.navds-typo--spacing{margin-bottom:var(--a-spacing-7)}.navds-body-long--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-long--large.navds-typo--spacing{margin-bottom:var(--a-spacing-10)}.navds-body-long--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-large)}.navds-body-long--small.navds-typo--spacing{margin-bottom:var(--a-spacing-6)}.navds-body-short{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-regular);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-body-short.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-body-short--large{font-size:var(--a-font-size-xlarge);letter-spacing:-.0013em;line-height:var(--a-font-line-height-xlarge)}.navds-body-short--large.navds-typo--spacing{margin-bottom:var(--a-spacing-4)}.navds-body-short--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-body-short--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-label{font-size:var(--a-font-size-large);font-weight:var(--a-font-weight-bold);letter-spacing:0;line-height:var(--a-font-line-height-large);margin:0}.navds-label.navds-typo--spacing{margin-bottom:var(--a-spacing-3)}.navds-label--small{font-size:var(--a-font-size-medium);letter-spacing:.002em;line-height:var(--a-font-line-height-medium)}.navds-label--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail{font-size:var(--a-font-size-small);letter-spacing:.004em;line-height:var(--a-font-line-height-medium);margin:0}.navds-detail.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-detail.navds-typo--uppercase{text-transform:uppercase}.navds-detail--small{font-weight:var(--a-font-weight-regular)}.navds-detail--small.navds-typo--spacing{margin-bottom:var(--a-spacing-2)}.navds-error-message{color:var(--ac-typo-error-text,var(--__ac-typo-error-text,var(--a-text-danger)))}.navds-error-message.navds-error-message--show-icon{display:flex;gap:var(--a-spacing-1)}.navds-error-message.navds-error-message--show-icon svg{flex:0 0 auto;height:1em;margin-top:.15em;width:1em}.navds-typo--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navds-typo--semibold{font-weight:var(--a-font-weight-bold)}.navds-typo--align-start{text-align:start}.navds-typo--align-center{text-align:center}.navds-typo--align-end{text-align:end}.navds-typo--visually-hidden{border:0!important;clip:rect(0,0,0,0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;top:0!important;white-space:nowrap!important;width:1px!important}.navds-typo--color-subtle{color:var(--__ac-typo-text-subtle,var(--a-text-subtle))}.navds-accordion{--__ac-accordion-header-shadow-color:var(--ac-accordion-header-border,var(--a-border-divider))}.navds-accordion__header{--__ac-accordion-header-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color);align-items:flex-start;background:var(--ac-accordion-header-bg,var(--a-surface-transparent));border:none;box-shadow:var(--__ac-accordion-header-shadow);cursor:pointer;display:flex;gap:var(--a-spacing-2);justify-content:flex-start;margin:0;padding:var(--a-spacing-3);position:relative;text-align:left;width:100%;z-index:1}.navds-accordion__header:hover{background-color:var(--ac-accordion-header-bg-hover,var(--a-surface-hover));color:var(--ac-accordion-header-text-hover,inherit);text-decoration:underline}.navds-accordion--small .navds-accordion__header{padding:var(--a-spacing-2) var(--a-spacing-3)}.navds-accordion--medium .navds-accordion__header{padding:var(--a-spacing-3)}.navds-accordion--large .navds-accordion__header{padding:var(--a-spacing-4) var(--a-spacing-3)}.navds-accordion__item:last-child>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open) :where(.navds-accordion__header){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item:last-child:where(.navds-accordion__item--open){box-shadow:inset 2px 0 0 0 var(--a-transparent),inset -2px 0 0 0 var(--a-transparent),inset 0 2px 0 0 var(--a-transparent),inset 0 -2px 0 0 var(--__ac-accordion-header-shadow-color)}.navds-accordion__item--open>:where(.navds-accordion__header){box-shadow:var(--__ac-accordion-header-shadow)}.navds-accordion__header:focus-visible{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:3px}@supports not selector(:focus-visible){.navds-accordion__header:focus{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-focus);outline:none}}.navds-accordion__header-content{overflow:hidden;text-overflow:ellipsis}.navds-accordion__icon-wrapper{align-self:center;border-radius:var(--a-border-radius-medium);display:grid;height:var(--a-spacing-6);place-content:center;width:var(--a-spacing-6)}.navds-accordion__header:hover>.navds-accordion__icon-wrapper{background-color:var(--ac-accordion-header-icon-bg-hover,var(--a-surface-neutral-subtle-hover))}.navds-accordion__header-chevron{align-self:center;border-radius:var(--a-border-radius-medium);flex-shrink:0;font-size:1.5rem;height:1.75rem;transition:transform .15s ease-in-out}:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(1px)}.navds-accordion__item--open>:where(.navds-accordion__header)>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(0) rotate(-180deg)}.navds-accordion__item--open>:where(.navds-accordion__header):hover>:where(.navds-accordion__icon-wrapper)>:where(.navds-accordion__header-chevron){transform:translateY(-1px) rotate(-180deg)}.navds-accordion__item--open{background-color:var(--ac-accordion-item-bg-open,var(--a-transparent))}.navds-accordion__item--open.navds-accordion__item--neutral{background-color:var(--ac-accordion-neutral-item-bg-open,var(--a-surface-neutral-subtle))}.navds-accordion__content{animation:fadeAccordionContent .25s ease;padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5)}.navds-accordion--indent>:where(.navds-accordion__item)>:where(.navds-accordion__content){padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11)}.navds-accordion__content--closed{display:none}.navds-accordion__item--no-animation :where(.navds-accordion__content){animation:none}@keyframes fadeAccordionContent{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-accordion__header{background-color:canvas;border:1px solid buttonborder;color:initial}.navds-accordion__header:hover{background-color:canvas;border:1px solid highlight;color:highlight}}.navds-alert{align-items:center;border:1px solid;border-radius:var(--a-border-radius-medium);display:flex;gap:var(--a-spacing-3);padding:var(--a-spacing-4)}.navds-alert--small.navds-alert--close-button{align-items:flex-start}.navds-alert__wrapper--maxwidth{max-width:43.5rem}.navds-alert--close-button>.navds-alert__wrapper{-webkit-margin-before:var(--a-spacing-05);margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__wrapper{-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-alert--small{gap:var(--a-spacing-2);padding:var(--a-spacing-2) var(--a-spacing-4)}.navds-alert--full-width{border-radius:0}.navds-alert>.navds-alert__icon{align-self:flex-start;background:radial-gradient(circle,var(--a-surface-default) 47%,0,#0000);flex-shrink:0;font-size:1.5rem;height:var(--a-font-line-height-xlarge)}.navds-alert--small>.navds-alert__icon{-webkit-margin-before:0;height:var(--a-font-line-height-large);margin-block-start:0}.navds-alert--close-button>.navds-alert__icon{-webkit-margin-before:var(--a-spacing-05);margin-block-start:var(--a-spacing-05)}.navds-alert--small.navds-alert--close-button>.navds-alert__icon{-webkit-margin-before:var(--a-spacing-1);margin-block-start:var(--a-spacing-1)}.navds-alert--error{background-color:var(--ac-alert-error-bg,var(--a-surface-danger-subtle));border-color:var(--ac-alert-error-border,var(--a-border-danger))}.navds-alert--error>.navds-alert__icon{color:var(--ac-alert-icon-error-color,var(--a-icon-danger))}.navds-alert--warning{background-color:var(--ac-alert-warning-bg,var(--a-surface-warning-subtle));border-color:var(--ac-alert-warning-border,var(--a-border-warning))}.navds-alert--warning>.navds-alert__icon{background:radial-gradient(circle at 50% 57%,var(--a-surface-default) 30%,0,#0000);color:var(--ac-alert-icon-warning-color,var(--a-icon-warning))}.navds-alert--info{background-color:var(--ac-alert-info-bg,var(--a-surface-info-subtle));border-color:var(--ac-alert-info-border,var(--a-border-info))}.navds-alert--info>.navds-alert__icon{color:var(--ac-alert-icon-info-color,var(--a-icon-info))}.navds-alert--success{background-color:var(--ac-alert-success-bg,var(--a-surface-success-subtle));border-color:var(--ac-alert-success-border,var(--a-border-success))}.navds-alert--success>.navds-alert__icon{color:var(--ac-alert-icon-success-color,var(--a-icon-success))}.navds-alert--inline{background-color:initial;border:none;padding:0}.navds-alert__button-wrapper{align-self:flex-start;display:flex;flex:1;flex-flow:row nowrap;justify-content:flex-end}@media (forced-colors:active){.navds-alert{background-color:canvas;border:1px solid canvastext;color:initial}}.navds-base-alert{border-radius:var(--a-border-radius-xlarge);display:grid;height:-webkit-fit-content;height:fit-content;overflow:clip;--__ac-base-alert-pi:var(--a-spacing-5);--__ac-base-alert-content-p:var(--a-spacing-3) var(--__ac-base-alert-pi) var(--a-spacing-4) var(--__ac-base-alert-pi);--__ac-base-alert-title-pb:var(--a-spacing-05);--__ac-base-alert-header-max-width:37.5rem}.navds-base-alert[data-size=small]{--__ac-base-alert-pi:var(--a-spacing-4);--__ac-base-alert-content-p:var(--a-spacing-2) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-4);--__ac-base-alert-title-pb:var(--a-spacing-1)}.navds-base-alert[data-variant=moderate]{outline:1px solid;outline-offset:-1px}.navds-base-alert[data-variant=strong]{outline:4px solid;outline-offset:-4px}.navds-base-alert[data-global=true]{border-radius:0}.navds-base-alert[data-color=accent]{outline-color:var(--a-border-action)}.navds-base-alert[data-color=accent][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-action-subtle);border-color:var(--a-blue-200);color:var(--a-blue-800)}.navds-base-alert[data-color=neutral]{outline-color:var(--a-gray-700)}.navds-base-alert[data-color=neutral][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-neutral-subtle);border-color:var(--a-gray-200);color:var(--a-gray-800)}.navds-base-alert[data-color=neutral][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-neutral);color:var(--a-text-on-neutral)}.navds-base-alert[data-color=info]{outline-color:var(--a-border-info)}.navds-base-alert[data-color=info][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-info-subtle);border-color:var(--a-lightblue-200);color:var(--a-lightblue-900)}.navds-base-alert[data-color=success]{outline-color:var(--a-border-success)}.navds-base-alert[data-color=success][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-success-subtle);border-color:var(--a-green-200);color:var(--a-green-800)}.navds-base-alert[data-color=success][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-success);color:var(--a-text-on-success)}.navds-base-alert[data-color=warning]{outline-color:var(--a-surface-warning)}.navds-base-alert[data-color=warning][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-warning-subtle);border-color:var(--a-orange-200);color:var(--a-orange-900)}.navds-base-alert[data-color=warning][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-warning);color:var(--a-text-on-warning)}.navds-base-alert[data-color=danger]{outline-color:var(--a-border-danger)}.navds-base-alert[data-color=danger][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-danger-subtle);border-color:var(--a-red-200);color:var(--a-red-800)}.navds-base-alert[data-color=danger][data-variant=strong] .navds-base-alert__header{background:var(--a-surface-danger);color:var(--a-text-on-danger)}.navds-base-alert[data-color=brand-magenta]{outline-color:var(--a-border-alt-1)}.navds-base-alert[data-color=brand-magenta][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-1-subtle);border-color:var(--a-purple-200);color:var(--a-purple-800)}.navds-base-alert[data-color=brand-beige]{outline-color:var(--a-border-warning)}.navds-base-alert[data-color=brand-beige][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-warning-subtle);border-color:var(--a-orange-200);color:var(--a-orange-900)}.navds-base-alert[data-color=brand-blue]{outline-color:var(--a-border-alt-3)}.navds-base-alert[data-color=brand-blue][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-3-subtle);border-color:var(--a-deepblue-200);color:var(--a-deepblue-800)}.navds-base-alert[data-color=meta-lime]{outline-color:var(--a-border-alt-2)}.navds-base-alert[data-color=meta-lime][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-2-subtle);border-color:var(--a-limegreen-200);color:var(--a-limegreen-900)}.navds-base-alert[data-color=meta-purple]{outline-color:var(--a-border-alt-1)}.navds-base-alert[data-color=meta-purple][data-variant=moderate] .navds-base-alert__header{background:var(--a-surface-alt-1-subtle);border-color:var(--a-purple-200);color:var(--a-purple-800)}.navds-base-alert__header{align-items:flex-start;border-bottom:1px solid;display:flex;gap:var(--a-spacing-2);padding:var(--a-spacing-2) var(--__ac-base-alert-pi)}.navds-base-alert[data-global=true] .navds-base-alert__header{padding-inline:max(var(--__ac-base-alert-pi),calc((100% - var(--__ac-base-alert-header-max-width))/2))}.navds-base-alert[data-variant=strong] .navds-base-alert__header,.navds-base-alert__header:only-child{border-bottom:none}.navds-base-alert__icon{display:grid;font-size:1.5rem;margin-top:var(--a-spacing-1)}.navds-base-alert__title{padding-block:var(--__ac-base-alert-title-pb)}.navds-base-alert__content{background-color:var(--a-bg-default);padding:var(--__ac-base-alert-content-p)}.navds-base-alert[data-global=true] .navds-base-alert__content{padding-inline:max(var(--__ac-base-alert-pi),calc((100% - var(--__ac-base-alert-header-max-width))/2))}.navds-base-alert__close-button.navds-base-alert__close-button{margin-left:auto;z-index:1}.navds-base-alert__close-button.navds-base-alert__close-button:focus-visible{box-shadow:0 0 0 3px #fff}.navds-base-alert__close-button.navds-base-alert__close-button.navds-base-alert__close-button.navds-base-alert__close-button{color:var(--a-text-on-inverted)}.navds-base-alert[data-color=warning] .navds-base-alert__close-button.navds-base-alert__close-button{color:var(--a-text-default)}:is(.navds-base-alert[data-color=warning] .navds-base-alert__close-button.navds-base-alert__close-button):active{color:var(--a-text-on-inverted)}.navds-button{--__ac-button-padding:var(--a-spacing-3) var(--a-spacing-5);align-items:center;background:none;border:none;border-radius:var(--ac-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:inline-flex;gap:var(--a-spacing-2);justify-content:center;margin:0;padding:var(--ac-button-padding,var(--__ac-button-padding));text-decoration:none}.navds-button--small{--__ac-button-padding:var(--a-spacing-1) var(--a-spacing-3);min-height:2rem;min-width:2rem;padding:var(--ac-button-padding-small,var(--__ac-button-padding))}.navds-button--xsmall{--__ac-button-padding:var(--a-spacing-05) var(--a-spacing-2);gap:var(--a-spacing-1);padding:var(--ac-button-padding-xsmall,var(--__ac-button-padding))}.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-3);padding:var(--ac-button-padding-icon-only,var(--__ac-button-padding))}.navds-button--small.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-1);padding:var(--ac-button-padding-icon-only-small,var(--__ac-button-padding))}.navds-button--xsmall.navds-button--icon-only{--__ac-button-padding:var(--a-spacing-05);padding:var(--ac-button-padding-icon-only-xsmall,var(--__ac-button-padding))}.navds-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@supports not selector(:focus-visible){.navds-button:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-button__icon{--ac-button-icon-margin:-4px;display:flex;font-size:1.5rem}.navds-button__icon:first-child{margin-left:var(--ac-button-icon-margin)}.navds-button__icon:last-child{margin-right:var(--ac-button-icon-margin)}.navds-button--icon-only .navds-button__icon{margin:0}:where(.navds-button--xsmall,.navds-button--small) .navds-button__icon{--ac-button-icon-margin:-2px;font-size:1.25rem}.navds-button--primary{background-color:var(--ac-button-primary-bg,var(--__ac-button-primary-bg,var(--a-surface-action)));color:var(--ac-button-primary-text,var(--__ac-button-primary-text,var(--a-text-on-action)))}@media (forced-colors:active){.navds-button.navds-button--primary{background-color:highlight;color:highlighttext}.navds-button.navds-button--primary span{forced-color-adjust:none}}.navds-button--primary:hover{background-color:var(--ac-button-primary-hover-bg,var(--__ac-button-primary-hover-bg,var(--a-surface-action-hover)))}.navds-button--primary:active{background-color:var(--ac-button-primary-active-bg,var(--__ac-button-primary-active-bg,var(--a-surface-action-active)))}.navds-button--primary:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus);outline:2px solid #0000;outline-offset:2px}@media (forced-colors:active){.navds-button--primary:focus-visible{box-shadow:none}}@supports not selector(:focus-visible){.navds-button--primary:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-focus-border,var(--__ac-button-primary-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--primary:active:where(:disabled,.navds-button--disabled),.navds-button--primary:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-bg,var(--a-surface-action))}.navds-button--primary-neutral{background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral));color:var(--ac-button-primary-neutral-text,var(--a-text-on-neutral))}.navds-button--primary-neutral:hover{background-color:var(--ac-button-primary-neutral-hover-bg,var(--a-surface-neutral-hover))}.navds-button--primary-neutral:active{background-color:var(--ac-button-primary-neutral-active-bg,var(--a-surface-neutral-active))}.navds-button--primary-neutral:focus-visible{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--primary-neutral:focus{box-shadow:inset 0 0 0 1px var(--ac-button-primary-neutral-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--primary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--primary-neutral:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-primary-neutral-bg,var(--a-surface-neutral))}.navds-button--secondary{background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary:hover{background-color:var(
|
|
2
2
|
--ac-button-secondary-hover-bg,var(--__ac-button-secondary-hover-bg,var(--a-surface-action-subtle-hover))
|
|
3
|
-
);box-shadow:inset 0 0 0 2px var(--ac-button-secondary-hover-border,var(--a-border-action-hover));color:var(--ac-button-secondary-hover-text,var(--__ac-button-secondary-hover-text,var(--a-text-action-on-action-subtle)))}.navds-button--secondary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}}.navds-button--secondary:active{background-color:var(--ac-button-secondary-active-bg,var(--__ac-button-secondary-active-bg,var(--a-surface-action-active)));box-shadow:none;color:var(--ac-button-secondary-active-text,var(--__ac-button-secondary-active-text,var(--a-text-on-action)))}.navds-button--secondary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--secondary:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary-neutral{background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--secondary-neutral:hover{background-color:var(--ac-button-secondary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover))}.navds-button--secondary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}}.navds-button--secondary-neutral:active{background-color:var(--ac-button-secondary-neutral-active-bg,var(--a-surface-neutral-active));box-shadow:none;color:var(--ac-button-secondary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--secondary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--secondary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary-neutral:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--tertiary{background-color:var(--ac-button-tertiary-bg,var(--a-surface-transparent));color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary:hover{background-color:var(--ac-button-tertiary-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-button-tertiary-hover-text,var(--a-text-action-on-action-subtle))}.navds-button--tertiary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}}.navds-button--tertiary:active{background-color:var(--ac-button-tertiary-active-bg,var(--a-surface-action-active));color:var(--ac-button-tertiary-active-text,var(--a-text-on-action))}.navds-button--tertiary:active:hover{background-color:var(--ac-button-tertiary-active-hover-bg,var(--a-surface-action-active))}.navds-button--tertiary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary-neutral{color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--tertiary-neutral:hover{background-color:var(--ac-button-tertiary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-button-tertiary-neutral-hover-text,var(--a-text-default))}.navds-button--tertiary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active{background-color:var(--ac-button-tertiary-neutral-active-bg,var(--a-surface-neutral-active));color:var(--ac-button-tertiary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--tertiary-neutral:active:hover{background-color:var(--ac-button-tertiary-neutral-active-hover-bg,var(--a-surface-neutral-active))}.navds-button--tertiary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--danger{background-color:var(--ac-button-danger-bg,var(--a-surface-danger));color:var(--ac-button-danger-text,var(--a-text-on-danger))}.navds-button--danger:hover{background-color:var(--ac-button-danger-hover-bg,var(--a-surface-danger-hover))}.navds-button--danger:active{background-color:var(--ac-button-danger-active-bg,var(--a-surface-danger-active))}.navds-button--danger:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--danger:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--danger:active:where(:disabled,.navds-button--disabled),.navds-button--danger:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-danger-bg,var(--a-surface-danger))}.navds-button:where(:disabled,.navds-button--disabled){cursor:not-allowed}.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){opacity:.3}.navds-button>.navds-loader{position:absolute}.navds-button .navds-loader .navds-loader__foreground{stroke:var(--ac-button-loader-stroke,currentColor)}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:var(--ac-button-primary-loader-stroke-bg,#ffffff4d)}.navds-button--loading>:not(.navds-loader){visibility:hidden}@media (forced-colors:active){.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){color:GrayText;opacity:1}.navds-button{background-color:ButtonFace;border:1px solid #0000;color:ButtonText}.navds-button:hover{background-color:highlighttext;border-color:highlight;box-shadow:none;color:highlight}.navds-button:hover span{forced-color-adjust:none}.navds-button .navds-loader .navds-loader__foreground{stroke:canvas}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:canvastext}}.navds-chat{align-items:flex-end;display:flex;gap:var(--a-spacing-3);max-width:40.75rem}.navds-chat--right{flex-direction:row-reverse}.navds-chat__bubble-wrapper{display:flex;flex-direction:column;gap:var(--a-spacing-3)}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat__avatar{align-items:center;background-color:var(--ac-chat-avatar-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-full);box-shadow:var(--a-shadow-xsmall);color:var(--ac-chat-avatar-color,var(--a-text-default));display:flex;flex-shrink:0;font-size:1.06rem;height:2.5rem;justify-content:center;letter-spacing:.024rem;line-height:2.5rem;overflow:hidden;width:2.5rem}.navds-chat__avatar svg{align-self:center;max-height:1.5rem;max-width:1.5rem;width:100%}.navds-chat__bubble{background-color:var(--ac-chat-bubble-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-xlarge);border-bottom-left-radius:2px;box-shadow:var(--a-shadow-xsmall);display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4);width:-webkit-fit-content;width:fit-content}.navds-chat--right .navds-chat__bubble{border-radius:var(--a-border-radius-xlarge);border-bottom-right-radius:2px}.navds-chat--small .navds-chat__bubble{padding:var(--a-spacing-3)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--a-surface-info-subtle)}.navds-chat--subtle .navds-chat__avatar,.navds-chat--subtle .navds-chat__bubble{background-color:var(--a-surface-default)}.navds-chat__top-text{align-items:baseline;color:var(--ac-chat-top-text,var(--a-text-default));display:flex;font-weight:400;gap:var(--a-spacing-2);margin:0}.navds-chat--right .navds-chat__top-text{align-self:flex-end}.navds-chat--top-text-left .navds-chat__top-text{align-self:flex-start}.navds-chat--left .navds-chat__top-text--right,.navds-chat--top-text-right .navds-chat__top-text{align-self:flex-end}.navds-chat--right .navds-chat__top-text--left{align-self:flex-start}@media (forced-colors:active){.navds-chat__avatar,.navds-chat__bubble{background-color:canvas;border:1px solid canvastext;color:initial}.navds-chat__avatar svg{forced-color-adjust:none}}.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-05);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips--medium .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1)}.navds-chips--small .navds-chips__toggle-icon{height:1rem;width:1rem}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left:var(--a-spacing-1-alt)}.navds-chips--icon-right{padding-right:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips--icon-right{padding-right:var(--a-spacing-05)}@media (forced-colors:active){.navds-chips__chip{border:1px solid #0000}.navds-chips__chip:hover{background-color:highlighttext;color:highlight}.navds-chips__chip:focus-visible{outline:2px solid #0000;outline-offset:2px}.navds-chips__chip:where([aria-pressed=true],:active,:hover)>span{forced-color-adjust:none}.navds-chips__toggle:active{background-color:highlight;color:highlighttext}.navds-chips__toggle[aria-pressed=true]{background-color:selecteditem;border:1px solid selecteditem;color:selecteditemtext}.navds-chips__toggle[aria-pressed=true]:hover{background-color:selecteditemtext;color:selecteditem}.navds-chips__toggle[aria-pressed=true]:active{background-color:highlight;color:highlighttext}}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-3) var(--a-spacing-4);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}@media (forced-colors:active){.navds-copybutton{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-copybutton.navds-copybutton:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-5)}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);min-height:2rem;min-width:2rem}.navds-copybutton--small.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-3)}.navds-copybutton--xsmall{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);min-height:1.5rem;min-width:1.5rem}.navds-copybutton--xsmall.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-1) var(--a-spacing-05) var(--a-spacing-2)}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-05)}.navds-copybutton__icon{display:flex;font-size:1.5rem}:where(.navds-copybutton--xsmall,.navds-copybutton--small) .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton__icon:first-of-type{margin-left:-.25rem}.navds-copybutton__icon:last-of-type{margin-right:-.25rem}.navds-copybutton__icon:only-child{margin:0}.navds-copybutton--active .navds-copybutton__icon{animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1)}@keyframes akselCopyButtonIconAnimation{8%{transform:translateY(0)}17%{transform:translateY(-10%)}25%{transform:translateY(2%)}30%{transform:translateY(0)}}:where(.navds-copybutton--small,.navds-copybutton--xsmall):where(:not(:only-child)){margin:-.125rem}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-action-hover-text,var(--__ac-copybutton-action-text,var(--a-text-action-hover)))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--__ac-copybutton-icon-success,var(--a-icon-success)))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-neutral-text,var(--a-text-subtle)))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-neutral-hover-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--small>.navds-copybutton__content{gap:var(--a-spacing-1-alt)}.navds-copybutton--xsmall>.navds-copybutton__content{gap:var(--a-spacing-1)}.navds-copybutton--active>.navds-copybutton__content{animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear)}@keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}.navds-copybutton:where(:disabled){cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-copybutton:where(:disabled){border-color:GrayText;opacity:1}}.navds-dropdown__menu{color:var(--ac-dropdown-text,var(--a-text-default));max-height:616px;overflow:hidden;overflow-y:auto;padding:var(--a-spacing-2) 0;width:27ch}.navds-dropdown__divider{border:none;border-bottom:1px solid var(--a-border-divider);margin:var(--a-spacing-3) 0}.navds-dropdown__menu>:not(.navds-dropdown__divider,.navds-dropdown__list){margin:0 var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__list{list-style:none;margin:0;padding:0}.navds-dropdown__list-item{margin:0}.navds-dropdown__list-heading{margin:var(--a-spacing-1) var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__item{align-items:center;background:#0000;border:none;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:pointer;display:flex;font:inherit;gap:var(--a-spacing-2);margin:0;overflow:visible;padding:var(--a-spacing-1) var(--a-spacing-4);text-align:left;text-decoration:none;width:100%}.navds-dropdown__item:hover{background-color:var(--ac-dropdown-item-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-dropdown-item-hover-text,var(--a-text-action-hover))}.navds-dropdown__item:active{background-color:var(--ac-dropdown-item-active-bg,var(--a-surface-action-active));color:var(--ac-dropdown-item-active-text,var(--a-text-on-action))}.navds-dropdown__item:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}@supports not selector(:focus-visible){.navds-dropdown__item:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}}.navds-dropdown__item:disabled{background:#0000;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-dropdown__item:hover{color:highlight}.navds-dropdown__item:disabled{color:graytext;opacity:1}}.navds-action-menu__content{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);overflow:hidden}.navds-action-menu__content>.navds-action-menu__content-inner{--__ac-action-menu-content-p:var(--a-spacing-2);--__ac-action-menu-item-pr:var(--a-spacing-3);--__ac-action-menu-item-pl:var(--a-spacing-2);--__ac-action-menu-item-height:2rem;animation-duration:.16s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--a-surface-default);border-radius:var(--a-border-radius-large);max-height:var(--__ac-action-menu-content-available-height);max-width:min(95vw,640px);min-width:128px;overflow:auto;padding:var(--__ac-action-menu-content-p);transform-origin:var(--__ac-action-menu-content-transform-origin)}.navds-action-menu__content:where([data-state=open]):where([data-side=bottom]){animation-name:aksel-action-from-bottom,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=top]){animation-name:aksel-action-from-top,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=left]){animation-name:aksel-action-from-left,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=right]){animation-name:aksel-action-from-right,aksel-action-fade-in}@keyframes aksel-action-from-bottom{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-left{0%{transform:translateX(4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-right{0%{transform:translateX(-4px)}to{transform:translateY(0)}}@keyframes aksel-action-fade-in{0%{opacity:.01}to{opacity:1}}.navds-action-menu__item{align-items:center;border-radius:var(--a-border-radius-medium);color:var(--a-text-default);cursor:default;display:flex;font-size:var(--a-font-size-medium);gap:var(--a-spacing-2);line-height:1.5;min-height:var(--__ac-action-menu-item-height);padding-left:var(--__ac-action-menu-item-pl);padding-right:var(--__ac-action-menu-item-pr);position:relative;scroll-margin-block:var(--__ac-action-menu-content-p);text-decoration:none}.navds-action-menu__item svg{flex-shrink:0}.navds-action-menu__item--has-icon{--__ac-action-menu-item-pl:var(--a-spacing-6)}.navds-action-menu__sub-trigger{--__ac-action-menu-item-pr:var(--a-spacing-05)}.navds-action-menu__item:focus{background-color:var(--a-surface-action-subtle-hover);color:var(--a-text-default);outline:none}.navds-action-menu__item--danger{color:var(--a-text-danger)}.navds-action-menu__item--danger:focus{background-color:var(--a-surface-danger-subtle)}.navds-action-menu__marker{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-action-menu__marker--right{margin-left:auto;padding-left:var(--a-spacing-4)}.navds-action-menu__marker--left{display:inline-flex;justify-content:center;left:0;position:absolute;width:var(--__ac-action-menu-item-pl)}.navds-action-menu__marker-icon svg{flex-shrink:0;font-size:18px}.navds-action-menu__shortcut{align-items:center;background-color:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-small);color:var(--a-text-default);display:inline-flex;font-size:var(--a-font-size-small);height:1.125rem;justify-content:center;line-height:1;min-width:1.125rem;padding:0 var(--a-spacing-1)}.navds-action-menu__label{align-items:center;border-radius:var(--a-border-radius-medium);color:var(--a-text-subtle);cursor:default;display:flex;font-size:var(--a-font-size-small);min-height:calc(var(--__ac-action-menu-item-height) - 6px);padding-left:var(--__ac-action-menu-item-pl);padding-right:var(--__ac-action-menu-item-pr);-webkit-user-select:none;user-select:none}.navds-action-menu__divider{background-color:var(--a-border-divider);height:1px;margin-block:var(--a-spacing-2)}.navds-action-menu__indicator{display:grid;place-content:center}.navds-action-menu__indicator-icon{font-size:14px}.navds-action-menu__indicator-icon--checked,.navds-action-menu__indicator-icon--indeterminate,.navds-action-menu__indicator-icon--unchecked{display:none}.navds-action-menu__indicator[data-state=unchecked] .navds-action-menu__indicator-icon--unchecked{display:block}.navds-action-menu__indicator:where([data-state=checked]) .navds-action-menu__indicator-icon--checked{display:block}.navds-action-menu__indicator:where([data-state=indeterminate]) .navds-action-menu__indicator-icon--indeterminate{display:block}.navds-action-menu__item:where([aria-disabled=true]){color:var(--a-text-subtle);opacity:.5;pointer-events:none}.navds-action-menu__sub-trigger:where([data-state=open]){background-color:var(--a-surface-neutral-subtle)}.navds-expansioncard{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-color,var(--a-border-default));--__ac-expansioncard-border-radius:var(--ac-expansioncard-border-radius,var(--a-border-radius-large));--__ac-expansioncard-border-width:1px;--__ac-expansioncard-padding-block:var(--a-spacing-4);--__ac-expansioncard-padding-inline:var(--a-spacing-6);background-color:var(--ac-expansioncard-bg,var(--a-surface-default));border-radius:var(--__ac-expansioncard-border-radius);height:-webkit-fit-content;height:fit-content}.navds-expansioncard--open{--__ac-expansioncard-border-color:var(
|
|
3
|
+
);box-shadow:inset 0 0 0 2px var(--ac-button-secondary-hover-border,var(--a-border-action-hover));color:var(--ac-button-secondary-hover-text,var(--__ac-button-secondary-hover-text,var(--a-text-action-on-action-subtle)))}.navds-button--secondary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-focus-border,var(--__ac-button-secondary-focus-border,var(--a-border-action))),var(--a-shadow-focus)}}.navds-button--secondary:active{background-color:var(--ac-button-secondary-active-bg,var(--__ac-button-secondary-active-bg,var(--a-surface-action-active)));box-shadow:none;color:var(--ac-button-secondary-active-text,var(--__ac-button-secondary-active-text,var(--a-text-on-action)))}.navds-button--secondary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-active-focus-border,var(--__ac-button-secondary-active-focus-border,var(--a-surface-default))),var(--a-shadow-focus)}}.navds-button--secondary:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-bg,var(--__ac-button-secondary-bg,var(--a-surface-transparent)));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-border,var(--__ac-button-secondary-border,var(--a-border-action)));color:var(--ac-button-secondary-text,var(--__ac-button-secondary-text,var(--a-text-action)))}.navds-button--secondary-neutral{background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--secondary-neutral:hover{background-color:var(--ac-button-secondary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover))}.navds-button--secondary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus);color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}}.navds-button--secondary-neutral:active{background-color:var(--ac-button-secondary-neutral-active-bg,var(--a-surface-neutral-active));box-shadow:none;color:var(--ac-button-secondary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--secondary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--secondary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--ac-button-secondary-neutral-active-focus-border,var(--a-surface-default)),var(--a-shadow-focus)}}.navds-button--secondary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--secondary-neutral:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-secondary-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 2px var(--ac-button-secondary-neutral-border,var(--a-border-strong));color:var(--ac-button-secondary-neutral-text,var(--a-text-default))}.navds-button--tertiary{background-color:var(--ac-button-tertiary-bg,var(--a-surface-transparent));color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary:hover{background-color:var(--ac-button-tertiary-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-button-tertiary-hover-text,var(--a-text-action-on-action-subtle))}.navds-button--tertiary:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-focus-border,var(--a-border-action)),var(--a-shadow-focus)}}.navds-button--tertiary:active{background-color:var(--ac-button-tertiary-active-bg,var(--a-surface-action-active));color:var(--ac-button-tertiary-active-text,var(--a-text-on-action))}.navds-button--tertiary:active:hover{background-color:var(--ac-button-tertiary-active-hover-bg,var(--a-surface-action-active))}.navds-button--tertiary:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-text,var(--a-text-action))}.navds-button--tertiary-neutral{color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--tertiary-neutral:hover{background-color:var(--ac-button-tertiary-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-button-tertiary-neutral-hover-text,var(--a-text-default))}.navds-button--tertiary-neutral:focus-visible{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus{box-shadow:inset 0 0 0 2px var(--ac-button-tertiary-neutral-focus-border,var(--a-border-strong)),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active{background-color:var(--ac-button-tertiary-neutral-active-bg,var(--a-surface-neutral-active));color:var(--ac-button-tertiary-neutral-active-text,var(--a-text-on-neutral))}.navds-button--tertiary-neutral:active:hover{background-color:var(--ac-button-tertiary-neutral-active-hover-bg,var(--a-surface-neutral-active))}.navds-button--tertiary-neutral:focus-visible:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--tertiary-neutral:focus:active{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--tertiary-neutral:active:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:active:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:hover:where(:disabled,.navds-button--disabled),.navds-button--tertiary-neutral:where(:disabled,.navds-button--disabled){background:none;box-shadow:none;color:var(--ac-button-tertiary-neutral-text,var(--a-text-default))}.navds-button--danger{background-color:var(--ac-button-danger-bg,var(--a-surface-danger));color:var(--ac-button-danger-text,var(--a-text-on-danger))}.navds-button--danger:hover{background-color:var(--ac-button-danger-hover-bg,var(--a-surface-danger-hover))}.navds-button--danger:active{background-color:var(--ac-button-danger-active-bg,var(--a-surface-danger-active))}.navds-button--danger:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}@supports not selector(:focus-visible){.navds-button--danger:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),var(--a-shadow-focus)}}.navds-button--danger:active:where(:disabled,.navds-button--disabled),.navds-button--danger:hover:where(:disabled,.navds-button--disabled){background-color:var(--ac-button-danger-bg,var(--a-surface-danger))}.navds-button:where(:disabled,.navds-button--disabled){cursor:not-allowed}.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){opacity:.3}.navds-button>.navds-loader{position:absolute}.navds-button .navds-loader .navds-loader__foreground{stroke:var(--ac-button-loader-stroke,currentColor)}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:var(--ac-button-primary-loader-stroke-bg,#ffffff4d)}.navds-button--loading>:not(.navds-loader){visibility:hidden}@media (forced-colors:active){.navds-button:not(.navds-button--loading):where(:disabled,.navds-button--disabled){color:GrayText;opacity:1}.navds-button{background-color:ButtonFace;border:1px solid #0000;color:ButtonText}.navds-button:hover{background-color:highlighttext;border-color:highlight;box-shadow:none;color:highlight}.navds-button:hover span{forced-color-adjust:none}.navds-button .navds-loader .navds-loader__foreground{stroke:canvas}.navds-button--danger .navds-loader .navds-loader__background,.navds-button--primary .navds-loader .navds-loader__background{stroke:canvastext}}.navds-chat{align-items:flex-end;display:flex;gap:var(--a-spacing-3);max-width:40.75rem}.navds-chat--right{flex-direction:row-reverse}.navds-chat__bubble-wrapper{display:flex;flex-direction:column;gap:var(--a-spacing-3)}.navds-chat--right .navds-chat__bubble-wrapper{align-items:flex-end}.navds-chat__avatar{align-items:center;background-color:var(--ac-chat-avatar-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-full);box-shadow:var(--a-shadow-xsmall);color:var(--ac-chat-avatar-color,var(--a-text-default));display:flex;flex-shrink:0;font-size:1.06rem;height:2.5rem;justify-content:center;letter-spacing:.024rem;line-height:2.5rem;overflow:hidden;width:2.5rem}.navds-chat__avatar svg{align-self:center;max-height:1.5rem;max-width:1.5rem;width:100%}.navds-chat__bubble{background-color:var(--ac-chat-bubble-bg,var(--a-surface-neutral-subtle));border-radius:var(--a-border-radius-xlarge);border-bottom-left-radius:2px;box-shadow:var(--a-shadow-xsmall);display:flex;flex-direction:column;gap:var(--a-spacing-2);padding:var(--a-spacing-4);width:-webkit-fit-content;width:fit-content}.navds-chat--right .navds-chat__bubble{border-radius:var(--a-border-radius-xlarge);border-bottom-right-radius:2px}.navds-chat--small .navds-chat__bubble{padding:var(--a-spacing-3)}.navds-chat--info .navds-chat__avatar,.navds-chat--info .navds-chat__bubble{background-color:var(--a-surface-info-subtle)}.navds-chat--subtle .navds-chat__avatar,.navds-chat--subtle .navds-chat__bubble{background-color:var(--a-surface-default)}.navds-chat__top-text{align-items:baseline;color:var(--ac-chat-top-text,var(--a-text-default));display:flex;font-weight:400;gap:var(--a-spacing-2);margin:0}.navds-chat--right .navds-chat__top-text{align-self:flex-end}.navds-chat--top-text-left .navds-chat__top-text{align-self:flex-start}.navds-chat--left .navds-chat__top-text--right,.navds-chat--top-text-right .navds-chat__top-text{align-self:flex-end}.navds-chat--right .navds-chat__top-text--left{align-self:flex-start}@media (forced-colors:active){.navds-chat__avatar,.navds-chat__bubble{background-color:canvas;border:1px solid canvastext;color:initial}.navds-chat__avatar svg{forced-color-adjust:none}}.navds-chips{display:flex;flex-wrap:wrap;gap:var(--a-spacing-2);list-style:none;margin:0;padding:0}.navds-chips :where(li){display:block;list-style:none;margin:0;padding:0}.navds-chips__chip{all:unset;align-items:center;border-radius:var(--a-border-radius-full);cursor:pointer;display:flex;gap:var(--a-spacing-05);justify-content:center;margin:0;min-height:2rem;padding:0 var(--a-spacing-3);text-decoration:none}.navds-chips--small .navds-chips__chip{min-height:1.5rem;padding:0 var(--a-spacing-2)}.navds-chips__toggle{background-color:var(--ac-chip-toggle-bg,var(--a-surface-action-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-border,var(--a-border-subtle));color:var(--ac-chip-toggle-text,var(--a-text-default))}.navds-chips__toggle:hover{background-color:var(--ac-chip-toggle-hover-bg,var(--a-surface-action-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle[aria-pressed=true]{background-color:var(--ac-chip-toggle-pressed-bg,var(--a-surface-action-selected));box-shadow:none;color:var(--ac-chip-toggle-pressed-text,var(--a-text-on-action))}.navds-chips__toggle[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-pressed-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__toggle--neutral{background-color:var(--ac-chip-toggle-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-border,var(--a-border-subtle));color:var(--ac-chip-toggle-neutral-text,var(--a-text-default))}.navds-chips__toggle--neutral:hover{background-color:var(--ac-chip-toggle-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-toggle-neutral-hover-border,var(--a-border-subtle-hover))}.navds-chips__toggle--neutral[aria-pressed=true]{background-color:var(--ac-chip-toggle-neutral-pressed-bg,var(--a-surface-neutral-selected));box-shadow:none;color:var(--ac-chip-toggle-neutral-pressed-text,var(--a-text-on-neutral))}.navds-chips__toggle--neutral[aria-pressed=true]:hover{background-color:var(--ac-chip-toggle-neutral-pressed-hover-bg,var(--a-surface-neutral-selected))}.navds-chips__toggle:focus-visible{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}.navds-chips__toggle:active:focus-visible,.navds-chips__toggle[aria-pressed=true]:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}@supports not selector(:focus-visible){.navds-chips__toggle:focus{box-shadow:0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus));outline:none}.navds-chips__toggle:active:focus,.navds-chips__toggle[aria-pressed=true]:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--ac-chip-toggle-focus,var(--a-border-focus))}}.navds-chips--medium .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips__toggle--with-checkmark{padding-left:var(--a-spacing-1)}.navds-chips--small .navds-chips__toggle-icon{height:1rem;width:1rem}.navds-chips__removable{gap:0}.navds-chips__removable--action{background-color:var(--ac-chip-removable-action-bg,var(--a-surface-action-selected));color:var(--ac-chip-removable-action-text,var(--a-text-on-action))}.navds-chips__removable--neutral{background-color:var(--ac-chip-removable-neutral-bg,var(--a-surface-neutral-subtle));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-border,var(--a-border-default));color:var(--ac-chip-removable-neutral-text,var(--a-text-default))}.navds-chips__removable-icon{border-radius:var(--a-border-radius-full);display:grid;font-size:1.25rem;height:1.5rem;place-items:center;width:1.5rem}.navds-chips--small .navds-chips__removable-icon{height:1.25rem;width:1.25rem}.navds-chips--small .navds-chips__removable-icon>svg{width:1rem}.navds-chips__removable--action:focus-visible{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus)}.navds-chips__removable--neutral:focus-visible{box-shadow:0 0 0 2px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-chips__removable--action:focus{box-shadow:inset 0 0 0 1px var(--a-surface-default),0 0 0 2px var(--a-border-focus);outline:none}.navds-chips__removable--neutral:focus{box-shadow:0 0 0 2px var(--a-border-focus);outline:none}}.navds-chips__removable--action:hover{background-color:var(--ac-chip-removable-action-hover-bg,var(--a-surface-action-selected-hover))}.navds-chips__removable--neutral:hover{background-color:var(--ac-chip-removable-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));box-shadow:inset 0 0 0 1px var(--ac-chip-removable-neutral-hover-border,var(--a-border-strong))}.navds-chips--icon-left{padding-left:var(--a-spacing-1-alt)}.navds-chips--icon-right{padding-right:var(--a-spacing-1-alt)}.navds-chips--small .navds-chips--icon-right{padding-right:var(--a-spacing-05)}@media (forced-colors:active){.navds-chips__chip{border:1px solid #0000}.navds-chips__chip:hover{background-color:highlighttext;color:highlight}.navds-chips__chip:focus-visible{outline:2px solid #0000;outline-offset:2px}.navds-chips__chip:where([aria-pressed=true],:active,:hover)>span{forced-color-adjust:none}.navds-chips__toggle:active{background-color:highlight;color:highlighttext}.navds-chips__toggle[aria-pressed=true]{background-color:selecteditem;border:1px solid selecteditem;color:selecteditemtext}.navds-chips__toggle[aria-pressed=true]:hover{background-color:selecteditemtext;color:selecteditem}.navds-chips__toggle[aria-pressed=true]:active{background-color:highlight;color:highlighttext}}.navds-copybutton{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-3) var(--a-spacing-4);background:none;border:none;border-radius:var(--ac-copybutton-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;margin:0;padding:var(--__ac-copybutton-padding);place-content:center;text-decoration:none}@media (forced-colors:active){.navds-copybutton{background-color:ButtonFace;border:1px solid ButtonText;color:ButtonText}.navds-copybutton.navds-copybutton:focus-visible{box-shadow:none;outline:2px solid highlight;outline-offset:2px}}.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-3) var(--a-spacing-4) var(--a-spacing-3) var(--a-spacing-5)}.navds-copybutton--small{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-1) var(--a-spacing-2);min-height:2rem;min-width:2rem}.navds-copybutton--small.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-1) var(--a-spacing-2) var(--a-spacing-1) var(--a-spacing-3)}.navds-copybutton--xsmall{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-2) var(--a-spacing-05) var(--a-spacing-1);min-height:1.5rem;min-width:1.5rem}.navds-copybutton--xsmall.navds-copybutton--icon-right{--__ac-copybutton-padding:var(--a-spacing-05) var(--a-spacing-1) var(--a-spacing-05) var(--a-spacing-2)}.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-3)}.navds-copybutton--small.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-1)}.navds-copybutton--xsmall.navds-copybutton--icon-only{--__ac-copybutton-padding:var(--a-spacing-05)}.navds-copybutton__icon{display:flex;font-size:1.5rem}:where(.navds-copybutton--xsmall,.navds-copybutton--small) .navds-copybutton__icon{font-size:1.25rem}.navds-copybutton__icon:first-of-type{margin-left:-.25rem}.navds-copybutton__icon:last-of-type{margin-right:-.25rem}.navds-copybutton__icon:only-child{margin:0}.navds-copybutton--active .navds-copybutton__icon{animation:akselCopyButtonIconAnimation 2s cubic-bezier(.215,.61,.355,1)}@keyframes akselCopyButtonIconAnimation{8%{transform:translateY(0)}17%{transform:translateY(-10%)}25%{transform:translateY(2%)}30%{transform:translateY(0)}}:where(.navds-copybutton--small,.navds-copybutton--xsmall):where(:not(:only-child)){margin:-.125rem}.navds-copybutton:focus-visible{box-shadow:var(--a-shadow-focus);outline:none}@supports not selector(:focus-visible){.navds-copybutton:focus{box-shadow:var(--a-shadow-focus);outline:none}}.navds-copybutton--action{background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--action:hover{background-color:var(--ac-copybutton-action-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-action-hover-text,var(--__ac-copybutton-action-text,var(--a-text-action-hover)))}.navds-copybutton--action:hover:where(:disabled),.navds-copybutton--action:where(:disabled){background-color:var(--ac-copybutton-action-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-action-text,var(--__ac-copybutton-action-text,var(--a-text-action)))}.navds-copybutton--active.navds-copybutton--action{color:var(--ac-copybutton-action-active-text,var(--__ac-copybutton-icon-success,var(--a-icon-success)))}.navds-copybutton--neutral{background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-neutral-text,var(--a-text-subtle)))}.navds-copybutton--neutral:hover{background-color:var(--ac-copybutton-neutral-hover-bg,var(--__ac-copybutton-bg-hover,var(--a-surface-hover)));color:var(--ac-copybutton-neutral-hover-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--neutral:hover:where(:disabled,.navds-copybutton--disabled),.navds-copybutton--neutral:where(:disabled,.navds-copybutton--disabled){background-color:var(--ac-copybutton-neutral-bg,var(--a-surface-transparent));box-shadow:none;color:var(--ac-copybutton-neutral-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton--active.navds-copybutton--neutral{color:var(--ac-copybutton-neutral-active-text,var(--__ac-copybutton-text,var(--a-text-default)))}.navds-copybutton__content{align-items:center;display:inline-flex;gap:var(--a-spacing-2);justify-content:center}.navds-copybutton--small>.navds-copybutton__content{gap:var(--a-spacing-1-alt)}.navds-copybutton--xsmall>.navds-copybutton__content{gap:var(--a-spacing-1)}.navds-copybutton--active>.navds-copybutton__content{animation:var(--ac-copybutton-animation,akselCopyButtonAnimation .4s linear)}@keyframes akselCopyButtonAnimation{0%{opacity:.4}to{opacity:1}}.navds-copybutton:where(:disabled){cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-copybutton:where(:disabled){border-color:GrayText;opacity:1}}.navds-dialog__popup{--__ac-dialog-transform: ;--__ac-dialog-p-b:var(--a-spacing-4);--__ac-dialog-p-i:var(--a-spacing-5);background-color:var(--a-surface-default);border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-xlarge);color:var(--a-text-default);display:flex;flex-direction:column;outline:1px solid var(--a-border-subtle);overflow:hidden;position:fixed;transition:.2s cubic-bezier(.25,.46,.45,.94);transition-property:transform,opacity,translate;z-index:2000}.light:not(:has(.dark)) .navds-dialog__backdrop~.navds-dialog__popup{outline:none}:is(.light:not(:has(.dark)) .navds-dialog__backdrop~.navds-dialog__popup):focus{outline:none}.navds-dialog__popup[data-size=small]{--__ac-dialog-p-b:var(--a-spacing-3);--__ac-dialog-p-i:var(--a-spacing-4)}.navds-dialog__popup[data-entering-style],.navds-dialog__popup[data-exiting-style]{opacity:.001;transform:var(--__ac-dialog-transform)}.navds-dialog__popup[data-exiting-style]{transition-duration:.1s}.navds-dialog__popup[data-exiting-style]:after{transition-timing-function:cubic-bezier(.55,.09,.68,.53)}.navds-dialog__popup[data-nested-dialog-open=true]{box-shadow:none}.navds-dialog__popup[data-nested-dialog-open=true]:after{opacity:.9}.navds-dialog__popup:after{background-color:var(--a-surface-backdrop);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity 0s cubic-bezier(.25,.46,.45,.94);z-index:1}.navds-dialog__popup[data-position=center]{--__ac-dialog-center-margin:3rem;--__ac-dialog-transform:scale(0.98);left:0;margin-block:max(var(--__ac-dialog-center-margin),10dvh) auto;margin-inline:auto;max-height:calc(90dvh - var(--__ac-dialog-center-margin));max-width:calc(100dvw - 3rem);right:0;top:0}.navds-dialog__popup[data-position=center][data-nested=true][data-entering-style],.navds-dialog__popup[data-position=center][data-nested=true][data-exiting-style]{opacity:1;transform:scale(1);transition-duration:0s}.navds-dialog__popup[data-position=center][data-nested-dialog-open=true]{transform:translateY(calc(1rem*var(--__axc-nested-level)*-1)) scale(calc(1 - var(--__axc-nested-level)*.02))}@media (max-width:479px) or (max-height:479px){.navds-dialog__popup[data-position=center]{--__ac-dialog-transform:translateY(35%);border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;height:auto;left:0;margin-block:0;margin-inline:auto;max-height:calc(100dvh - max(16px, 10dvh));max-width:95dvw;right:0;top:auto}}.navds-dialog__popup[data-position=left],.navds-dialog__popup[data-position=right]{bottom:0;max-width:calc(100vw - max(16px, 10vw));top:0}[data-nested-dialog-open=true]:is(.navds-dialog__popup[data-position=right],.navds-dialog__popup[data-position=left]):after{opacity:1;transition-duration:.1s}.navds-dialog__popup[data-position=right]{--__ac-dialog-transform:translateX(35%);border-bottom-right-radius:0;border-top-right-radius:0;right:0}.navds-dialog__popup[data-position=left]{--__ac-dialog-transform:translateX(-35%);border-bottom-left-radius:0;border-top-left-radius:0;left:0}.navds-dialog__popup[data-position=bottom]{--__ac-dialog-transform:translateY(35%);border-bottom-left-radius:0;border-bottom-right-radius:0;bottom:0;height:auto;left:0;margin-inline:auto;max-height:calc(100dvh - max(16px, 10dvh));max-width:95dvw;right:0}.navds-dialog__popup[data-position=bottom][data-nested-dialog-open=true]{transform:translateY(calc(1rem*var(--__axc-nested-level)*-1)) scale(calc(1 - var(--__axc-nested-level)*.02))}.navds-dialog__popup[data-position=fullscreen]{--__ac-dialog-transform:scale(0.98);border-radius:0;height:100%;inset:0;max-height:100dvh;max-width:100dvw;width:100%}.navds-dialog__backdrop{background-color:var(--a-surface-backdrop);inset:0;min-height:100dvh;position:fixed;transition:opacity .2s cubic-bezier(.25,.46,.45,.94);z-index:1000}@supports (-webkit-touch-callout:none){.navds-dialog__backdrop{position:absolute}}.navds-dialog__backdrop[data-entering-style],.navds-dialog__backdrop[data-exiting-style]{opacity:.001}.navds-dialog__header{padding-block:var(--__ac-dialog-p-b);padding-inline:var(--__ac-dialog-p-i)}.navds-dialog__title{-webkit-margin-after:var(--a-spacing-1);margin-block-end:var(--a-spacing-1)}.navds-dialog__close-button{align-self:start;float:right}.navds-dialog__body{overflow:auto;padding-block:var(--__ac-dialog-p-b);padding-inline:var(--__ac-dialog-p-i)}.navds-dialog__header~.navds-dialog__body{-webkit-padding-before:0;padding-block-start:0}.navds-dialog__footer{display:flex;flex-flow:wrap;gap:var(--a-spacing-2);justify-content:flex-start;padding-block:var(--__ac-dialog-p-b);padding-inline:var(--__ac-dialog-p-i)}.navds-dropdown__menu{color:var(--ac-dropdown-text,var(--a-text-default));max-height:616px;overflow:hidden;overflow-y:auto;padding:var(--a-spacing-2) 0;width:27ch}.navds-dropdown__divider{border:none;border-bottom:1px solid var(--a-border-divider);margin:var(--a-spacing-3) 0}.navds-dropdown__menu>:not(.navds-dropdown__divider,.navds-dropdown__list){margin:0 var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__list{list-style:none;margin:0;padding:0}.navds-dropdown__list-item{margin:0}.navds-dropdown__list-heading{margin:var(--a-spacing-1) var(--a-spacing-4) var(--a-spacing-3)}.navds-dropdown__item{align-items:center;background:#0000;border:none;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:pointer;display:flex;font:inherit;gap:var(--a-spacing-2);margin:0;overflow:visible;padding:var(--a-spacing-1) var(--a-spacing-4);text-align:left;text-decoration:none;width:100%}.navds-dropdown__item:hover{background-color:var(--ac-dropdown-item-hover-bg,var(--a-surface-action-subtle-hover));color:var(--ac-dropdown-item-hover-text,var(--a-text-action-hover))}.navds-dropdown__item:active{background-color:var(--ac-dropdown-item-active-bg,var(--a-surface-action-active));color:var(--ac-dropdown-item-active-text,var(--a-text-on-action))}.navds-dropdown__item:focus-visible{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}@supports not selector(:focus-visible){.navds-dropdown__item:focus{box-shadow:inset 0 0 0 2px var(--a-border-focus);outline:2px solid #0000;outline-offset:-2px}}.navds-dropdown__item:disabled{background:#0000;color:var(--ac-dropdown-item-text,var(--a-text-action));cursor:not-allowed;opacity:.3}@media (forced-colors:active){.navds-dropdown__item:hover{color:highlight}.navds-dropdown__item:disabled{color:graytext;opacity:1}}.navds-action-menu__content{border-radius:var(--a-border-radius-large);box-shadow:var(--a-shadow-medium);overflow:hidden}.navds-action-menu__content>.navds-action-menu__content-inner{--__ac-action-menu-content-p:var(--a-spacing-2);--__ac-action-menu-item-pr:var(--a-spacing-3);--__ac-action-menu-item-pl:var(--a-spacing-2);--__ac-action-menu-item-height:2rem;animation-duration:.16s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--a-surface-default);border-radius:var(--a-border-radius-large);max-height:var(--__ac-action-menu-content-available-height);max-width:min(95vw,640px);min-width:128px;overflow:auto;padding:var(--__ac-action-menu-content-p);transform-origin:var(--__ac-action-menu-content-transform-origin)}.navds-action-menu__content:where([data-state=open]):where([data-side=bottom]){animation-name:aksel-action-from-bottom,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=top]){animation-name:aksel-action-from-top,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=left]){animation-name:aksel-action-from-left,aksel-action-fade-in}.navds-action-menu__content:where([data-state=open]):where([data-side=right]){animation-name:aksel-action-from-right,aksel-action-fade-in}@keyframes aksel-action-from-bottom{0%{transform:translateY(-4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-top{0%{transform:translateY(4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-left{0%{transform:translateX(4px)}to{transform:translateY(0)}}@keyframes aksel-action-from-right{0%{transform:translateX(-4px)}to{transform:translateY(0)}}@keyframes aksel-action-fade-in{0%{opacity:.01}to{opacity:1}}.navds-action-menu__item{align-items:center;border-radius:var(--a-border-radius-medium);color:var(--a-text-default);cursor:default;display:flex;font-size:var(--a-font-size-medium);gap:var(--a-spacing-2);line-height:1.5;min-height:var(--__ac-action-menu-item-height);padding-left:var(--__ac-action-menu-item-pl);padding-right:var(--__ac-action-menu-item-pr);position:relative;scroll-margin-block:var(--__ac-action-menu-content-p);text-decoration:none}.navds-action-menu__item svg{flex-shrink:0}.navds-action-menu__item--has-icon{--__ac-action-menu-item-pl:var(--a-spacing-6)}.navds-action-menu__sub-trigger{--__ac-action-menu-item-pr:var(--a-spacing-05)}.navds-action-menu__item:focus{background-color:var(--a-surface-action-subtle-hover);color:var(--a-text-default);outline:none}.navds-action-menu__item--danger{color:var(--a-text-danger)}.navds-action-menu__item--danger:focus{background-color:var(--a-surface-danger-subtle)}.navds-action-menu__marker{align-items:center;display:flex;gap:var(--a-spacing-1)}.navds-action-menu__marker--right{margin-left:auto;padding-left:var(--a-spacing-4)}.navds-action-menu__marker--left{display:inline-flex;justify-content:center;left:0;position:absolute;width:var(--__ac-action-menu-item-pl)}.navds-action-menu__marker-icon svg{flex-shrink:0;font-size:18px}.navds-action-menu__shortcut{align-items:center;background-color:var(--a-surface-neutral-subtle);border-radius:var(--a-border-radius-small);color:var(--a-text-default);display:inline-flex;font-size:var(--a-font-size-small);height:1.125rem;justify-content:center;line-height:1;min-width:1.125rem;padding:0 var(--a-spacing-1)}.navds-action-menu__label{align-items:center;border-radius:var(--a-border-radius-medium);color:var(--a-text-subtle);cursor:default;display:flex;font-size:var(--a-font-size-small);min-height:calc(var(--__ac-action-menu-item-height) - 6px);padding-left:var(--__ac-action-menu-item-pl);padding-right:var(--__ac-action-menu-item-pr);-webkit-user-select:none;user-select:none}.navds-action-menu__divider{background-color:var(--a-border-divider);height:1px;margin-block:var(--a-spacing-2)}.navds-action-menu__indicator{display:grid;place-content:center}.navds-action-menu__indicator-icon{font-size:14px}.navds-action-menu__indicator-icon--checked,.navds-action-menu__indicator-icon--indeterminate,.navds-action-menu__indicator-icon--unchecked{display:none}.navds-action-menu__indicator[data-state=unchecked] .navds-action-menu__indicator-icon--unchecked{display:block}.navds-action-menu__indicator:where([data-state=checked]) .navds-action-menu__indicator-icon--checked{display:block}.navds-action-menu__indicator:where([data-state=indeterminate]) .navds-action-menu__indicator-icon--indeterminate{display:block}.navds-action-menu__item:where([aria-disabled=true]){color:var(--a-text-subtle);opacity:.5;pointer-events:none}.navds-action-menu__sub-trigger:where([data-state=open]){background-color:var(--a-surface-neutral-subtle)}.navds-expansioncard{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-color,var(--a-border-default));--__ac-expansioncard-border-radius:var(--ac-expansioncard-border-radius,var(--a-border-radius-large));--__ac-expansioncard-border-width:1px;--__ac-expansioncard-padding-block:var(--a-spacing-4);--__ac-expansioncard-padding-inline:var(--a-spacing-6);background-color:var(--ac-expansioncard-bg,var(--a-surface-default));border-radius:var(--__ac-expansioncard-border-radius);height:-webkit-fit-content;height:fit-content}.navds-expansioncard--open{--__ac-expansioncard-border-color:var(
|
|
4
4
|
--ac-expansioncard-border-open-color,var(--ac-expansioncard-border-color,var(--a-border-default))
|
|
5
5
|
)}.navds-expansioncard:hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}:where(.navds-expansioncard.navds-expansioncard--open):hover{--__ac-expansioncard-border-color:var(--ac-expansioncard-border-hover-color,var(--a-border-strong))}.navds-expansioncard__header{background-color:var(--ac-expansioncard-header-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-radius:var(--__ac-expansioncard-border-radius);display:flex;gap:var(--a-spacing-4);justify-content:space-between;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline);position:relative;width:100%}.navds-expansioncard--small{--__ac-expansioncard-padding-block:var(--a-spacing-3);--__ac-expansioncard-padding-inline:var(--a-spacing-4)}.navds-expansioncard__header:hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:0 0 0 1px var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header){background-color:var(--ac-expansioncard-header-open-bg,var(--a-surface-transparent));border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.navds-expansioncard--open>:where(.navds-expansioncard__header):hover{background-color:var(--ac-expansioncard-header-bg-hover,var(--a-surface-hover));box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 -1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard--open>:where(.navds-expansioncard__header):after{background-color:var(--a-border-divider);bottom:0;content:"";height:1px;left:var(--__ac-expansioncard-padding-inline);opacity:1;position:absolute;transition:opacity .1s cubic-bezier(.175,.885,.32,1.275);width:calc(100% - var(--__ac-expansioncard-padding-inline)*2)}.navds-expansioncard--open>:where(.navds-expansioncard__header:hover):after{opacity:0}.navds-expansioncard__title--small{margin-top:.625rem}.navds-expansioncard__title--medium{margin-top:var(--a-spacing-2)}.navds-expansioncard__title--large{margin-top:var(--a-spacing-1)}.navds-expansioncard--small>:where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small){margin-top:var(--a-spacing-05)}.navds-expansioncard--small :where(.navds-expansioncard__title--medium,.navds-expansioncard__title--large){margin-top:0}.navds-expansioncard__header-button{align-self:flex-start;background:#0000;border:none;border-radius:var(--ac-expansioncard-button-border-radius,var(--a-border-radius-medium));cursor:pointer;display:grid;font-size:1.5rem;margin:0;min-height:3rem;min-width:3rem;padding:0;place-content:center}.navds-expansioncard--small>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button){min-height:2rem;min-width:2rem}:where(.navds-expansioncard__header):hover>:where(.navds-expansioncard__header-button){background-color:var(--a-surface-hover)}.navds-expansioncard__header-chevron{transition:transform .15s ease-in-out}.navds-expansioncard--open>:where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron){transform:translateY(0) rotate(180deg)}.navds-expansioncard__header-button:hover>:where(.navds-expansioncard__header-chevron){transform:translateY(1px)}.navds-expansioncard__header-button:focus-visible{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}@supports not selector(:focus-visible){.navds-expansioncard__header-button:focus{box-shadow:var(--a-shadow-focus);outline:3px solid #0000}}.navds-expansioncard--open>:where(.navds-expansioncard__header)>:where(.navds-expansioncard__header-button):hover :where(.navds-expansioncard__header-chevron){transform:translateY(-1px) rotate(180deg)}.navds-expansioncard__header-button:after{content:"";cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%;z-index:1}.navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-5);border:var(--__ac-expansioncard-border-width) solid var(--__ac-expansioncard-border-color);border-end-end-radius:var(--__ac-expansioncard-border-radius);border-end-start-radius:var(--__ac-expansioncard-border-radius);border-top:none;padding:var(--__ac-expansioncard-padding-block) var(--__ac-expansioncard-padding-inline) var(--__ac-expansioncard-padding-inline)}.navds-expansioncard--small .navds-expansioncard__content{--__ac-expansioncard-padding-block:var(--a-spacing-4)}.navds-expansioncard__content--closed{display:none}:where(.navds-expansioncard__header):hover+.navds-expansioncard__content{box-shadow:1px 0 0 0 var(--__ac-expansioncard-border-color),-1px 0 0 0 var(--__ac-expansioncard-border-color),0 1px 0 0 var(--__ac-expansioncard-border-color)}.navds-expansioncard__content-inner{animation:fadeExpansionCard .25s ease}.navds-expansioncard--no-animation :where(.navds-expansioncard__content-inner){animation:none}@keyframes fadeExpansionCard{0%{opacity:.25;transform:translateY(-8px)}40%{opacity:.7}to{opacity:1;transform:translateY(0)}}@media (forced-colors:active){.navds-expansioncard:hover{--__ac-expansioncard-border-color:highlight;outline:1px solid highlight}}.navds-guide-panel{--__ac-guide-panel-guide-size:4rem;padding-top:calc(var(--__ac-guide-panel-guide-size)/2);position:relative}.navds-guide{background:var(--ac-guide-panel-illustration-bg,var(--a-surface-alt-3-subtle));border:2px solid var(--ac-guide-panel-border,var(--a-border-alt-3));border-radius:var(--a-border-radius-full);height:var(--__ac-guide-panel-guide-size);left:50%;overflow:hidden;position:absolute;transform:translate(-50%,-50%);width:var(--__ac-guide-panel-guide-size)}.navds-guide img,.navds-guide svg{height:100%;width:100%}.navds-guide-panel__content{background-color:var(--ac-guide-panel-bg,var(--a-surface-default));border:2px solid var(--ac-guide-panel-border,var(--a-border-alt-3));border-radius:var(--a-border-radius-large);padding:var(--a-spacing-4);padding-top:var(--a-spacing-12)}@media (min-width:480px){.navds-guide-panel{--__ac-guide-panel-guide-size:6.25rem}.navds-guide-panel__content{padding:var(--a-spacing-8);padding-top:4.25rem}}.navds-guide-panel--not-poster{padding-left:calc(var(--__ac-guide-panel-guide-size)/2);padding-top:0}.navds-guide-panel--not-poster .navds-guide{left:0;top:var(--a-spacing-5);transform:none}.navds-guide-panel--not-poster .navds-guide-panel__content{min-height:calc(var(--__ac-guide-panel-guide-size) + var(--a-spacing-5) + var(--a-spacing-5));padding:var(--a-spacing-4);padding-left:var(--a-spacing-10)}@media (min-width:480px){.navds-guide-panel--not-poster{--__ac-guide-panel-guide-size:5rem}.navds-guide-panel--not-poster .navds-guide-panel__content{padding:var(--a-spacing-6);padding-left:var(--a-spacing-14)}.navds-guide-panel--responsive-poster{--__ac-guide-panel-guide-size:5rem;padding-left:calc(var(--__ac-guide-panel-guide-size)/2);padding-top:0}.navds-guide-panel--responsive-poster .navds-guide{left:0;top:var(--a-spacing-5);transform:none}.navds-guide-panel--responsive-poster .navds-guide-panel__content{min-height:calc(var(--__ac-guide-panel-guide-size) + var(--a-spacing-5) + var(--a-spacing-5));padding:var(--a-spacing-6);padding-left:var(--a-spacing-14)}}.navds-fieldset{border:0;margin:0;min-width:0;padding:0}.navds-fieldset>:not(:first-child,:empty){margin-top:var(--a-spacing-2)}.navds-fieldset__description{color:var(--ac-form-description,var(--__ac-form-description,var(--a-text-subtle)))}.navds-fieldset>.navds-fieldset__description:not(:empty){margin-top:.125rem}.navds-fieldset>.navds-sr-only+:not(:first-child,:empty){margin-top:0}.navds-fieldset__legend{padding:0}.navds-fieldset--readonly>:where(.navds-fieldset__legend){display:inline-flex}.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:.3}@media (forced-colors:active){.navds-fieldset:disabled>.navds-fieldset__description,.navds-fieldset:disabled>.navds-fieldset__legend{opacity:1}}.navds-dropzone__area{--__ac-dropzone-background:var(--a-surface-subtle);--__ac-dropzone-text-color:var(--a-text-default);--__ac-dropzone-padding:var(--a-spacing-6);--__ac-dropzone-icon-padding:var(--a-spacing-2);--__ac-dropzone-animation-length-long:0.6s;--__ac-dropzone-animation-length-short:250ms;--__ac-dropzone-animation-ease-out:cubic-bezier(0.3,1,0.3,1);--__ac-dropzone-animation-over-under:cubic-bezier(0.3,1.4,0.3,1);align-items:center;background-color:var(--__ac-dropzone-background);border-radius:var(--a-border-radius-large);color:var(--__ac-dropzone-text-color);cursor:pointer;display:flex;flex-direction:column;gap:var(--a-spacing-4);outline:1px dashed var(--a-border-subtle);outline-offset:-1px;padding:var(--__ac-dropzone-padding);position:relative;text-align:center;transition:background-color var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);width:100%}.navds-dropzone__area:hover{box-shadow:inset 0 2px 4px 1px #0b0b0b0d;outline-color:var(--a-border-default)}.navds-dropzone--disabled>.navds-dropzone__area:hover{box-shadow:none;cursor:default;outline-color:var(--a-border-subtle)}.navds-dropzone--dragging>.navds-dropzone__area{--__ac-dropzone-background:var(--a-surface-action-subtle-hover)}.navds-dropzone--dragging>.navds-dropzone__area:after{animation:akselDropzoneDragoverAnimation var(--__ac-dropzone-animation-length-short) var(--__ac-dropzone-animation-ease-out);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--a-surface-hover);border-radius:var(--a-border-radius-large);box-shadow:inset 0 2px 7px 3px #0b0b0b1a;color:var(--a-text-action-selected);content:"";inset:0;outline:1px dashed var(--a-border-subtle);outline-offset:-1px;position:absolute}@keyframes akselDropzoneDragoverAnimation{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background-color:var(--a-surface-transparent)}70%{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{background-color:var(--a-surface-hover)}}.navds-dropzone__area-icon{display:grid;padding:var(--__ac-dropzone-icon-padding);visibility:hidden}.navds-dropzone--error:where(:not(.navds-dropzone--dragging))>.navds-dropzone__area{outline-color:var(--a-surface-danger);outline-width:2px}.navds-dropzone__area:hover>.navds-dropzone__area-button{background-color:var(
|
|
6
6
|
--ac-button-secondary-hover-bg,var(--__ac-button-secondary-hover-bg,var(--a-surface-action-subtle-hover))
|
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
@layer aksel.components {
|
|
2
|
+
.aksel-dialog__popup {
|
|
3
|
+
--__axc-dialog-transform: ;
|
|
4
|
+
--__axc-dialog-p-b: var(--ax-space-16);
|
|
5
|
+
--__axc-dialog-p-i: var(--ax-space-20);
|
|
6
|
+
background-color: var(--ax-bg-raised);
|
|
7
|
+
border-radius: var(--ax-radius-12);
|
|
8
|
+
color: var(--ax-text-neutral);
|
|
9
|
+
box-shadow: var(--ax-shadow-dialog);
|
|
10
|
+
outline: 1px solid var(--ax-border-neutral-subtleA);
|
|
11
|
+
z-index: 2000;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
transition: transform .2s cubic-bezier(.25, .46, .45, .94), opacity .2s cubic-bezier(.25, .46, .45, .94), translate .2s cubic-bezier(.25, .46, .45, .94);
|
|
14
|
+
display: flex;
|
|
15
|
+
position: fixed;
|
|
16
|
+
overflow: hidden;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.light:not(:has(.dark)) .aksel-dialog__backdrop ~ .aksel-dialog__popup {
|
|
20
|
+
outline: none;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.light:not(:has(.dark)) .aksel-dialog__backdrop ~ .aksel-dialog__popup:focus {
|
|
24
|
+
outline: none;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.aksel-dialog__popup[data-size="small"] {
|
|
28
|
+
--__axc-dialog-p-b: var(--ax-space-12);
|
|
29
|
+
--__axc-dialog-p-i: var(--ax-space-16);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.aksel-dialog__popup[data-entering-style], .aksel-dialog__popup[data-exiting-style] {
|
|
33
|
+
opacity: .001;
|
|
34
|
+
transform: var(--__axc-dialog-transform);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.aksel-dialog__popup[data-exiting-style] {
|
|
38
|
+
transition-duration: .1s;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.aksel-dialog__popup[data-exiting-style]:after {
|
|
42
|
+
transition-timing-function: cubic-bezier(.55, .09, .68, .53);
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
.aksel-dialog__popup[data-nested-dialog-open="true"] {
|
|
46
|
+
box-shadow: none;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.aksel-dialog__popup[data-nested-dialog-open="true"]:after {
|
|
50
|
+
opacity: .9;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
.aksel-dialog__popup:after {
|
|
54
|
+
content: "";
|
|
55
|
+
border-radius: inherit;
|
|
56
|
+
background-color: var(--ax-bg-overlay);
|
|
57
|
+
opacity: 0;
|
|
58
|
+
z-index: 1;
|
|
59
|
+
pointer-events: none;
|
|
60
|
+
transition: opacity cubic-bezier(.25, .46, .45, .94);
|
|
61
|
+
position: absolute;
|
|
62
|
+
inset: 0;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
.aksel-dialog__popup[data-position="center"] {
|
|
66
|
+
--__axc-dialog-center-margin: 3rem;
|
|
67
|
+
--__axc-dialog-transform: scale(.98);
|
|
68
|
+
max-width: calc(100dvw - 3rem);
|
|
69
|
+
max-height: calc(90dvh - var(--__axc-dialog-center-margin));
|
|
70
|
+
margin-inline: auto;
|
|
71
|
+
margin-block: max(var(--__axc-dialog-center-margin), 10dvh) auto;
|
|
72
|
+
top: 0;
|
|
73
|
+
left: 0;
|
|
74
|
+
right: 0;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.aksel-dialog__popup[data-position="center"][data-nested="true"][data-entering-style], .aksel-dialog__popup[data-position="center"][data-nested="true"][data-exiting-style] {
|
|
78
|
+
opacity: 1;
|
|
79
|
+
transition-duration: 0s;
|
|
80
|
+
transform: scale(1);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
.aksel-dialog__popup[data-position="center"][data-nested-dialog-open="true"] {
|
|
84
|
+
transform: translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)));
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@media (max-width: 768px) or (max-height: 479px) {
|
|
88
|
+
.aksel-dialog__popup[data-position="center"] {
|
|
89
|
+
--__axc-dialog-transform: translateY(35%);
|
|
90
|
+
border-bottom-right-radius: 0;
|
|
91
|
+
border-bottom-left-radius: 0;
|
|
92
|
+
max-width: 95dvw;
|
|
93
|
+
height: auto;
|
|
94
|
+
max-height: calc(100dvh - max(16px, 10dvh));
|
|
95
|
+
margin-block: 0;
|
|
96
|
+
margin-inline: auto;
|
|
97
|
+
inset: auto 0 0;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"] {
|
|
102
|
+
max-width: calc(100vw - max(16px, 10vw));
|
|
103
|
+
top: 0;
|
|
104
|
+
bottom: 0;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
:is(.aksel-dialog__popup[data-position="right"], .aksel-dialog__popup[data-position="left"])[data-nested-dialog-open="true"]:after {
|
|
108
|
+
opacity: 1;
|
|
109
|
+
transition-duration: .1s;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.aksel-dialog__popup[data-position="right"] {
|
|
113
|
+
--__axc-dialog-transform: translateX(35%);
|
|
114
|
+
border-top-right-radius: 0;
|
|
115
|
+
border-bottom-right-radius: 0;
|
|
116
|
+
right: 0;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.aksel-dialog__popup[data-position="left"] {
|
|
120
|
+
--__axc-dialog-transform: translateX(-35%);
|
|
121
|
+
border-top-left-radius: 0;
|
|
122
|
+
border-bottom-left-radius: 0;
|
|
123
|
+
left: 0;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
.aksel-dialog__popup[data-position="bottom"] {
|
|
127
|
+
--__axc-dialog-transform: translateY(35%);
|
|
128
|
+
border-bottom-right-radius: 0;
|
|
129
|
+
border-bottom-left-radius: 0;
|
|
130
|
+
max-width: 95dvw;
|
|
131
|
+
height: auto;
|
|
132
|
+
max-height: calc(100dvh - max(16px, 10dvh));
|
|
133
|
+
margin-inline: auto;
|
|
134
|
+
bottom: 0;
|
|
135
|
+
left: 0;
|
|
136
|
+
right: 0;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
.aksel-dialog__popup[data-position="bottom"][data-nested-dialog-open="true"] {
|
|
140
|
+
transform: translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)));
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
.aksel-dialog__popup[data-position="fullscreen"] {
|
|
144
|
+
--__axc-dialog-transform: scale(.98);
|
|
145
|
+
border-radius: 0;
|
|
146
|
+
width: 100%;
|
|
147
|
+
max-width: 100dvw;
|
|
148
|
+
height: 100%;
|
|
149
|
+
max-height: 100dvh;
|
|
150
|
+
inset: 0;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.aksel-dialog__backdrop {
|
|
154
|
+
background-color: var(--ax-bg-overlay);
|
|
155
|
+
z-index: 1000;
|
|
156
|
+
min-height: 100dvh;
|
|
157
|
+
transition: opacity .2s cubic-bezier(.25, .46, .45, .94);
|
|
158
|
+
position: fixed;
|
|
159
|
+
inset: 0;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
@supports (-webkit-touch-callout: none) {
|
|
163
|
+
.aksel-dialog__backdrop {
|
|
164
|
+
position: absolute;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
.aksel-dialog__backdrop[data-entering-style], .aksel-dialog__backdrop[data-exiting-style] {
|
|
169
|
+
opacity: .001;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.aksel-dialog__header {
|
|
173
|
+
padding-block: var(--__axc-dialog-p-b);
|
|
174
|
+
padding-inline: var(--__axc-dialog-p-i);
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.aksel-dialog__title {
|
|
178
|
+
margin-block-end: var(--ax-space-4);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
.aksel-dialog__close-button {
|
|
182
|
+
float: right;
|
|
183
|
+
align-self: start;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.aksel-dialog__body {
|
|
187
|
+
padding-block: var(--__axc-dialog-p-b);
|
|
188
|
+
padding-inline: var(--__axc-dialog-p-i);
|
|
189
|
+
overflow: auto;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.aksel-dialog__header ~ .aksel-dialog__body {
|
|
193
|
+
padding-block-start: 0;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
.aksel-dialog__footer {
|
|
197
|
+
justify-content: flex-end;
|
|
198
|
+
gap: var(--ax-space-8);
|
|
199
|
+
padding-block: var(--__axc-dialog-p-b);
|
|
200
|
+
padding-inline: var(--__axc-dialog-p-i);
|
|
201
|
+
flex-flow: wrap;
|
|
202
|
+
display: flex;
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
@media (forced-colors: active) {
|
|
206
|
+
.aksel-dialog__popup {
|
|
207
|
+
outline: 2px solid var(--ax-border-neutral-strong) !important;
|
|
208
|
+
}
|
|
209
|
+
}
|
|
210
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@layer aksel.components{.aksel-dialog__popup{--__axc-dialog-transform: ;--__axc-dialog-p-b: var(--ax-space-16);--__axc-dialog-p-i: var(--ax-space-20);background-color:var(--ax-bg-raised);border-radius:var(--ax-radius-12);color:var(--ax-text-neutral);box-shadow:var(--ax-shadow-dialog);outline:1px solid var(--ax-border-neutral-subtleA);z-index:2000;flex-direction:column;transition:transform .2s cubic-bezier(.25,.46,.45,.94),opacity .2s cubic-bezier(.25,.46,.45,.94),translate .2s cubic-bezier(.25,.46,.45,.94);display:flex;position:fixed;overflow:hidden}.light:not(:has(.dark)) .aksel-dialog__backdrop~.aksel-dialog__popup{outline:none}.light:not(:has(.dark)) .aksel-dialog__backdrop~.aksel-dialog__popup:focus{outline:none}.aksel-dialog__popup[data-size=small]{--__axc-dialog-p-b: var(--ax-space-12);--__axc-dialog-p-i: var(--ax-space-16)}.aksel-dialog__popup[data-entering-style],.aksel-dialog__popup[data-exiting-style]{opacity:.001;transform:var(--__axc-dialog-transform)}.aksel-dialog__popup[data-exiting-style]{transition-duration:.1s}.aksel-dialog__popup[data-exiting-style]:after{transition-timing-function:cubic-bezier(.55,.09,.68,.53)}.aksel-dialog__popup[data-nested-dialog-open=true]{box-shadow:none}.aksel-dialog__popup[data-nested-dialog-open=true]:after{opacity:.9}.aksel-dialog__popup:after{content:"";border-radius:inherit;background-color:var(--ax-bg-overlay);opacity:0;z-index:1;pointer-events:none;transition:opacity cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.aksel-dialog__popup[data-position=center]{--__axc-dialog-center-margin: 3rem;--__axc-dialog-transform: scale(.98);max-width:calc(100dvw - 3rem);max-height:calc(90dvh - var(--__axc-dialog-center-margin));margin-inline:auto;margin-block:max(var(--__axc-dialog-center-margin),10dvh) auto;top:0;left:0;right:0}.aksel-dialog__popup[data-position=center][data-nested=true][data-entering-style],.aksel-dialog__popup[data-position=center][data-nested=true][data-exiting-style]{opacity:1;transition-duration:0s;transform:scale(1)}.aksel-dialog__popup[data-position=center][data-nested-dialog-open=true]{transform:translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)))}@media(max-width:768px)or (max-height:479px){.aksel-dialog__popup[data-position=center]{--__axc-dialog-transform: translateY(35%);border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:95dvw;height:auto;max-height:calc(100dvh - max(16px,10dvh));margin-block:0;margin-inline:auto;inset:auto 0 0}}.aksel-dialog__popup[data-position=right],.aksel-dialog__popup[data-position=left]{max-width:calc(100vw - max(16px,10vw));top:0;bottom:0}:is(.aksel-dialog__popup[data-position=right],.aksel-dialog__popup[data-position=left])[data-nested-dialog-open=true]:after{opacity:1;transition-duration:.1s}.aksel-dialog__popup[data-position=right]{--__axc-dialog-transform: translateX(35%);border-top-right-radius:0;border-bottom-right-radius:0;right:0}.aksel-dialog__popup[data-position=left]{--__axc-dialog-transform: translateX(-35%);border-top-left-radius:0;border-bottom-left-radius:0;left:0}.aksel-dialog__popup[data-position=bottom]{--__axc-dialog-transform: translateY(35%);border-bottom-right-radius:0;border-bottom-left-radius:0;max-width:95dvw;height:auto;max-height:calc(100dvh - max(16px,10dvh));margin-inline:auto;bottom:0;left:0;right:0}.aksel-dialog__popup[data-position=bottom][data-nested-dialog-open=true]{transform:translateY(calc(1rem * var(--__axc-nested-level) * -1)) scale(calc(1 - .02 * var(--__axc-nested-level)))}.aksel-dialog__popup[data-position=fullscreen]{--__axc-dialog-transform: scale(.98);border-radius:0;width:100%;max-width:100dvw;height:100%;max-height:100dvh;inset:0}.aksel-dialog__backdrop{background-color:var(--ax-bg-overlay);z-index:1000;min-height:100dvh;transition:opacity .2s cubic-bezier(.25,.46,.45,.94);position:fixed;inset:0}@supports (-webkit-touch-callout: none){.aksel-dialog__backdrop{position:absolute}}.aksel-dialog__backdrop[data-entering-style],.aksel-dialog__backdrop[data-exiting-style]{opacity:.001}.aksel-dialog__header{padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i)}.aksel-dialog__title{margin-block-end:var(--ax-space-4)}.aksel-dialog__close-button{float:right;align-self:start}.aksel-dialog__body{padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i);overflow:auto}.aksel-dialog__header~.aksel-dialog__body{padding-block-start:0}.aksel-dialog__footer{justify-content:flex-end;gap:var(--ax-space-8);padding-block:var(--__axc-dialog-p-b);padding-inline:var(--__axc-dialog-p-i);flex-flow:wrap;display:flex}@media(forced-colors:active){.aksel-dialog__popup{outline:2px solid var(--ax-border-neutral-strong)!important}}}
|