/*! * 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-1ebsm3o-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1ebsm3o-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1ebsm3o-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--visually-hidden.svelte-1ebsm3o{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--file.svelte-1ebsm3o{width:100%}.fds--file-browse-btn.svelte-1ebsm3o{display:inline-block;width:100%;max-width:20rem;margin-bottom:.5rem;color:var(--fds-link-primary, #0f62fe);cursor:pointer;outline:2px solid transparent;outline-offset:-2px;transition:.11s cubic-bezier(.2,0,.38,.9)}.fds--file-browse-btn.svelte-1ebsm3o:focus,.fds--file-browse-btn.svelte-1ebsm3o:hover{outline:2px solid var(--fds-focus, #0f62fe)}.fds--file-browse-btn.svelte-1ebsm3o:hover,.fds--file-browse-btn.svelte-1ebsm3o:focus,.fds--file-browse-btn.svelte-1ebsm3o:active,.fds--file-browse-btn.svelte-1ebsm3o:active:visited{text-decoration:underline}.fds--file-browse-btn.svelte-1ebsm3o:active{color:var(--fds-text-primary, #161616)}.fds--file-browse-btn--disabled.svelte-1ebsm3o{color:var(--fds-text-disabled, rgba(22, 22, 22, .25));cursor:no-drop;text-decoration:none}.fds--file-browse-btn--disabled.svelte-1ebsm3o:hover,.fds--file-browse-btn--disabled.svelte-1ebsm3o:focus{color:var(--fds-text-disabled, rgba(22, 22, 22, .25));outline:none;text-decoration:none}.fds--file-browse-btn--disabled.svelte-1ebsm3o .fds--file__drop-container:where(.svelte-1ebsm3o){border:1px dashed var(--fds-button-disabled, #c6c6c6)}.fds--file__drop-container.svelte-1ebsm3o{overflow:hidden;height:6rem;align-items:flex-start;justify-content:space-between;padding:1rem;border:1px dashed var(--fds-border-strong);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)}.fds--file__drop-container--drag-over.svelte-1ebsm3o{background:none;outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}.fds--file.svelte-1ebsm3o .fds--file__drop-container--icon{width:100%;margin:1rem auto}.fds--file.svelte-1ebsm3o .fds--file-container,.fds--file.svelte-1ebsm3o~.fds--file-container{margin-top:.5rem}@keyframes svelte-n12ep9-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-n12ep9-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-n12ep9-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--file-complete{cursor:pointer;fill:var(--fds-interactive, #0f62fe)}.fds--file-complete:focus{outline:1px solid var(--fds-focus, #0f62fe)}@media screen and (prefers-contrast){.fds--file-complete:focus{outline-style:dotted}}.fds--file-complete [data-icon-path=inner-path]{fill:var(--fds-icon-inverse, #ffffff);opacity:100%}.fds--file-invalid{width:1rem;height:1rem;fill:var(--fds-support-error, #da1e28)}.fds--file-close{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;padding:0;border:none;background-color:transparent;cursor:pointer;fill:var(--fds-icon-primary, #161616)}.fds--file-close:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--file-close:focus{outline-style:dotted}}.fds--file-close svg path{fill:var(--fds-icon-primary, #161616)}.fds--inline-loading__animation{margin-right:-.5rem}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--file-close svg path{fill:ButtonText}}/*! * 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-1ys41sj-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1ys41sj-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1ys41sj-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--file__selected-file.svelte-1ys41sj{display:grid;max-width:20rem;min-height:3rem;align-items:center;margin-bottom:.5rem;background-color:var(--fds-layer);gap:.75rem 1rem;grid-auto-rows:auto;grid-template-columns:1fr auto;word-break:break-word}.fds--file__selected-file.svelte-1ys41sj:last-child{margin-bottom:0}.fds--file__selected-file.svelte-1ys41sj .fds--form-requirement:where(.svelte-1ys41sj){display:block;max-height:none;margin:0;grid-column:1/-1}.fds--file__selected-file.svelte-1ys41sj .fds--inline-loading__animation .fds--loading{margin-right:0}.fds--file__selected-file.svelte-1ys41sj .fds--file-filename:where(.svelte-1ys41sj){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);overflow:hidden;margin-left:1rem;text-overflow:ellipsis;white-space:nowrap}.fds--file__selected-file--md.svelte-1ys41sj{min-height:2.5rem;gap:.5rem 1rem}.fds--file__selected-file--sm.svelte-1ys41sj{min-height:2rem;gap:.25rem 1rem}.fds--file__selected-file--invalid.svelte-1ys41sj{outline:2px solid var(--fds-support-error, #da1e28);outline-offset:-2px;padding:.75rem 0}@media screen and (prefers-contrast){.fds--file__selected-file--invalid.svelte-1ys41sj{outline-style:dotted}}.fds--file__selected-file--invalid.fds--file__selected-file--sm.svelte-1ys41sj{padding:.25rem 0}.fds--file__selected-file--invalid.fds--file__selected-file--md.svelte-1ys41sj{padding:.5rem 0}.fds--file__selected-file--invalid.svelte-1ys41sj .fds--form-requirement:where(.svelte-1ys41sj){padding-top:1rem;border-top:1px solid var(--fds-border-subtle)}.fds--file__selected-file--invalid.fds--file__selected-file--sm.svelte-1ys41sj .fds--form-requirement:where(.svelte-1ys41sj){padding-top:.4375rem}.fds--file__selected-file--invalid.fds--file__selected-file--md.svelte-1ys41sj .fds--form-requirement:where(.svelte-1ys41sj){padding-top:.6875rem}.fds--file__selected-file--invalid.svelte-1ys41sj .fds--form-requirement__title:where(.svelte-1ys41sj),.fds--file__selected-file--invalid.svelte-1ys41sj .fds--form-requirement__supplement:where(.svelte-1ys41sj){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);padding:0 1rem}.fds--file__selected-file--invalid.svelte-1ys41sj .fds--form-requirement__title:where(.svelte-1ys41sj){color:var(--fds-text-error, #da1e28)}.fds--file__selected-file--invalid.svelte-1ys41sj .fds--form-requirement__supplement:where(.svelte-1ys41sj){color:var(--fds-text-primary, #161616)}.fds--file__selected-file--invalid.svelte-1ys41sj+.fds--form-requirement{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:block;overflow:visible;max-height:12.5rem;padding:.5rem 1rem;color:var(--fds-text-error, #da1e28);font-weight:400}.fds--file__state-container.svelte-1ys41sj{display:flex;min-width:1.5rem;align-items:center;justify-content:center;padding-right:1rem}.fds--file__state-container.svelte-1ys41sj .fds--loading__svg{stroke:var(--fds-icon-primary, #161616)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--file__selected-file.svelte-1ys41sj{outline:1px solid transparent}}