/*! * 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-14q64l4-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-14q64l4-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-14q64l4-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--form-item.svelte-14q64l4{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:grid}.fds--label.svelte-14q64l4{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);display:inline-block;margin-bottom:.5rem;color:var(--fds-text-secondary, #525252);font-weight:400;line-height:1rem;vertical-align:baseline}.fds--label.fds--skeleton.svelte-14q64l4{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:1rem}.fds--label.fds--skeleton.svelte-14q64l4:hover,.fds--label.fds--skeleton.svelte-14q64l4:focus,.fds--label.fds--skeleton.svelte-14q64l4:active{border:none;cursor:default;outline:none}.fds--label.fds--skeleton.svelte-14q64l4:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-14q64l4-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--label.fds--skeleton.svelte-14q64l4:before{animation:none}}.fds--text-area.fds--skeleton.svelte-14q64l4{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;height:6.25rem}.fds--text-area.fds--skeleton.svelte-14q64l4:hover,.fds--text-area.fds--skeleton.svelte-14q64l4:focus,.fds--text-area.fds--skeleton.svelte-14q64l4:active{border:none;cursor:default;outline:none}.fds--text-area.fds--skeleton.svelte-14q64l4:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-14q64l4-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--text-area.fds--skeleton.svelte-14q64l4:before{animation:none}}.fds--text-area.fds--skeleton.svelte-14q64l4::placeholder{color:transparent}/*! * 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-ff9kmj-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-ff9kmj-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-ff9kmj-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--form-item.svelte-ff9kmj{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:grid}.fds--label.svelte-ff9kmj{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);display:inline-block;margin-bottom:.5rem;color:var(--fds-text-secondary, #525252);font-weight:400;line-height:1rem;vertical-align:baseline}.fds--label--no-margin.svelte-ff9kmj{margin-bottom:0}.fds--label.svelte-ff9kmj .fds--tooltip__trigger{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)}.fds--label.svelte-ff9kmj+.fds--form-item.fds--checkbox-wrapper{margin-top:-.125rem}.fds--label--disabled.svelte-ff9kmj{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}textarea[data-invalid].svelte-ff9kmj:not(:focus){outline:2px solid var(--fds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){textarea[data-invalid].svelte-ff9kmj:not(:focus){outline-style:dotted}}textarea[data-invalid].svelte-ff9kmj~.fds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}textarea[data-invalid].svelte-ff9kmj~.fds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400;color:var(--fds-text-error, #da1e28)}.fds--form__helper-text.svelte-ff9kmj{font-size:var(--fds-helper-text-01-font-size, .75rem);line-height:var(--fds-helper-text-01-line-height, 1.33333);letter-spacing:var(--fds-helper-text-01-letter-spacing, .32px);z-index:0;width:100%;margin-top:.25rem;color:var(--fds-text-secondary, #525252);opacity:100%}.fds--form__helper-text--disabled.svelte-ff9kmj{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--form-requirement.svelte-ff9kmj{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);display:none;overflow:hidden;max-height:0;margin:.25rem 0 0}textarea.svelte-ff9kmj:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.fds--visually-hidden.svelte-ff9kmj{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.fds--text-area.svelte-ff9kmj{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);outline:2px solid transparent;outline-offset:-2px;width:100%;min-width:10rem;height:100%;min-height:2.5rem;padding:.6875rem 1rem;border:none;border-bottom:1px solid var(--fds-border-strong);background-color:var(--fds-field);color:var(--fds-text-primary, #161616);font-family:inherit;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.fds--text-area--resize-vertical.svelte-ff9kmj{resize:vertical}.fds--text-area--resize-horizontal.svelte-ff9kmj{resize:horizontal}.fds--text-area--resize-both.svelte-ff9kmj{resize:both}.fds--text-area--resize-none.svelte-ff9kmj{resize:none}.fds--text-area--layer-02.svelte-ff9kmj{background-color:var(--fds-layer-02, #ffffff)}.fds--text-area--layer-03.svelte-ff9kmj{background-color:var(--fds-layer-03, #f4f4f4)}.fds--text-area.svelte-ff9kmj:focus,.fds--text-area.svelte-ff9kmj:active{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--text-area.svelte-ff9kmj:focus,.fds--text-area.svelte-ff9kmj:active{outline-style:dotted}}.fds--text-area.svelte-ff9kmj::placeholder{color:var(--fds-text-placeholder, rgba(22, 22, 22, .4));opacity:100%;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)}.fds--text-area--invalid.svelte-ff9kmj{padding-right:2.5rem}.fds--text-area__label-wrapper.svelte-ff9kmj{display:flex;width:100%;justify-content:space-between}.fds--text-area__wrapper.svelte-ff9kmj{position:relative;display:flex;flex-direction:column;width:100%}.fds--text-area__wrapper[data-invalid].svelte-ff9kmj>.fds--text-area--invalid:where(.svelte-ff9kmj):not(:focus){outline:2px solid var(--fds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.fds--text-area__wrapper[data-invalid].svelte-ff9kmj>.fds--text-area--invalid:where(.svelte-ff9kmj):not(:focus){outline-style:dotted}}.fds--text-area__wrapper[data-warn].svelte-ff9kmj~.fds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.fds--text-area__wrapper[data-invalid].svelte-ff9kmj~.fds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400;color:var(--fds-text-error, #da1e28)}.fds--text-area__invalid-icon,.fds--text-area__warning-icon,.fds--text-area__readonly-icon{position:absolute;top:.75rem;right:1rem}.fds--text-area__invalid-icon{fill:var(--fds-support-error, #da1e28)}.fds--text-area__warning-icon{fill:var(--fds-support-warning, #f1c21b)}.fds--text-area__warning-icon path:first-of-type{fill:#000;opacity:100%}.fds--text-area-wrapper--readonly.svelte-ff9kmj .fds--text-area:where(.svelte-ff9kmj){background:transparent;cursor:default;border-bottom:1px solid var(--fds-border-subtle-01, #e0e0e0)}.fds--text-area.svelte-ff9kmj:disabled{border-bottom:1px solid transparent;background-color:var(--fds-field);color:var(--fds-text-disabled, rgba(22, 22, 22, .25));cursor:not-allowed;outline:none}.fds--text-area.svelte-ff9kmj:disabled::placeholder{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}