@keyframes svelte-1rkh6yw-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1rkh6yw-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1rkh6yw-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}}/*!
 * 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.
 */.fds--icon--skeleton.svelte-1rkh6yw{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;display:inline-block;width:1rem;height:1rem}.fds--icon--skeleton.svelte-1rkh6yw:hover,.fds--icon--skeleton.svelte-1rkh6yw:focus,.fds--icon--skeleton.svelte-1rkh6yw:active{border:none;cursor:default;outline:none}.fds--icon--skeleton.svelte-1rkh6yw:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-1rkh6yw-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--icon--skeleton.svelte-1rkh6yw:before{animation:none}}.fds--skeleton__placeholder.svelte-1rkh6yw{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:6.25rem}.fds--skeleton__placeholder.svelte-1rkh6yw:hover,.fds--skeleton__placeholder.svelte-1rkh6yw:focus,.fds--skeleton__placeholder.svelte-1rkh6yw:active{border:none;cursor:default;outline:none}.fds--skeleton__placeholder.svelte-1rkh6yw:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-1rkh6yw-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--skeleton__placeholder.svelte-1rkh6yw:before{animation:none}}.fds--skeleton__text.svelte-1rkh6yw{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:1rem;margin-bottom:.5rem}.fds--skeleton__text.svelte-1rkh6yw:hover,.fds--skeleton__text.svelte-1rkh6yw:focus,.fds--skeleton__text.svelte-1rkh6yw:active{border:none;cursor:default;outline:none}.fds--skeleton__text.svelte-1rkh6yw:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-1rkh6yw-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--skeleton__text.svelte-1rkh6yw:before{animation:none}}.fds--skeleton__heading.svelte-1rkh6yw{height:1.5rem}
