/*!
 * 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-rkb0v1-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-rkb0v1-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-rkb0v1-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--tabs.svelte-rkb0v1{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;width:100%;height:auto;min-height:2.5rem;max-height:4rem;color:var(--fds-text-primary, #161616)}.fds--tabs.svelte-rkb0v1 .fds--tab--list:where(.svelte-rkb0v1){display:flex;width:100%;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;will-change:scroll-position}.fds--tabs.svelte-rkb0v1 .fds--tab--list:where(.svelte-rkb0v1)::-webkit-scrollbar{display:none}.fds--tabs.svelte-rkb0v1 .fds--tab--list.fds--tab--list__fit-content:where(.svelte-rkb0v1) .fds--tabs__nav-item{flex:none}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1){box-sizing:border-box;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;display:inline-block;padding:0;border:0;appearance:none;background:none;cursor:pointer;width:100%;display:flex;width:2.5rem;flex-shrink:0;align-items:center;justify-content:center;background-color:var(--fds-layer-01, #f4f4f4)}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1)::-moz-focus-inner{border:0}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1):focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1):focus{outline-style:dotted}}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1):before{background:linear-gradient(to bottom,rgba(255,255,255,0),var(--fds-layer-03, #f4f4f4))}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--hidden:where(.svelte-rkb0v1){display:none}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1) svg{fill:var(--fds-icon-primary, #161616)}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--02:where(.svelte-rkb0v1){background-color:var(--fds-layer-02, #ffffff)}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--02:where(.svelte-rkb0v1):before{background:linear-gradient(to bottom,rgba(255,255,255,0),var(--fds-layer-02, #ffffff))}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--03:where(.svelte-rkb0v1){background-color:var(--fds-layer-03, #f4f4f4)}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--03:where(.svelte-rkb0v1):before{background:linear-gradient(to bottom,rgba(255,255,255,0),var(--fds-layer-03, #f4f4f4))}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--next:where(.svelte-rkb0v1){position:absolute;top:0;right:0;bottom:0}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--next:where(.svelte-rkb0v1):before{position:absolute;z-index:1;left:-.5rem;width:.5rem;height:100%;content:""}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--previous:where(.svelte-rkb0v1){position:absolute;top:0;bottom:0;left:0;z-index:1}.fds--tabs.svelte-rkb0v1 .fds--tab--overflow-nav-button--previous:where(.svelte-rkb0v1):before{position:absolute;z-index:1;right:-.5rem;width:.5rem;height:100%;content:""}.fds--tabs.svelte-rkb0v1 .fds--tabs__nav-item+.fds--tabs__nav-item{margin-left:.0625rem}.fds--tabs.fds--tabs--contained.svelte-rkb0v1{min-height:3rem}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1){width:3rem;margin:0;background-color:var(--fds-layer-accent)}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tab--overflow-nav-button--next:where(.svelte-rkb0v1):before{background-image:linear-gradient(to right,rgba(255,255,255,0),var(--fds-layer-accent))}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tab--overflow-nav-button--previous:where(.svelte-rkb0v1):before{background-image:linear-gradient(to left,rgba(255,255,255,0),var(--fds-layer-accent))}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item{background-color:var(--fds-layer-accent)}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item+.fds--tabs__nav-item{margin-left:0;box-shadow:-.0625rem 0 0 0 var(--fds-border-strong)}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-link{height:3rem;padding:.5rem 1rem;border-bottom:0;line-height:2rem}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item:hover{background-color:var(--fds-layer-selected-hover)}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected+.fds--tabs__nav-item{box-shadow:none}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item.fds--tabs__nav-item--selected{box-shadow:inset 0 2px 0 0 var(--fds-border-interactive, #0f62fe)}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected,.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected:focus .fds--tabs__nav-link:focus,.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected:active .fds--tabs__nav-link:active{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);color:var(--fds-text-primary, #161616)}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected,.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected:hover{background-color:var(--fds-layer);line-height:2rem}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected .fds--tabs__nav-link:focus,.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected .fds--tabs__nav-link:active,.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected:hover .fds--tabs__nav-link:focus,.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--selected:hover .fds--tabs__nav-link:active{box-shadow:none}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item.fds--tabs__nav-item--disabled,.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item.fds--tabs__nav-item--disabled:hover{background-color:var(--fds-button-disabled, #c6c6c6)}.fds--tabs.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item--disabled{border-bottom:none;color:var(--fds-text-on-color-disabled, #8d8d8d)}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1{flex-direction:column;max-height:unset;height:100%;width:auto}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tab--list__vertical:where(.svelte-rkb0v1){flex-direction:column;overflow-y:hidden}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1){width:100%;height:2.5rem}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tab--overflow-nav-button:where(.svelte-rkb0v1):before{left:0;bottom:-.5rem;width:100%;height:.5rem;background:linear-gradient(to top,rgba(255,255,255,0),var(--fds-background, #ffffff))}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tab--overflow-nav-button--next:where(.svelte-rkb0v1){top:unset}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tab--overflow-nav-button--next:where(.svelte-rkb0v1):before{left:0;top:-.5rem;width:100%;height:.5rem;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--fds-background, #ffffff))}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tabs__nav-item.fds--tabs__nav-item--icon{border-bottom:unset;border-right:2px solid var(--fds-border-subtle)}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tabs__nav-item.fds--tabs__nav-item--icon.fds--tabs__nav-item--selected{border-right:2px solid var(--fds-border-interactive, #0f62fe)}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tabs__nav-item.fds--tabs__nav-item--icon:hover{border-bottom:unset;border-right:2px solid var(--fds-border-strong)}.fds--tabs.fds--tabs--vertical.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item.fds--tabs__nav-item--icon,.fds--tabs.fds--tabs--vertical.fds--tabs--contained.svelte-rkb0v1 .fds--tabs__nav-item{border-right:unset}.fds--tabs.fds--tabs--vertical.fds--tabs--contained .fds--tabs__nav-item.fds--tabs__nav-item--icon.fds--tabs__nav-item--selected,.fds--tabs.fds--tabs--vertical.fds--tabs--contained .fds--tabs__nav-item.fds--tabs__nav-item--selected{box-shadow:inset 2px 0 0 0 var(--fds-border-interactive, #0f62fe)}.fds--tabs.fds--tabs--vertical.fds--tabs--contained .fds--tabs__nav-item.fds--tabs__nav-item--icon:hover,.fds--tabs.fds--tabs--vertical.fds--tabs--contained .fds--tabs__nav-item:hover{border-right:unset}.fds--tabs.fds--tabs--vertical.fds--tabs--contained.svelte-rkb0v1 .fds--tab--overflow-nav-button:before{background:linear-gradient(to top,rgba(255,255,255,0),var(--fds-layer-accent))}.fds--tabs.fds--tabs--vertical.fds--tabs--contained.svelte-rkb0v1 .fds--tab--overflow-nav-button--next:before{background:linear-gradient(to bottom,rgba(255,255,255,0),var(--fds-layer-accent))}.fds--tabs.fds--tabs--vertical.svelte-rkb0v1 .fds--tab-content{width:100%}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--tabs__nav-item.svelte-rkb0v1 .fds--tabs__nav-item--selected .fds--tabs__nav-item--selected{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--tabs.svelte-rkb0v1 .fds--tabs__nav-item--disabled .fds--tabs__nav-link{color:GrayText;fill:GrayText}}@keyframes svelte-349zif-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-349zif-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-349zif-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--tabs.fds--skeleton.svelte-349zif{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;width:100%;height:auto;min-height:2.5rem;max-height:4rem;color:var(--fds-text-primary, #161616)}.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs--list:where(.svelte-349zif){display:flex}.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-item:where(.svelte-349zif){display:flex;flex:1 0 auto;padding:0;cursor:pointer;transition:background-color 70ms cubic-bezier(.2,0,.38,.9)}.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-item:where(.svelte-349zif)+.fds--tabs__nav-item{margin-left:.0625rem}.fds--tabs.fds--skeleton.svelte-349zif:not(.fds--tabs--contained) .fds--tabs__nav-link:where(.svelte-349zif){border-bottom:2px solid var(--fds-skeleton-element, #c6c6c6)}.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-link:where(.svelte-349zif){display:flex;width:10rem;height:100%;align-items:center;padding:0 1rem}.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-link:where(.svelte-349zif) span:where(.svelte-349zif){position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:.875rem}.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-link:where(.svelte-349zif) span:where(.svelte-349zif):hover,.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-link:where(.svelte-349zif) span:where(.svelte-349zif):focus,.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-link:where(.svelte-349zif) span:where(.svelte-349zif):active{border:none;cursor:default;outline:none}.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-link:where(.svelte-349zif) span:where(.svelte-349zif):before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-349zif-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--tabs.fds--skeleton.svelte-349zif .fds--tabs__nav-link:where(.svelte-349zif) span:where(.svelte-349zif):before{animation:none}}/*!
* 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-cyvree-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-cyvree-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-cyvree-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--tabs--container--vertical.svelte-cyvree{display:flex;height:100%}.fds--tabs--container--vertical.svelte-cyvree .fds--tab-content{width:100%}