/*! * 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-z9tfvp-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-z9tfvp-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-z9tfvp-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--popover-container.svelte-z9tfvp{position:relative;display:inline-block}@keyframes svelte-14qny7k-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-14qny7k-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-14qny7k-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--popover.svelte-14qny7k{position:absolute;inset:0;filter:var(--fds-popover-drop-shadow, none);pointer-events:none}.fds--popover-content.svelte-14qny7k{position:absolute;z-index:9001;width:max-content;max-width:23rem;background-color:var(--fds-popover-background-color, var(--fds-layer));border-radius:var(--fds-popover-border-radius, 2px);color:var(--fds-popover-text-color, var(--fds-text-primary, #161616));pointer-events:auto}.fds--popover.svelte-14qny7k .fds--popover-caret:where(.svelte-14qny7k){display:block;position:absolute;z-index:9001;background-color:var(--fds-popover-background-color, var(--fds-layer));will-change:transform}.fds--popover--high-contrast.fds--popover.svelte-14qny7k{--fds-popover-background-color: var(--fds-background-inverse, #393939);--fds-popover-text-color: var(--fds-text-inverse, #ffffff)}.fds--popover--drop-shadow.fds--popover.svelte-14qny7k{--fds-popover-drop-shadow: drop-shadow(0 2px 2px rgba(0, 0, 0, .2))}.fds--popover--bottom.svelte-14qny7k .fds--popover-caret{width:var(--fds-popover-caret-width, .75rem);height:var(--fds-popover-caret-height, .375rem);clip-path:polygon(0% 100%,50% 0%,100% 100%)}.fds--popover--top.svelte-14qny7k .fds--popover-caret{width:var(--fds-popover-caret-width, .75rem);height:var(--fds-popover-caret-height, .375rem);clip-path:polygon(0% 0%,50% 100%,100% 0%)}.fds--popover--right.svelte-14qny7k .fds--popover-caret{width:var(--fds-popover-caret-height, .375rem);height:var(--fds-popover-caret-width, .75rem);clip-path:polygon(0% 50%,100% 0%,100% 100%)}.fds--popover--left.svelte-14qny7k .fds--popover-caret{width:var(--fds-popover-caret-height, .375rem);height:var(--fds-popover-caret-width, .75rem);clip-path:polygon(0% 0%,100% 50%,0% 100%)}/*! * 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--tooltip{--fds-popover-offset: 12px}.fds--tooltip .fds--tooltip-trigger{display:inline-block}.fds--tooltip-content{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);max-width:18rem;padding:var(--fds-tooltip-padding-block, 1rem) var(--fds-tooltip-padding-inline, 1rem);color:var(--fds-text-inverse, #ffffff)}.fds--icon-tooltip{--fds-tooltip-padding-block: .125rem;--fds-popover-caret-width: .5rem;--fds-popover-caret-height: .25rem;--fds-popover-offset: .5rem}.fds--icon-tooltip .fds--tooltip-content{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)}