/*! * 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-11nix6z-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-11nix6z-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-11nix6z-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--tag--red.svelte-11nix6z{background-color:var(--fds-tag-background-red, #ffd7d9);color:var(--fds-tag-color-red, #750e13)}.fds--tag--red.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--red.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-red, #ffb3b8)}.fds--tag--orange.svelte-11nix6z{background-color:var(--fds-tag-background-orange, #ffd9be);color:var(--fds-tag-color-orange, #5e2900)}.fds--tag--orange.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--orange.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-orange, #ffb784)}.fds--tag--magenta.svelte-11nix6z{background-color:var(--fds-tag-background-magenta, #ffd6e8);color:var(--fds-tag-color-magenta, #740937)}.fds--tag--magenta.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--magenta.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-magenta, #ffafd2)}.fds--tag--purple.svelte-11nix6z{background-color:var(--fds-tag-background-purple, #e8daff);color:var(--fds-tag-color-purple, #491d8b)}.fds--tag--purple.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--purple.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-purple, #d4bbff)}.fds--tag--blue.svelte-11nix6z{background-color:var(--fds-tag-background-blue, #d0e2ff);color:var(--fds-tag-color-blue, #002d9c)}.fds--tag--blue.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--blue.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-blue, #a6c8ff)}.fds--tag--cyan.svelte-11nix6z{background-color:var(--fds-tag-background-cyan, #bae6ff);color:var(--fds-tag-color-cyan, #003a6d)}.fds--tag--cyan.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--cyan.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-cyan, #82cfff)}.fds--tag--teal.svelte-11nix6z{background-color:var(--fds-tag-background-teal, #9ef0f0);color:var(--fds-tag-color-teal, #004144)}.fds--tag--teal.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--teal.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-teal, #3ddbd9)}.fds--tag--green.svelte-11nix6z{background-color:var(--fds-tag-background-green, #a7f0ba);color:var(--fds-tag-color-green, #044317)}.fds--tag--green.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--green.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-green, #6fdc8c)}.fds--tag--gray.svelte-11nix6z{background-color:var(--fds-tag-background-gray, #e0e0e0);color:var(--fds-tag-color-gray, #393939)}.fds--tag--gray.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--gray.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-gray, #c6c6c6)}.fds--tag--cool-gray.svelte-11nix6z{background-color:var(--fds-tag-background-cool-gray, #dde1e6);color:var(--fds-tag-color-cool-gray, #343a3f)}.fds--tag--cool-gray.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--cool-gray.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-cool-gray, #c1c7cd)}.fds--tag--warm-gray.svelte-11nix6z{background-color:var(--fds-tag-background-warm-gray, #e5e0df);color:var(--fds-tag-color-warm-gray, #3c3838)}.fds--tag--warm-gray.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--warm-gray.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-warm-gray, #cac5c4)}.fds--tag--high-contrast.svelte-11nix6z{background-color:var(--fds-background-inverse, #393939);color:var(--fds-text-inverse, #ffffff)}.fds--tag--high-contrast.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--high-contrast.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-background-inverse-hover, #474747)}.fds--tag--outline.svelte-11nix6z{background-color:var(--fds-background, #ffffff);color:var(--fds-text-primary, #161616);box-shadow:0 0 0 1px var(--fds-background-inverse, #393939)}.fds--tag--outline.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--outline.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-layer-hover)}.fds--tag--disabled.svelte-11nix6z,.fds--tag--filter.fds--tag--disabled.svelte-11nix6z,.fds--tag--interactive.fds--tag--disabled.svelte-11nix6z{background-color:var(--fds-layer);color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--tag--disabled.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--disabled.svelte-11nix6z .fds--tag__close-icon:hover,.fds--tag--filter.fds--tag--disabled.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--filter.fds--tag--disabled.svelte-11nix6z .fds--tag__close-icon:hover,.fds--tag--interactive.fds--tag--disabled.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag--interactive.fds--tag--disabled.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-layer)}.fds--tag--disabled.svelte-11nix6z:hover,.fds--tag--filter.fds--tag--disabled.svelte-11nix6z:hover,.fds--tag--interactive.fds--tag--disabled.svelte-11nix6z:hover{cursor:not-allowed}.fds--tag__label.svelte-11nix6z{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.fds--tag--filter.svelte-11nix6z{padding-top:0;padding-right:0;padding-bottom:0;cursor:pointer}.fds--tag--filter.fds--tag--disabled.svelte-11nix6z svg{fill:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}.fds--tag--filter.svelte-11nix6z:hover{outline:none}.fds--tag__close-icon.svelte-11nix6z{display:flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;margin:0 0 0 .125rem;background-color:transparent;border-radius:50%;color:currentColor;cursor:pointer;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.fds--tag__close-icon.svelte-11nix6z:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--fds-focus, #0f62fe);outline:none}.fds--tag__close-icon.svelte-11nix6z svg{fill:currentColor}.fds--tag__custom-icon.svelte-11nix6z{width:1rem;height:1rem;flex-shrink:0;padding:0;border:0;margin-right:.25rem;background-color:transparent;color:currentColor;outline:none}.fds--tag__custom-icon.svelte-11nix6z svg{fill:currentColor}.fds--tag--disabled.svelte-11nix6z .fds--tag__close-icon{cursor:not-allowed}.fds--tag__close-icon.svelte-11nix6z .fds--tag--filter.fds--tag--disabled .fds--tag__close-icon:hover{background-color:transparent}.fds--tag.svelte-11nix6z{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);background-color:var(--fds-tag-background-gray, #e0e0e0);color:var(--fds-tag-color-gray, #393939);display:inline-flex;min-width:2rem;max-width:100%;min-height:1.5rem;align-items:center;justify-content:center;padding:.25rem .5rem;margin:.25rem;border-radius:.9375rem;cursor:default;vertical-align:middle;word-break:break-word}.fds--tag.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-gray, #c6c6c6)}.fds--tag.svelte-11nix6z:not(:first-child){margin-left:0}.fds--tag--sm.svelte-11nix6z{min-height:1.125rem;padding:0 .5rem}.fds--tag--sm.fds--tag--filter.svelte-11nix6z{padding-right:0}.fds--tag--sm.svelte-11nix6z .fds--tag__close-icon{width:1.125rem;height:1.125rem;margin-left:.3125rem}.fds--tag--lg.svelte-11nix6z{font-size:.875rem}.fds--tag.fds--skeleton.svelte-11nix6z{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;background-color:var(--fds-skeleton-background, #e8e8e8);color:var(--fds-text-primary, #161616);overflow:hidden;width:3.75rem}.fds--tag.fds--skeleton.svelte-11nix6z:hover,.fds--tag.fds--skeleton.svelte-11nix6z:focus,.fds--tag.fds--skeleton.svelte-11nix6z:active{border:none;cursor:default;outline:none}.fds--tag.fds--skeleton.svelte-11nix6z:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-11nix6z-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--tag.fds--skeleton.svelte-11nix6z:before{animation:none}}.fds--tag.fds--skeleton.fds--tag--interactive.svelte-11nix6z:hover,.fds--tag.fds--skeleton.svelte-11nix6z .fds--tag__close-icon:hover{background-color:var(--fds-skeleton-background, #e8e8e8)}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (stroke-color: transparent){.fds--tag.fds--skeleton.svelte-11nix6z{transform:translateZ(0)}}}/*! * 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-tdi0n-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-tdi0n-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-tdi0n-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--tag.svelte-tdi0n{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);background-color:var(--fds-tag-background-gray, #e0e0e0);color:var(--fds-tag-color-gray, #393939);display:inline-flex;min-width:2rem;max-width:100%;min-height:1.5rem;align-items:center;justify-content:center;padding:.25rem .5rem;margin:.25rem;border-radius:.9375rem;cursor:default;vertical-align:middle;word-break:break-word}.fds--tag.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-gray, #c6c6c6)}.fds--tag.svelte-tdi0n:not(:first-child){margin-left:0}.fds--tag--sm.svelte-tdi0n{min-height:1.125rem;padding:0 .5rem}.fds--tag--sm.fds--tag--filter.svelte-tdi0n{padding-right:0}.fds--tag--sm.svelte-tdi0n .fds--tag__close-icon{width:1.125rem;height:1.125rem;margin-left:.3125rem}.fds--tag--lg.svelte-tdi0n{font-size:.875rem}.fds--tag--red.svelte-tdi0n{background-color:var(--fds-tag-background-red, #ffd7d9);color:var(--fds-tag-color-red, #750e13)}.fds--tag--red.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--red.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-red, #ffb3b8)}.fds--tag--orange.svelte-tdi0n{background-color:var(--fds-tag-background-orange, #ffd9be);color:var(--fds-tag-color-orange, #5e2900)}.fds--tag--orange.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--orange.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-orange, #ffb784)}.fds--tag--magenta.svelte-tdi0n{background-color:var(--fds-tag-background-magenta, #ffd6e8);color:var(--fds-tag-color-magenta, #740937)}.fds--tag--magenta.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--magenta.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-magenta, #ffafd2)}.fds--tag--purple.svelte-tdi0n{background-color:var(--fds-tag-background-purple, #e8daff);color:var(--fds-tag-color-purple, #491d8b)}.fds--tag--purple.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--purple.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-purple, #d4bbff)}.fds--tag--blue.svelte-tdi0n{background-color:var(--fds-tag-background-blue, #d0e2ff);color:var(--fds-tag-color-blue, #002d9c)}.fds--tag--blue.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--blue.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-blue, #a6c8ff)}.fds--tag--cyan.svelte-tdi0n{background-color:var(--fds-tag-background-cyan, #bae6ff);color:var(--fds-tag-color-cyan, #003a6d)}.fds--tag--cyan.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--cyan.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-cyan, #82cfff)}.fds--tag--teal.svelte-tdi0n{background-color:var(--fds-tag-background-teal, #9ef0f0);color:var(--fds-tag-color-teal, #004144)}.fds--tag--teal.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--teal.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-teal, #3ddbd9)}.fds--tag--green.svelte-tdi0n{background-color:var(--fds-tag-background-green, #a7f0ba);color:var(--fds-tag-color-green, #044317)}.fds--tag--green.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--green.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-green, #6fdc8c)}.fds--tag--gray.svelte-tdi0n{background-color:var(--fds-tag-background-gray, #e0e0e0);color:var(--fds-tag-color-gray, #393939)}.fds--tag--gray.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--gray.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-gray, #c6c6c6)}.fds--tag--cool-gray.svelte-tdi0n{background-color:var(--fds-tag-background-cool-gray, #dde1e6);color:var(--fds-tag-color-cool-gray, #343a3f)}.fds--tag--cool-gray.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--cool-gray.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-cool-gray, #c1c7cd)}.fds--tag--warm-gray.svelte-tdi0n{background-color:var(--fds-tag-background-warm-gray, #e5e0df);color:var(--fds-tag-color-warm-gray, #3c3838)}.fds--tag--warm-gray.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--warm-gray.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-tag-hover-warm-gray, #cac5c4)}.fds--tag--high-contrast.svelte-tdi0n{background-color:var(--fds-background-inverse, #393939);color:var(--fds-text-inverse, #ffffff)}.fds--tag--high-contrast.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--high-contrast.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-background-inverse-hover, #474747)}.fds--tag--outline.svelte-tdi0n{background-color:var(--fds-background, #ffffff);color:var(--fds-text-primary, #161616);box-shadow:0 0 0 1px var(--fds-background-inverse, #393939)}.fds--tag--outline.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--outline.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-layer-hover)}.fds--tag--disabled.svelte-tdi0n,.fds--tag--filter.fds--tag--disabled.svelte-tdi0n,.fds--tag--interactive.fds--tag--disabled.svelte-tdi0n{background-color:var(--fds-layer);color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--tag--disabled.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--disabled.svelte-tdi0n .fds--tag__close-icon:hover,.fds--tag--filter.fds--tag--disabled.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--filter.fds--tag--disabled.svelte-tdi0n .fds--tag__close-icon:hover,.fds--tag--interactive.fds--tag--disabled.fds--tag--interactive.svelte-tdi0n:hover,.fds--tag--interactive.fds--tag--disabled.svelte-tdi0n .fds--tag__close-icon:hover{background-color:var(--fds-layer)}.fds--tag--disabled.svelte-tdi0n:hover,.fds--tag--filter.fds--tag--disabled.svelte-tdi0n:hover,.fds--tag--interactive.fds--tag--disabled.svelte-tdi0n:hover{cursor:not-allowed}.fds--tag__label.svelte-tdi0n{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.fds--tag--filter.svelte-tdi0n{padding-top:0;padding-right:0;padding-bottom:0;cursor:pointer}.fds--tag--filter.fds--tag--disabled.svelte-tdi0n svg{fill:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}.fds--tag--filter.svelte-tdi0n:hover{outline:none}.fds--tag.fds--tag--interactive{transition:background-color 70ms cubic-bezier(0,0,.38,.9);border:none}.fds--tag.fds--tag--interactive:focus{box-shadow:inset 0 0 0 1px var(--fds-focus, #0f62fe);outline:none}.fds--tag.fds--tag--interactive:hover{cursor:pointer}.fds--tag.fds--tag--interactive span{line-height:initial}.fds--tag__close-icon.svelte-tdi0n{display:flex;width:1.5rem;height:1.5rem;flex-shrink:0;align-items:center;justify-content:center;padding:0;border:0;margin:0 0 0 .125rem;background-color:transparent;border-radius:50%;color:currentColor;cursor:pointer;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),box-shadow 70ms cubic-bezier(.2,0,.38,.9)}.fds--tag__close-icon.svelte-tdi0n:focus{border-radius:50%;box-shadow:inset 0 0 0 1px var(--fds-focus, #0f62fe);outline:none}.fds--tag__close-icon.svelte-tdi0n svg{fill:currentColor}.fds--tag__custom-icon.svelte-tdi0n{width:1rem;height:1rem;flex-shrink:0;padding:0;border:0;margin-right:.25rem;background-color:transparent;color:currentColor;outline:none}.fds--tag__custom-icon.svelte-tdi0n svg{fill:currentColor}.fds--tag--disabled.svelte-tdi0n .fds--tag__close-icon{cursor:not-allowed}.fds--tag__close-icon.svelte-tdi0n .fds--tag--filter.fds--tag--disabled .fds--tag__close-icon:hover{background-color:transparent}