/*! * 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-nphiiw-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-nphiiw-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-nphiiw-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--toast-notification__icon{flex-shrink:0;margin-top:1rem;margin-right:1rem}.fds--toast-notification--warning .fds--toast-notification__icon path[opacity="0"],.fds--toast-notification--warning .fds--inline-notification__icon path[opacity="0"]{fill:#000;opacity:100%}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--toast-notification__icon,.fds--inline-notification__icon{fill:ButtonText}}.fds--inline-notification__icon{flex-shrink:0;margin-top:.875rem;margin-right:1rem}.fds--inline-notification.svelte-nphiiw{position:relative;display:flex;width:100%;min-width:18rem;max-width:18rem;height:auto;min-height:3rem;flex-wrap:wrap;color:var(--fds-text-inverse, #ffffff)}@media (min-width: 42rem){.fds--inline-notification.svelte-nphiiw{max-width:38rem;flex-wrap:nowrap}}@media (min-width: 66rem){.fds--inline-notification.svelte-nphiiw{max-width:46rem}}@media (min-width: 99rem){.fds--inline-notification.svelte-nphiiw{max-width:52rem}}.fds--inline-notification:not(.fds--inline-notification--low-contrast) a{color:var(--fds-link-inverse, #78a9ff)}.fds--inline-notification a{text-decoration:none}.fds--inline-notification a:hover{text-decoration:underline}.fds--inline-notification a:focus{outline:1px solid var(--fds-link-inverse, #78a9ff)}.fds--inline-notification.fds--inline-notification--low-contrast a:focus{outline:1px solid var(--fds-focus, #0f62fe)}@media screen and (prefers-contrast){.fds--inline-notification.fds--inline-notification--low-contrast a:focus{outline-style:dotted}}.fds--inline-notification--low-contrast.svelte-nphiiw{color:var(--fds-text-primary, #161616)}.fds--inline-notification--low-contrast.svelte-nphiiw:before{position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;border-width:1px 1px 1px 0;border-style:solid;content:"";filter:opacity(.4);pointer-events:none}.fds--inline-notification--error.svelte-nphiiw{border-left:3px solid var(--fds-support-error-inverse, #fa4d56);background:var(--fds-background-inverse, #393939)}.fds--inline-notification--error.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--error.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--error.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-error-inverse, #fa4d56)}.fds--inline-notification--low-contrast.fds--inline-notification--error.svelte-nphiiw{border-left:3px solid var(--fds-support-error, #da1e28);background:var(--fds-notification-background-error, #fff1f1)}.fds--inline-notification--low-contrast.fds--inline-notification--error.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--error.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--error.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-error, #da1e28)}.fds--inline-notification--low-contrast.fds--inline-notification--error.svelte-nphiiw:before{border-color:var(--fds-support-error, #da1e28)}.fds--inline-notification--success.svelte-nphiiw{border-left:3px solid var(--fds-support-success-inverse, #42be65);background:var(--fds-background-inverse, #393939)}.fds--inline-notification--success.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--success.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--success.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-success-inverse, #42be65)}.fds--inline-notification--low-contrast.fds--inline-notification--success.svelte-nphiiw{border-left:3px solid var(--fds-support-success, #198038);background:var(--fds-notification-background-success, #defbe6)}.fds--inline-notification--low-contrast.fds--inline-notification--success.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--success.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--success.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-success, #198038)}.fds--inline-notification--low-contrast.fds--inline-notification--success.svelte-nphiiw:before{border-color:var(--fds-support-success, #198038)}.fds--inline-notification--info.svelte-nphiiw,.fds--inline-notification--info-square.svelte-nphiiw{border-left:3px solid var(--fds-support-info-inverse, #4589ff);background:var(--fds-background-inverse, #393939)}.fds--inline-notification--info.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--info.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--info.svelte-nphiiw .fds--actionable-notification__icon,.fds--inline-notification--info-square.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--info-square.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--info-square.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-info-inverse, #4589ff)}.fds--inline-notification--low-contrast.fds--inline-notification--info.svelte-nphiiw,.fds--inline-notification--low-contrast.fds--inline-notification--info-square.svelte-nphiiw{border-left:3px solid var(--fds-support-info, #0043ce);background:var(--fds-notification-background-info, #edf5ff)}.fds--inline-notification--low-contrast.fds--inline-notification--info.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--info.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--info.svelte-nphiiw .fds--actionable-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--info-square.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--info-square.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--info-square.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-info, #0043ce)}.fds--inline-notification--low-contrast.fds--inline-notification--info.svelte-nphiiw:before,.fds--inline-notification--low-contrast.fds--inline-notification--info-square.svelte-nphiiw:before{border-color:var(--fds-support-info, #0043ce)}.fds--inline-notification--warning.svelte-nphiiw{border-left:3px solid var(--fds-support-warning-inverse, #f1c21b);background:var(--fds-background-inverse, #393939)}.fds--inline-notification--warning.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--warning.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--warning.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-warning-inverse, #f1c21b)}.fds--inline-notification--low-contrast.fds--inline-notification--warning.svelte-nphiiw{border-left:3px solid var(--fds-support-warning, #f1c21b);background:var(--fds-notification-background-warning, #fdf6dd)}.fds--inline-notification--low-contrast.fds--inline-notification--warning.svelte-nphiiw .fds--inline-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--warning.svelte-nphiiw .fds--toast-notification__icon,.fds--inline-notification--low-contrast.fds--inline-notification--warning.svelte-nphiiw .fds--actionable-notification__icon{fill:var(--fds-support-warning, #f1c21b)}.fds--inline-notification--low-contrast.fds--inline-notification--warning.svelte-nphiiw:before{border-color:var(--fds-support-warning, #f1c21b)}.fds--inline-notification__details.svelte-nphiiw{display:flex;flex-grow:1;margin:0 3rem 0 .8125rem}@media (min-width: 42rem){.fds--inline-notification__details.svelte-nphiiw{margin:0 .8125rem}}.fds--inline-notification__content.svelte-nphiiw{display:flex;gap:.5rem;flex:1}.fds--inline-notification__text-wrapper.svelte-nphiiw{padding:.9375rem 0;display:flex;flex-wrap:nowrap;align-items:center;gap:.25rem}@media (min-width: 42rem){.fds--inline-notification__text-wrapper.svelte-nphiiw{flex-wrap:wrap}}.fds--inline-notification__text-wrapper--no-wrap.svelte-nphiiw{display:grid;grid-template-columns:auto 1fr;flex-wrap:nowrap}.fds--inline-notification__slot-wrapper.svelte-nphiiw{display:flex;flex-grow:1;justify-content:flex-end;padding:.9375rem 0;white-space:nowrap}.fds--inline-notification__title.svelte-nphiiw{font-size:var(--fds-heading-compact-01-font-size, .875rem);font-weight:var(--fds-heading-compact-01-font-weight, 600);line-height:var(--fds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--fds-heading-compact-01-letter-spacing, .16px);margin:0 .25rem 0 0}.fds--inline-notification__subtitle.svelte-nphiiw{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);word-break:break-word}.fds--inline-notification__subtitle-no-wrap.svelte-nphiiw{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);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15ch}@media (min-width: 42rem){.fds--inline-notification__subtitle-no-wrap.svelte-nphiiw{max-width:40ch}}@media (min-width: 66rem){.fds--inline-notification__subtitle-no-wrap.svelte-nphiiw{max-width:50ch}}@media (min-width: 99rem){.fds--inline-notification__subtitle-no-wrap.svelte-nphiiw{max-width:60ch}}.fds--inline-notification__action-button.fds--btn--ghost{height:2rem;margin-bottom:.5rem;margin-left:2.5rem}@media (min-width: 42rem){.fds--inline-notification__action-button.fds--btn--ghost{margin:.5rem 0}}.fds--inline-notification:not(.fds--inline-notification--low-contrast) .fds--inline-notification__action-button.fds--btn--ghost{color:var(--fds-link-inverse, #78a9ff)}.fds--inline-notification__action-button.fds--btn--ghost:active,.fds--inline-notification__action-button.fds--btn--ghost:hover{background-color:var(--fds-background-inverse-hover, #474747)}.fds--inline-notification--low-contrast .fds--inline-notification__action-button.fds--btn--ghost:active,.fds--inline-notification--low-contrast .fds--inline-notification__action-button.fds--btn--ghost:hover{background-color:var(--fds-notification-action-hover, #ffffff)}.fds--inline-notification__action-button.fds--btn--ghost:focus{border-color:transparent;box-shadow:none;outline:2px solid var(--fds-focus-inverse, #ffffff);outline-offset:-2px}.fds--inline-notification--low-contrast .fds--inline-notification__action-button.fds--btn--ghost:focus{outline-color:var(--fds-focus, #0f62fe)}.fds--inline-notification--hide-close-button .fds--inline-notification__action-button.fds--btn--ghost{margin-right:.5rem}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--inline-notification.svelte-nphiiw{outline:1px solid transparent}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--inline-notification__close-icon.svelte-nphiiw{fill:ButtonText}}