/*! * 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-1thi6db-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1thi6db-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1thi6db-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-1thi6db{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-1thi6db{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-1thi6db{margin-bottom:0}.fds--label.svelte-1thi6db .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-1thi6db+.fds--form-item.fds--checkbox-wrapper{margin-top:-.125rem}.fds--label--disabled.svelte-1thi6db{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--form__helper-text.svelte-1thi6db{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-1thi6db{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--visually-hidden.svelte-1thi6db{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--form-item.fds--checkbox-wrapper.svelte-1thi6db{position:relative;margin-bottom:.25rem;width:fit-content}.fds--form-item.fds--checkbox-wrapper.svelte-1thi6db:focus-visible{outline:unset}.fds--form-item.fds--checkbox-wrapper.svelte-1thi6db:first-of-type{margin-top:.1875rem}.fds--form-item.fds--checkbox-wrapper.svelte-1thi6db:last-of-type{margin-bottom:.1875rem}.fds--checkbox.svelte-1thi6db{top:0;left:.7rem}.fds--checkbox-label.svelte-1thi6db{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);position:relative;display:flex;min-height:1.5rem;padding-top:.1875rem;cursor:pointer;user-select:none;width:fit-content}.fds--checkbox-label-text.svelte-1thi6db{padding-left:.375rem}.fds--checkbox__appearance.svelte-1thi6db{position:relative;width:1rem;height:1rem;border:1px solid var(--fds-icon-primary, #161616);margin:.0625rem .0625rem .125rem .1875rem;background-color:transparent;border-radius:1px;content:""}.fds--checkbox__appearance--invalid.svelte-1thi6db{border:1px solid var(--fds-support-error, #da1e28)}.fds--checkbox__appearance.svelte-1thi6db:after{position:absolute;top:.1875rem;left:.1875rem;width:.5625rem;height:.3125rem;border-bottom:2px solid var(--fds-icon-inverse, #ffffff);border-left:2px solid var(--fds-icon-inverse, #ffffff);margin-top:-.1875rem;background:none;content:"";transform:scale(0) rotate(-45deg);transform-origin:bottom right}.fds--checkbox__wrapper--warn.svelte-1thi6db{color:var(--fds-text-secondary, #525252);margin-top:.25rem}.fds--checkbox-wrapper.svelte-1thi6db .fds--checkbox__icon-invalid--warn{fill:var(--fds-support-warning, #f1c21b);margin:.0625rem .3125rem .125rem .1875rem}.fds--checkbox__wrapper--invalid.svelte-1thi6db{color:var(--fds-text-error, #da1e28);margin-top:.25rem}.fds--checkbox-wrapper.svelte-1thi6db .fds--checkbox__icon-invalid{fill:var(--fds-support-error, #da1e28);margin:.0625rem .3125rem .125rem .1875rem}.fds--checkbox__wrapper--invalid.svelte-1thi6db,.fds--checkbox__wrapper--warn.svelte-1thi6db{display:flex;justify-content:center;align-items:center}.fds--checkbox__wrapper.svelte-1thi6db{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--checkbox-label--readonly.svelte-1thi6db{cursor:default}.fds--checkbox-label-text.fds--skeleton.svelte-1thi6db{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:6.25rem;height:1rem;margin:.0625rem 0 0 .375rem}.fds--checkbox-label-text.fds--skeleton.svelte-1thi6db:hover,.fds--checkbox-label-text.fds--skeleton.svelte-1thi6db:focus,.fds--checkbox-label-text.fds--skeleton.svelte-1thi6db:active{border:none;cursor:default;outline:none}.fds--checkbox-label-text.fds--skeleton.svelte-1thi6db:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-1thi6db-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--checkbox-label-text.fds--skeleton.svelte-1thi6db:before{animation:none}}.fds--checkbox-label.svelte-1thi6db:before{position:relative;width:1rem;height:1rem;border:1px solid var(--fds-icon-primary, #161616);margin:.0625rem .0625rem .125rem .1875rem;background-color:transparent;border-radius:1px;content:""}/*! * 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-1w7pxvx-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1w7pxvx-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1w7pxvx-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-1w7pxvx{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-1w7pxvx{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-1w7pxvx{margin-bottom:0}.fds--label.svelte-1w7pxvx .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-1w7pxvx+.fds--form-item.fds--checkbox-wrapper{margin-top:-.125rem}.fds--label--disabled.svelte-1w7pxvx{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--form__helper-text.svelte-1w7pxvx{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-1w7pxvx{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--visually-hidden.svelte-1w7pxvx{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--form-item.fds--checkbox-wrapper.svelte-1w7pxvx{position:relative;margin-bottom:.25rem;width:fit-content}.fds--form-item.fds--checkbox-wrapper.svelte-1w7pxvx:focus-visible{outline:unset}.fds--form-item.fds--checkbox-wrapper.svelte-1w7pxvx:first-of-type{margin-top:.1875rem}.fds--form-item.fds--checkbox-wrapper.svelte-1w7pxvx:last-of-type{margin-bottom:.1875rem}.fds--checkbox.svelte-1w7pxvx{top:0;left:.7rem}.fds--checkbox-label.svelte-1w7pxvx{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);position:relative;display:flex;min-height:1.5rem;padding-top:.1875rem;cursor:pointer;user-select:none;width:fit-content}.fds--checkbox-label-text.svelte-1w7pxvx{padding-left:.375rem}.fds--checkbox__appearance.svelte-1w7pxvx{position:relative;width:1rem;height:1rem;border:1px solid var(--fds-icon-primary, #161616);margin:.0625rem .0625rem .125rem .1875rem;background-color:transparent;border-radius:1px;content:""}.fds--checkbox__appearance--invalid.svelte-1w7pxvx{border:1px solid var(--fds-support-error, #da1e28)}.fds--checkbox__appearance.svelte-1w7pxvx:after{position:absolute;top:.1875rem;left:.1875rem;width:.5625rem;height:.3125rem;border-bottom:2px solid var(--fds-icon-inverse, #ffffff);border-left:2px solid var(--fds-icon-inverse, #ffffff);margin-top:-.1875rem;background:none;content:"";transform:scale(0) rotate(-45deg);transform-origin:bottom right}.fds--checkbox__wrapper--warn.svelte-1w7pxvx{color:var(--fds-text-secondary, #525252);margin-top:.25rem}.fds--checkbox-wrapper.svelte-1w7pxvx .fds--checkbox__icon-invalid--warn{fill:var(--fds-support-warning, #f1c21b);margin:.0625rem .3125rem .125rem .1875rem}.fds--checkbox__wrapper--invalid.svelte-1w7pxvx{color:var(--fds-text-error, #da1e28);margin-top:.25rem}.fds--checkbox-wrapper.svelte-1w7pxvx .fds--checkbox__icon-invalid{fill:var(--fds-support-error, #da1e28);margin:.0625rem .3125rem .125rem .1875rem}.fds--checkbox__wrapper--invalid.svelte-1w7pxvx,.fds--checkbox__wrapper--warn.svelte-1w7pxvx{display:flex;justify-content:center;align-items:center}.fds--checkbox__wrapper.svelte-1w7pxvx{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--checkbox-label--readonly.svelte-1w7pxvx{cursor:default}.fds--checkbox.svelte-1w7pxvx:checked+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx),.fds--checkbox.svelte-1w7pxvx:indeterminate+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx),.fds--checkbox-label[data-contained-checkbox-state=true].svelte-1w7pxvx .fds--checkbox__appearance:where(.svelte-1w7pxvx),.fds--checkbox-label[data-contained-checkbox-state=mixed].svelte-1w7pxvx .fds--checkbox__appearance:where(.svelte-1w7pxvx){border-width:1px;border-color:var(--fds-icon-primary, #161616);background-color:var(--fds-icon-primary, #161616)}.fds--checkbox.svelte-1w7pxvx:checked+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance--invalid:where(.svelte-1w7pxvx){border-color:var(--fds-support-error, #da1e28);background-color:var(--fds-support-error, #da1e28)}.fds--checkbox.svelte-1w7pxvx:checked+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx):after{transform:scale(1) rotate(-45deg)}.fds--checkbox.svelte-1w7pxvx:indeterminate+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx):after,.fds--checkbox-label[data-contained-checkbox-state=mixed].svelte-1w7pxvx .fds--checkbox__appearance:where(.svelte-1w7pxvx):after{top:.375rem;width:.5rem;border-bottom:2px solid var(--fds-icon-inverse, #ffffff);border-left:0 solid var(--fds-icon-inverse, #ffffff);transform:scale(1) rotate(0)}.fds--checkbox.svelte-1w7pxvx:focus+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx),.fds--checkbox.svelte-1w7pxvx:checked:focus+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx),.fds--checkbox.svelte-1w7pxvx:indeterminate:focus+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx){outline:2px solid var(--fds-focus, #0f62fe);outline-offset:1px}.fds--checkbox-label.fds--checkbox-label__focus.svelte-1w7pxvx:before,.fds--checkbox-label.fds--checkbox-label__focus:before [data-contained-checkbox-state=true].svelte-1w7pxvx,.fds--checkbox-label.fds--checkbox-label__focus:before [data-contained-checkbox-state=mixed].svelte-1w7pxvx{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:1px}.fds--checkbox.svelte-1w7pxvx:disabled+.fds--checkbox-label:where(.svelte-1w7pxvx),.fds--checkbox-label[data-contained-checkbox-disabled=true].svelte-1w7pxvx{color:var(--fds-text-disabled, rgba(22, 22, 22, .25));cursor:not-allowed}.fds--checkbox.svelte-1w7pxvx:disabled+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx),.fds--checkbox-label[data-contained-checkbox-disabled=true].svelte-1w7pxvx .fds--checkbox__appearance:where(.svelte-1w7pxvx){border-color:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}.fds--checkbox.svelte-1w7pxvx:checked:disabled+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx),.fds--checkbox.svelte-1w7pxvx:indeterminate:disabled+.fds--checkbox-label:where(.svelte-1w7pxvx)>.fds--checkbox__appearance:where(.svelte-1w7pxvx){background-color:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}.fds--checkbox-label[data-contained-checkbox-state=true][data-contained-checkbox-disabled=true].svelte-1w7pxvx:before,.fds--checkbox-label[data-contained-checkbox-state=mixed][data-contained-checkbox-disabled=true].svelte-1w7pxvx:before{background-color:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}.fds--checkbox--inline.svelte-1w7pxvx{position:relative}