/*! * For our compatability themes, we will merge the themes from v10 and v11 and * provide this combination as one of our four default themes. * * This is useful for situations where a user is trying to use the compatability * theme, for example: * * ```scss * @use '@askia/fibre-styles/scss/reset'; * @use '@askia/fibre-styles/scss/compat/themes'; * @use '@askia/fibre-styles/scss/compat/theme' with ( * $theme: themes.$g100 * ); * ``` * * Without merging these themes, then the value of a token in v11 would default * to our $white theme. As a result, the user would need to specify both the * `$theme` and the `$fallback` to the `scss/compat/theme` module. * * Now that we merge the themes, this code snippet will function as expected. */@keyframes svelte-1pxztsn-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1pxztsn-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1pxztsn-skeleton{0%{opacity:30%;transform:scaleX(0);transform-origin:left}20%{opacity:100%;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:30%;transform:scaleX(0);transform-origin:left}}.fds--btn.svelte-1pxztsn{font-size:var(--fds-body-compact-01-font-size, .875rem);font-weight:var(--fds-body-compact-01-font-weight, 400);line-height:var(--fds-body-compact-01-line-height, 1.28572);letter-spacing:var(--fds-body-compact-01-letter-spacing, .16px);position:relative;display:inline-flex;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) 63px calc(.875rem - 3px) 15px;margin:0;border-radius:0;cursor:pointer;outline:none;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top;font-family:inherit}.fds--btn.svelte-1pxztsn:disabled,.fds--btn.svelte-1pxztsn:hover:disabled,.fds--btn.svelte-1pxztsn:focus:disabled,.fds--btn.fds--btn--disabled.svelte-1pxztsn,.fds--btn.fds--btn--disabled.svelte-1pxztsn:hover,.fds--btn.fds--btn--disabled.svelte-1pxztsn:focus{border-color:var(--fds-button-disabled, #c6c6c6);background:var(--fds-button-disabled, #c6c6c6);box-shadow:none;color:var(--fds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.fds--btn.svelte-1pxztsn .fds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.fds--btn.svelte-1pxztsn .fds--btn__icon{pointer-events:none}.fds--btn.svelte-1pxztsn::-moz-focus-inner{padding:0;border:0}.fds--button-menu--active.svelte-1pxztsn{box-shadow:0 2px 6px var(--fds-shadow, rgba(0, 0, 0, .3))}.fds--btn--primary.svelte-1pxztsn{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-primary, #0f62fe);color:var(--fds-text-on-color, #ffffff)}.fds--btn--primary.svelte-1pxztsn:hover{background-color:var(--fds-button-primary-hover, #0050e6)}.fds--btn--primary.svelte-1pxztsn:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--primary.svelte-1pxztsn:active{background-color:var(--fds-button-primary-active, #002d9c)}.fds--btn--primary.svelte-1pxztsn .fds--btn__icon,.fds--btn--primary.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--primary.svelte-1pxztsn:hover{color:var(--fds-text-on-color, #ffffff)}.fds--btn--secondary.svelte-1pxztsn{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-secondary, #393939);color:var(--fds-text-on-color, #ffffff)}.fds--btn--secondary.svelte-1pxztsn:hover{background-color:var(--fds-button-secondary-hover, #474747)}.fds--btn--secondary.svelte-1pxztsn:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--secondary.svelte-1pxztsn:active{background-color:var(--fds-button-secondary-active, #6f6f6f)}.fds--btn--secondary.svelte-1pxztsn .fds--btn__icon,.fds--btn--secondary.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--secondary.svelte-1pxztsn:hover,.fds--btn--secondary.svelte-1pxztsn:focus{color:var(--fds-text-on-color, #ffffff)}.fds--btn--tertiary.svelte-1pxztsn{border-width:1px;border-style:solid;border-color:var(--fds-button-tertiary, #0f62fe);background-color:transparent;color:var(--fds-button-tertiary, #0f62fe)}.fds--btn--tertiary.svelte-1pxztsn:hover{background-color:var(--fds-button-tertiary-hover, #0050e6)}.fds--btn--tertiary.svelte-1pxztsn:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--tertiary.svelte-1pxztsn:active{background-color:var(--fds-button-tertiary-active, #002d9c)}.fds--btn--tertiary.svelte-1pxztsn .fds--btn__icon,.fds--btn--tertiary.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--tertiary.svelte-1pxztsn:hover{color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-1pxztsn:focus{background-color:var(--fds-button-tertiary, #0f62fe);color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-1pxztsn:active{border-color:transparent;background-color:var(--fds-button-tertiary-active, #002d9c);color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-1pxztsn:disabled,.fds--btn--tertiary.svelte-1pxztsn:hover:disabled,.fds--btn--tertiary.svelte-1pxztsn:focus:disabled,.fds--btn--tertiary.fds--btn--disabled.svelte-1pxztsn,.fds--btn--tertiary.fds--btn--disabled.svelte-1pxztsn:hover,.fds--btn--tertiary.fds--btn--disabled.svelte-1pxztsn:focus{background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--ghost.svelte-1pxztsn{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--fds-link-primary, #0f62fe);padding:calc(.875rem - 3px) 16px}.fds--btn--ghost.svelte-1pxztsn:hover{background-color:var(--fds-background-hover, rgba(141, 141, 141, .12))}.fds--btn--ghost.svelte-1pxztsn:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--ghost.svelte-1pxztsn .fds--btn__icon,.fds--btn--ghost.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--ghost.svelte-1pxztsn .fds--btn__icon{position:static;margin-left:.5rem}.fds--btn--ghost.svelte-1pxztsn:hover,.fds--btn--ghost.svelte-1pxztsn:active{color:var(--fds-link-primary-hover, #0043ce)}.fds--btn--ghost.svelte-1pxztsn:active{background-color:var(--fds-background-active, rgba(141, 141, 141, .5))}.fds--btn--ghost.svelte-1pxztsn:disabled,.fds--btn--ghost.svelte-1pxztsn:hover:disabled,.fds--btn--ghost.svelte-1pxztsn:focus:disabled,.fds--btn--ghost.fds--btn--disabled.svelte-1pxztsn,.fds--btn--ghost.fds--btn--disabled.svelte-1pxztsn:hover,.fds--btn--ghost.fds--btn--disabled.svelte-1pxztsn:focus{border-color:transparent;background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--ghost.fds--btn--sm.svelte-1pxztsn{padding:calc(.375rem - 3px) 16px}.fds--btn--ghost.fds--btn--md.svelte-1pxztsn{padding:calc(.675rem - 3px) 16px}.fds--btn--ghost.svelte-1pxztsn:not([disabled]) svg{fill:var(--fds-icon-primary, #161616)}.fds--btn--ghost.fds--button-menu--active.svelte-1pxztsn{background-color:transparent}.fds--btn--icon-only.svelte-1pxztsn{padding-right:.9375rem;padding-left:.9375rem}.fds--btn--icon-only.svelte-1pxztsn .fds--btn__icon{position:static}.fds--btn--icon-only.fds--btn--ghost.svelte-1pxztsn .fds--btn__icon,.fds--btn--icon-only.fds--btn--danger--ghost.svelte-1pxztsn .fds--btn__icon{margin:0}.fds--btn--icon-only.fds--btn--selected.svelte-1pxztsn{background:var(--fds-background-selected, rgba(141, 141, 141, .2))}.fds--btn.svelte-1pxztsn path[data-icon-path=inner-path]{fill:none}.fds--btn--ghost.fds--btn--icon-only.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only.svelte-1pxztsn .fds--btn__icon{fill:var(--fds-icon-primary, #161616)}.fds--btn.fds--btn--icon-only.fds--btn--ghost[disabled].svelte-1pxztsn:hover .fds--btn__icon,.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-1pxztsn .fds--btn__icon{fill:var(--fds-icon-on-color-disabled, #8d8d8d)}.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-1pxztsn{cursor:not-allowed}.fds--btn--lg.fds--btn--icon-only.svelte-1pxztsn{padding-right:.9375rem;padding-left:.9375rem}.fds--btn--md.fds--btn--icon-only.svelte-1pxztsn{padding-right:.6875rem;padding-left:.6875rem}.fds--btn--sm.fds--btn--icon-only.svelte-1pxztsn{padding-right:.4375rem;padding-left:.4375rem}.fds--btn--danger.svelte-1pxztsn{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-danger-primary, #da1e28);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger.svelte-1pxztsn:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger.svelte-1pxztsn:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger.svelte-1pxztsn:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger.svelte-1pxztsn .fds--btn__icon,.fds--btn--danger.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger.svelte-1pxztsn:hover{color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1pxztsn{border-width:1px;border-style:solid;border-color:var(--fds-button-danger-secondary, #da1e28);background-color:transparent;color:var(--fds-button-danger-secondary, #da1e28)}.fds--btn--danger--tertiary.svelte-1pxztsn:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger--tertiary.svelte-1pxztsn:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger--tertiary.svelte-1pxztsn:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger--tertiary.svelte-1pxztsn .fds--btn__icon,.fds--btn--danger--tertiary.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger--tertiary.svelte-1pxztsn:hover{border-color:var(--fds-button-danger-hover, #b81922);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1pxztsn:focus{background-color:var(--fds-button-danger-primary, #da1e28);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1pxztsn:active{border-color:var(--fds-button-danger-active, #750e13);background-color:var(--fds-button-danger-active, #750e13);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1pxztsn:disabled,.fds--btn--danger--tertiary.svelte-1pxztsn:hover:disabled,.fds--btn--danger--tertiary.svelte-1pxztsn:focus:disabled,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-1pxztsn,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-1pxztsn:hover,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-1pxztsn:focus{background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--danger--ghost.svelte-1pxztsn{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--fds-button-danger-secondary, #da1e28);padding:calc(.875rem - 3px) 16px}.fds--btn--danger--ghost.svelte-1pxztsn:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger--ghost.svelte-1pxztsn:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger--ghost.svelte-1pxztsn:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger--ghost.svelte-1pxztsn .fds--btn__icon,.fds--btn--danger--ghost.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger--ghost.svelte-1pxztsn .fds--btn__icon{position:static;margin-left:.5rem}.fds--btn--danger--ghost.svelte-1pxztsn:hover,.fds--btn--danger--ghost.svelte-1pxztsn:active{color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--ghost.svelte-1pxztsn:disabled,.fds--btn--danger--ghost.svelte-1pxztsn:hover:disabled,.fds--btn--danger--ghost.svelte-1pxztsn:focus:disabled,.fds--btn--danger--ghost.fds--btn--disabled.svelte-1pxztsn,.fds--btn--danger--ghost.fds--btn--disabled.svelte-1pxztsn:hover,.fds--btn--danger--ghost.fds--btn--disabled.svelte-1pxztsn:focus{border-color:transparent;background:transparent;color:var(--fds-text-disabled, rgba(22, 22, 22, .25));outline:none}.fds--btn--danger--ghost.fds--btn--sm.svelte-1pxztsn{padding:calc(.375rem - 3px) 16px}.fds--btn--danger--ghost.fds--btn--md.svelte-1pxztsn{padding:calc(.675rem - 3px) 16px}.fds--btn--sm.svelte-1pxztsn{min-height:2rem;padding:calc(.375rem - 3px) 60px calc(.375rem - 3px) 12px}.fds--btn--lg.svelte-1pxztsn{min-height:3rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.fds--btn--2xl.svelte-1pxztsn:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.fds--btn--xl.svelte-1pxztsn:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.fds--btn--md.svelte-1pxztsn{min-height:2.5rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.fds--btn--expressive.svelte-1pxztsn{font-size:var(--fds-body-compact-02-font-size, 1rem);font-weight:var(--fds-body-compact-02-font-weight, 400);line-height:var(--fds-body-compact-02-line-height, 1.375);letter-spacing:var(--fds-body-compact-02-letter-spacing, 0);min-height:3rem}.fds--btn--icon-only.fds--btn--expressive.svelte-1pxztsn{padding:12px 13px}.fds--btn.fds--btn--expressive.svelte-1pxztsn .fds--btn__icon{width:1.25rem;height:1.25rem}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--btn.svelte-1pxztsn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--btn--ghost.fds--btn--icon-only.svelte-1pxztsn .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only.svelte-1pxztsn .fds--btn__icon{fill:ButtonText}}.fds--modal.svelte-1pxztsn{position:fixed;z-index:9000;top:0;left:0;display:flex;width:100vw;height:100vh;align-items:center;justify-content:center;background-color:var(--fds-overlay, rgba(22, 22, 22, .5));content:"";opacity:0%;transition:opacity .24s cubic-bezier(.4,.14,1,1),visibility 0ms linear .24s;visibility:hidden}.fds--modal.fds--modal--visible.svelte-1pxztsn{opacity:100%;transition:opacity .24s cubic-bezier(0,0,.3,1),visibility 0ms linear;visibility:inherit}@media screen and (prefers-reduced-motion: reduce){.fds--modal.fds--modal--visible.svelte-1pxztsn{transition:none}}.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--pagination,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--pagination__control-buttons,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--text-input,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--text-area,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--search-input,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--select-input,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--dropdown,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--dropdown-list,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--number input[type=number],.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--date-picker__input,.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--multi-select{background-color:var(--fds-field-02, #ffffff)}.fds--modal.fds--modal--visible.svelte-1pxztsn .fds--modal-container:where(.svelte-1pxztsn){transform:translateZ(0);transition:transform .24s cubic-bezier(0,0,.3,1)}.fds--modal-container.svelte-1pxztsn{position:fixed;top:0;display:grid;overflow:hidden;width:100%;height:100%;max-height:100%;background-color:var(--fds-layer);grid-template-columns:100%;grid-template-rows:auto 1fr auto;outline:3px solid transparent;outline-offset:-3px;transform:translate3d(0,-24px,0);transform-origin:top center;transition:transform .24s cubic-bezier(.4,.14,1,1)}@media (min-width: 42rem){.fds--modal-container.svelte-1pxztsn{position:static;width:84%;height:auto;max-height:90%}}@media (min-width: 66rem){.fds--modal-container.svelte-1pxztsn{width:60%;max-height:84%}}@media (min-width: 82rem){.fds--modal-container.svelte-1pxztsn{width:48%}}.fds--modal-container.svelte-1pxztsn .fds--composed-modal__icon-block{background-color:var(--fds-background-brand, #0f62fe);position:absolute;width:6rem;height:6rem;color:var(--fds-icon-on-color, #ffffff);display:flex;justify-content:center;align-items:center}.fds--modal-container.svelte-1pxztsn .fds--composed-modal__icon-block .fds--composed-modal__icon{width:3rem;height:3rem}.fds--modal-content{font-size:var(--fds-body-01-font-size, .875rem);font-weight:var(--fds-body-01-font-weight, 400);line-height:var(--fds-body-01-line-height, 1.42857);letter-spacing:var(--fds-body-01-letter-spacing, .16px);position:relative;padding-top:.5rem;padding-right:1rem;padding-left:1rem;margin-bottom:3rem;color:var(--fds-text-primary, #161616);font-weight:400;grid-column:1/-1;grid-row:2/-2;overflow-y:auto}.fds--modal-content:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--modal-content:focus{outline-style:dotted}}@media (min-width: 42rem){.fds--modal-container--xs.svelte-1pxztsn{width:48%}}@media (min-width: 66rem){.fds--modal-container--xs.svelte-1pxztsn{width:32%;max-height:48%}}@media (min-width: 82rem){.fds--modal-container--xs.svelte-1pxztsn{width:24%}}@media (min-width: 42rem){.fds--modal-container--sm.svelte-1pxztsn{width:60%}}@media (min-width: 66rem){.fds--modal-container--sm.svelte-1pxztsn{width:42%;max-height:72%}}@media (min-width: 82rem){.fds--modal-container--sm.svelte-1pxztsn{width:36%}}@media (min-width: 42rem){.fds--modal-container--lg.svelte-1pxztsn{width:96%}}@media (min-width: 66rem){.fds--modal-container--lg.svelte-1pxztsn{width:84%;max-height:96%}}@media (min-width: 82rem){.fds--modal-container--lg.svelte-1pxztsn{width:72%}}.fds--modal-container--full-width .fds--modal-content{padding:0;margin:0}.fds--modal-scroll-content.svelte-1pxztsn>:where(.svelte-1pxztsn):last-child{padding-bottom:2rem}.fds--modal-content--overflow-indicator.svelte-1pxztsn{position:absolute;bottom:3rem;left:0;width:100%;height:2rem;background-image:linear-gradient(to bottom,transparent,var(--fds-layer));content:"";grid-column:1/-1;grid-row:2/-2;pointer-events:none}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (stroke-color: transparent){.fds--modal-content--overflow-indicator.svelte-1pxztsn{background-image:linear-gradient(to bottom,rgb(var(--fds-layer) 0),var(--fds-layer))}}}@media screen and (-ms-high-contrast: active){.fds--modal-scroll-content.svelte-1pxztsn>:where(.svelte-1pxztsn):last-child{padding-bottom:0}.fds--modal-content--overflow-indicator.svelte-1pxztsn{display:none}}.fds--modal-content.svelte-9pghtg:focus~.fds--modal-content--overflow-indicator:where(.svelte-9pghtg){width:calc(100% - 4px);margin:0 2px 2px}@keyframes svelte-xbu21s-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-xbu21s-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-xbu21s-skeleton{0%{opacity:30%;transform:scaleX(0);transform-origin:left}20%{opacity:100%;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:30%;transform:scaleX(0);transform-origin:left}}.fds--btn.svelte-xbu21s{font-size:var(--fds-body-compact-01-font-size, .875rem);font-weight:var(--fds-body-compact-01-font-weight, 400);line-height:var(--fds-body-compact-01-line-height, 1.28572);letter-spacing:var(--fds-body-compact-01-letter-spacing, .16px);position:relative;display:inline-flex;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) 63px calc(.875rem - 3px) 15px;margin:0;border-radius:0;cursor:pointer;outline:none;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top;font-family:inherit}.fds--btn.svelte-xbu21s:disabled,.fds--btn.svelte-xbu21s:hover:disabled,.fds--btn.svelte-xbu21s:focus:disabled,.fds--btn.fds--btn--disabled.svelte-xbu21s,.fds--btn.fds--btn--disabled.svelte-xbu21s:hover,.fds--btn.fds--btn--disabled.svelte-xbu21s:focus{border-color:var(--fds-button-disabled, #c6c6c6);background:var(--fds-button-disabled, #c6c6c6);box-shadow:none;color:var(--fds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.fds--btn.svelte-xbu21s .fds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.fds--btn.svelte-xbu21s .fds--btn__icon{pointer-events:none}.fds--btn.svelte-xbu21s::-moz-focus-inner{padding:0;border:0}.fds--button-menu--active.svelte-xbu21s{box-shadow:0 2px 6px var(--fds-shadow, rgba(0, 0, 0, .3))}.fds--btn--primary.svelte-xbu21s{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-primary, #0f62fe);color:var(--fds-text-on-color, #ffffff)}.fds--btn--primary.svelte-xbu21s:hover{background-color:var(--fds-button-primary-hover, #0050e6)}.fds--btn--primary.svelte-xbu21s:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--primary.svelte-xbu21s:active{background-color:var(--fds-button-primary-active, #002d9c)}.fds--btn--primary.svelte-xbu21s .fds--btn__icon,.fds--btn--primary.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--primary.svelte-xbu21s:hover{color:var(--fds-text-on-color, #ffffff)}.fds--btn--secondary.svelte-xbu21s{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-secondary, #393939);color:var(--fds-text-on-color, #ffffff)}.fds--btn--secondary.svelte-xbu21s:hover{background-color:var(--fds-button-secondary-hover, #474747)}.fds--btn--secondary.svelte-xbu21s:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--secondary.svelte-xbu21s:active{background-color:var(--fds-button-secondary-active, #6f6f6f)}.fds--btn--secondary.svelte-xbu21s .fds--btn__icon,.fds--btn--secondary.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--secondary.svelte-xbu21s:hover,.fds--btn--secondary.svelte-xbu21s:focus{color:var(--fds-text-on-color, #ffffff)}.fds--btn--tertiary.svelte-xbu21s{border-width:1px;border-style:solid;border-color:var(--fds-button-tertiary, #0f62fe);background-color:transparent;color:var(--fds-button-tertiary, #0f62fe)}.fds--btn--tertiary.svelte-xbu21s:hover{background-color:var(--fds-button-tertiary-hover, #0050e6)}.fds--btn--tertiary.svelte-xbu21s:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--tertiary.svelte-xbu21s:active{background-color:var(--fds-button-tertiary-active, #002d9c)}.fds--btn--tertiary.svelte-xbu21s .fds--btn__icon,.fds--btn--tertiary.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--tertiary.svelte-xbu21s:hover{color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-xbu21s:focus{background-color:var(--fds-button-tertiary, #0f62fe);color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-xbu21s:active{border-color:transparent;background-color:var(--fds-button-tertiary-active, #002d9c);color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-xbu21s:disabled,.fds--btn--tertiary.svelte-xbu21s:hover:disabled,.fds--btn--tertiary.svelte-xbu21s:focus:disabled,.fds--btn--tertiary.fds--btn--disabled.svelte-xbu21s,.fds--btn--tertiary.fds--btn--disabled.svelte-xbu21s:hover,.fds--btn--tertiary.fds--btn--disabled.svelte-xbu21s:focus{background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--ghost.svelte-xbu21s{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--fds-link-primary, #0f62fe);padding:calc(.875rem - 3px) 16px}.fds--btn--ghost.svelte-xbu21s:hover{background-color:var(--fds-background-hover, rgba(141, 141, 141, .12))}.fds--btn--ghost.svelte-xbu21s:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--ghost.svelte-xbu21s .fds--btn__icon,.fds--btn--ghost.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--ghost.svelte-xbu21s .fds--btn__icon{position:static;margin-left:.5rem}.fds--btn--ghost.svelte-xbu21s:hover,.fds--btn--ghost.svelte-xbu21s:active{color:var(--fds-link-primary-hover, #0043ce)}.fds--btn--ghost.svelte-xbu21s:active{background-color:var(--fds-background-active, rgba(141, 141, 141, .5))}.fds--btn--ghost.svelte-xbu21s:disabled,.fds--btn--ghost.svelte-xbu21s:hover:disabled,.fds--btn--ghost.svelte-xbu21s:focus:disabled,.fds--btn--ghost.fds--btn--disabled.svelte-xbu21s,.fds--btn--ghost.fds--btn--disabled.svelte-xbu21s:hover,.fds--btn--ghost.fds--btn--disabled.svelte-xbu21s:focus{border-color:transparent;background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--ghost.fds--btn--sm.svelte-xbu21s{padding:calc(.375rem - 3px) 16px}.fds--btn--ghost.fds--btn--md.svelte-xbu21s{padding:calc(.675rem - 3px) 16px}.fds--btn--ghost.svelte-xbu21s:not([disabled]) svg{fill:var(--fds-icon-primary, #161616)}.fds--btn--ghost.fds--button-menu--active.svelte-xbu21s{background-color:transparent}.fds--btn--icon-only.svelte-xbu21s{padding-right:.9375rem;padding-left:.9375rem}.fds--btn--icon-only.svelte-xbu21s .fds--btn__icon{position:static}.fds--btn--icon-only.fds--btn--ghost.svelte-xbu21s .fds--btn__icon,.fds--btn--icon-only.fds--btn--danger--ghost.svelte-xbu21s .fds--btn__icon{margin:0}.fds--btn--icon-only.fds--btn--selected.svelte-xbu21s{background:var(--fds-background-selected, rgba(141, 141, 141, .2))}.fds--btn.svelte-xbu21s path[data-icon-path=inner-path]{fill:none}.fds--btn--ghost.fds--btn--icon-only.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only.svelte-xbu21s .fds--btn__icon{fill:var(--fds-icon-primary, #161616)}.fds--btn.fds--btn--icon-only.fds--btn--ghost[disabled].svelte-xbu21s:hover .fds--btn__icon,.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-xbu21s .fds--btn__icon{fill:var(--fds-icon-on-color-disabled, #8d8d8d)}.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-xbu21s{cursor:not-allowed}.fds--btn--lg.fds--btn--icon-only.svelte-xbu21s{padding-right:.9375rem;padding-left:.9375rem}.fds--btn--md.fds--btn--icon-only.svelte-xbu21s{padding-right:.6875rem;padding-left:.6875rem}.fds--btn--sm.fds--btn--icon-only.svelte-xbu21s{padding-right:.4375rem;padding-left:.4375rem}.fds--btn--danger.svelte-xbu21s{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-danger-primary, #da1e28);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger.svelte-xbu21s:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger.svelte-xbu21s:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger.svelte-xbu21s:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger.svelte-xbu21s .fds--btn__icon,.fds--btn--danger.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger.svelte-xbu21s:hover{color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-xbu21s{border-width:1px;border-style:solid;border-color:var(--fds-button-danger-secondary, #da1e28);background-color:transparent;color:var(--fds-button-danger-secondary, #da1e28)}.fds--btn--danger--tertiary.svelte-xbu21s:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger--tertiary.svelte-xbu21s:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger--tertiary.svelte-xbu21s:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger--tertiary.svelte-xbu21s .fds--btn__icon,.fds--btn--danger--tertiary.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger--tertiary.svelte-xbu21s:hover{border-color:var(--fds-button-danger-hover, #b81922);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-xbu21s:focus{background-color:var(--fds-button-danger-primary, #da1e28);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-xbu21s:active{border-color:var(--fds-button-danger-active, #750e13);background-color:var(--fds-button-danger-active, #750e13);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-xbu21s:disabled,.fds--btn--danger--tertiary.svelte-xbu21s:hover:disabled,.fds--btn--danger--tertiary.svelte-xbu21s:focus:disabled,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-xbu21s,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-xbu21s:hover,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-xbu21s:focus{background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--danger--ghost.svelte-xbu21s{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--fds-button-danger-secondary, #da1e28);padding:calc(.875rem - 3px) 16px}.fds--btn--danger--ghost.svelte-xbu21s:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger--ghost.svelte-xbu21s:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger--ghost.svelte-xbu21s:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger--ghost.svelte-xbu21s .fds--btn__icon,.fds--btn--danger--ghost.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger--ghost.svelte-xbu21s .fds--btn__icon{position:static;margin-left:.5rem}.fds--btn--danger--ghost.svelte-xbu21s:hover,.fds--btn--danger--ghost.svelte-xbu21s:active{color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--ghost.svelte-xbu21s:disabled,.fds--btn--danger--ghost.svelte-xbu21s:hover:disabled,.fds--btn--danger--ghost.svelte-xbu21s:focus:disabled,.fds--btn--danger--ghost.fds--btn--disabled.svelte-xbu21s,.fds--btn--danger--ghost.fds--btn--disabled.svelte-xbu21s:hover,.fds--btn--danger--ghost.fds--btn--disabled.svelte-xbu21s:focus{border-color:transparent;background:transparent;color:var(--fds-text-disabled, rgba(22, 22, 22, .25));outline:none}.fds--btn--danger--ghost.fds--btn--sm.svelte-xbu21s{padding:calc(.375rem - 3px) 16px}.fds--btn--danger--ghost.fds--btn--md.svelte-xbu21s{padding:calc(.675rem - 3px) 16px}.fds--btn--sm.svelte-xbu21s{min-height:2rem;padding:calc(.375rem - 3px) 60px calc(.375rem - 3px) 12px}.fds--btn--lg.svelte-xbu21s{min-height:3rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.fds--btn--2xl.svelte-xbu21s:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.fds--btn--xl.svelte-xbu21s:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.fds--btn--md.svelte-xbu21s{min-height:2.5rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.fds--btn--expressive.svelte-xbu21s{font-size:var(--fds-body-compact-02-font-size, 1rem);font-weight:var(--fds-body-compact-02-font-weight, 400);line-height:var(--fds-body-compact-02-line-height, 1.375);letter-spacing:var(--fds-body-compact-02-letter-spacing, 0);min-height:3rem}.fds--btn--icon-only.fds--btn--expressive.svelte-xbu21s{padding:12px 13px}.fds--btn.fds--btn--expressive.svelte-xbu21s .fds--btn__icon{width:1.25rem;height:1.25rem}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--btn.svelte-xbu21s:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--btn--ghost.fds--btn--icon-only.svelte-xbu21s .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only.svelte-xbu21s .fds--btn__icon{fill:ButtonText}}.fds--modal-footer.svelte-xbu21s{display:flex;justify-content:flex-end;margin-top:auto;grid-column:1/-1;grid-row:-1/-1}.fds--modal-footer.svelte-xbu21s .fds--btn{max-width:none;height:4rem;flex:0 1 50%;padding-top:1rem;padding-bottom:2rem;margin:0}.fds--modal-footer--three-button.svelte-xbu21s .fds--btn{flex:0 1 25%;align-items:flex-start}/*! * For our compatability themes, we will merge the themes from v10 and v11 and * provide this combination as one of our four default themes. * * This is useful for situations where a user is trying to use the compatability * theme, for example: * * ```scss * @use '@askia/fibre-styles/scss/reset'; * @use '@askia/fibre-styles/scss/compat/themes'; * @use '@askia/fibre-styles/scss/compat/theme' with ( * $theme: themes.$g100 * ); * ``` * * Without merging these themes, then the value of a token in v11 would default * to our $white theme. As a result, the user would need to specify both the * `$theme` and the `$fallback` to the `scss/compat/theme` module. * * Now that we merge the themes, this code snippet will function as expected. */@keyframes svelte-1inx2xn-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1inx2xn-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1inx2xn-skeleton{0%{opacity:30%;transform:scaleX(0);transform-origin:left}20%{opacity:100%;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:30%;transform:scaleX(0);transform-origin:left}}.fds--modal-header.svelte-1inx2xn{padding-top:1rem;padding-right:3rem;padding-left:1rem;margin-bottom:.5rem;grid-column:1/-1;grid-row:1/1}.fds--modal-header__label.svelte-1inx2xn{font-size:var(--fds-label-01-font-size, .75rem);font-weight:var(--fds-label-01-font-weight, 400);line-height:var(--fds-label-01-line-height, 1.33333);letter-spacing:var(--fds-label-01-letter-spacing, .32px);margin-bottom:.25rem;color:var(--fds-text-secondary, #525252)}.fds--modal-header__heading.svelte-1inx2xn{font-size:var(--fds-heading-03-font-size, 1.25rem);font-weight:var(--fds-heading-03-font-weight, 400);line-height:var(--fds-heading-03-line-height, 1.4);letter-spacing:var(--fds-heading-03-letter-spacing, 0);color:var(--fds-text-primary, #161616)}.fds--modal-close-wrapper.svelte-1inx2xn{position:absolute;top:0;right:0}button.fds--modal-close.fds--btn{border-width:2px;width:3rem;height:3rem;padding:.75rem;display:flex;align-items:center;justify-content:center;z-index:2;overflow:hidden}button.fds--modal-close.fds--btn:hover{background-color:var(--fds-layer-hover)}button.fds--modal-close.fds--btn:focus{border-color:var(--fds-focus, #0f62fe);outline:none}@media screen and (-ms-high-contrast: active),(forced-colors: active){button.fds--modal-close.fds--btn:focus{color:Highlight;outline:1px solid Highlight}}button.fds--modal-close.fds--btn::-moz-focus-inner{border:0}button.fds--modal-close.fds--btn .fds--btn__icon{width:1.25rem;height:1.25rem;fill:var(--fds-icon-primary, #161616)}@media screen and (-ms-high-contrast: active),(forced-colors: active){button.fds--modal-close.fds--btn .fds--btn__icon{fill:ButtonText}}