/*!
 * 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--side-nav__items.svelte-b2bkx3{overflow:hidden;flex:1 1 0%;padding:1rem 0 0}.fds--side-nav__icon.fds--side-nav__submenu-chevron.svelte-ert5eh{display:flex;flex:1;justify-content:flex-end}.fds--side-nav__icon.svelte-ert5eh{display:flex;flex:0 0 1rem;align-items:center;justify-content:center}.fds--side-nav__icon.svelte-ert5eh:not(.fds--side-nav__submenu-chevron){margin-right:1.5rem}.fds--side-nav__icon.svelte-ert5eh>svg{width:1rem;height:1rem}.fds--side-nav__icon.svelte-ert5eh>svg.fds--side-nav-collapse-icon{display:none}.fds--side-nav__item.svelte-dt3e5k{overflow:hidden;width:auto;height:auto}.fds--side-nav__menu-item.svelte-dt3e5k,.fds--side-nav__menu-item>a.fds--side-nav__link,.fds--side-nav__menu-item .fds--side-nav__menu-item,.fds--side-nav__item .fds--side-nav__menu-item>a.fds--side-nav__link,.fds--side-nav__item .fds--side-nav__submenu{height:3rem}/*!
* 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.
*/a.fds--side-nav__link.svelte-1xhe069,.fds--side-nav.svelte-1xhe069 a.fds--header__menu-item,.fds--side-nav.svelte-1xhe069 .fds--header__menu-title[aria-expanded=true]+.fds--header__menu{outline:2px solid transparent;outline-offset:-2px;font-size:var(--fds-heading-compact-01-font-size, .875rem);font-weight:var(--fds-heading-compact-01-font-weight, 600);line-height:var(--fds-heading-compact-01-line-height, 1.28572);letter-spacing:var(--fds-heading-compact-01-letter-spacing, .16px);position:relative;display:flex;min-height:2rem;align-items:center;padding:0 1rem;color:var(--fds-icon-secondary, #525252);text-decoration:none;transition:color .11s,background-color .11s,outline .11s}a.fds--side-nav__link.svelte-1xhe069>.fds--side-nav__link-text,.fds--side-nav.svelte-1xhe069 a.fds--header__menu-item .fds--text-truncate-end{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fds-text-secondary, #525252);font-size:.875rem;letter-spacing:.1px;line-height:1.25rem;user-select:none}a.fds--side-nav__link.svelte-1xhe069:focus,.fds--side-nav.svelte-1xhe069 a.fds--header__menu-item:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){a.fds--side-nav__link.svelte-1xhe069:focus,.fds--side-nav.svelte-1xhe069 a.fds--header__menu-item:focus{outline-style:dotted}}a.fds--side-nav__link[aria-current=page].svelte-1xhe069,a.fds--side-nav__link--current.svelte-1xhe069{background-color:var(--fds-background-selected, rgba(141, 141, 141, .2));font-weight:600;color:var(--fds-icon-primary, #161616)}a.fds--side-nav__link.fds--side-nav__link--nested.svelte-1xhe069{padding:0 0 0 4.5rem}.fds--side-nav__menu.svelte-1xhe069 a.fds--side-nav__link--current,.fds--side-nav__menu.svelte-1xhe069 a.fds--side-nav__link[aria-current=page]{background-color:var(--fds-background-selected, rgba(141, 141, 141, .2))}.fds--side-nav__menu.svelte-1xhe069 a.fds--side-nav__link--current>span,.fds--side-nav__menu.svelte-1xhe069 a.fds--side-nav__link[aria-current=page]>span{color:var(--fds-text-primary, #161616);font-weight:600}a.fds--side-nav__link.svelte-1xhe069:hover{background-color:var(--fds-background-selected, rgba(141, 141, 141, .2));font-weight:600}a.fds--side-nav__link[aria-current=page].svelte-1xhe069 .fds--side-nav__link-text,a.fds--side-nav__link--current.svelte-1xhe069 .fds--side-nav__link-text{color:var(--fds-text-primary, #161616)}a.fds--side-nav__link[aria-current=page].svelte-1xhe069:before,a.fds--side-nav__link--current.svelte-1xhe069:before{position:absolute;top:0;bottom:0;left:0;width:3px;background-color:var(--fds-border-interactive, #0f62fe);content:""}
