/*!
 * 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--tile.svelte-zmqree{position:relative;display:block;min-width:8rem;min-height:4rem;padding:1rem;background-color:var(--fds-layer);outline:2px solid transparent;outline-offset:-2px}.fds--tile.svelte-zmqree:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--tile.svelte-zmqree:focus{outline-style:dotted}}.fds--tile--layer-02.svelte-zmqree{background-color:var(--fds-layer-02, #ffffff)}.fds--tile--layer-03.svelte-zmqree{background-color:var(--fds-layer-03, #f4f4f4)}.fds--tile--description.svelte-zmqree{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);padding:1rem 0}