/*!
 * 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-1x3k3g6-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1x3k3g6-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1x3k3g6-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__close-button.svelte-1x3k3g6{outline:2px solid transparent;outline-offset:-2px;display:flex;width:3rem;min-width:3rem;height:3rem;min-height:3rem;flex-direction:column;align-items:center;justify-content:center;fill:var(--fds-icon-inverse, #ffffff);padding:0;border:none;margin-left:auto;background-color:transparent;cursor:pointer;transition:outline .25s,background-color .25s}.fds--toast-notification__close-button.svelte-1x3k3g6:focus{outline:2px solid var(--fds-focus-inverse, #ffffff);outline-offset:-2px}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--toast-notification__close-button.svelte-1x3k3g6:focus{color:Highlight;outline:1px solid Highlight}}.fds--toast-notification__close-button.svelte-1x3k3g6 .fds--toast-notification__close-icon{fill:var(--fds-icon-inverse, #ffffff)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--toast-notification__close-button.svelte-1x3k3g6 .fds--toast-notification__close-icon{fill:ButtonText}}.fds--toast-notification--low-contrast .fds--toast-notification__close-button:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--toast-notification--low-contrast .fds--toast-notification__close-button:focus{outline-style:dotted}}.fds--toast-notification--low-contrast .fds--toast-notification__close-button .fds--toast-notification__close-icon{fill:var(--fds-icon-primary, #161616)}.fds--inline-notification__close-button.svelte-1x3k3g6{outline:2px solid transparent;outline-offset:-2px;position:absolute;top:0;right:0;display:flex;width:3rem;min-width:3rem;max-width:3rem;height:3rem;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-left:auto;border:none;background:transparent;cursor:pointer;transition:outline .11s cubic-bezier(.2,0,.38,.9),background-color .11s cubic-bezier(.2,0,.38,.9)}.fds--inline-notification__close-button.svelte-1x3k3g6:focus{outline:2px solid var(--fds-focus-inverse, #ffffff);outline-offset:-2px}.fds--inline-notification__close-button.svelte-1x3k3g6 .fds--inline-notification__close-icon{fill:var(--fds-icon-inverse, #ffffff)}@media (min-width: 42rem){.fds--inline-notification__close-button.svelte-1x3k3g6{position:static}}.fds--inline-notification--low-contrast .fds--inline-notification__close-button:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--inline-notification--low-contrast .fds--inline-notification__close-button:focus{outline-style:dotted}}.fds--inline-notification--low-contrast .fds--inline-notification__close-button .fds--inline-notification__close-icon{fill:var(--fds-icon-primary, #161616)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--inline-notification__close-button.svelte-1x3k3g6:focus{color:Highlight;outline:1px solid Highlight}}
