/*! * 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-mx5y0u-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-mx5y0u-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-mx5y0u-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--overflow-menu-options__option.svelte-mx5y0u{display:flex;width:100%;height:2.5rem;align-items:center;padding:0;background-color:transparent;transition:background-color .11s cubic-bezier(0,0,.38,.9)}.fds--overflow-menu--divider.svelte-mx5y0u{border-top:1px solid var(--fds-border-subtle)}a.fds--overflow-menu-options__btn.svelte-mx5y0u:before{display:inline-block;height:100%;content:"";vertical-align:middle}.fds--overflow-menu-options__btn.svelte-mx5y0u{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);outline:2px solid transparent;outline-offset:-2px;position:relative;display:inline-flex;width:100%;height:100%;align-items:center;justify-content:space-between;padding:0 1rem;border:none;background-color:transparent;color:var(--fds-text-secondary, #525252);cursor:pointer;font-family:inherit;font-weight:400;text-align:left;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9),color .11s cubic-bezier(0,0,.38,.9)}.fds--overflow-menu-options__btn.svelte-mx5y0u:hover{color:var(--fds-text-primary, #161616)}.fds--overflow-menu-options__btn.svelte-mx5y0u:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--overflow-menu-options__btn.svelte-mx5y0u:focus{outline-style:dotted}}.fds--overflow-menu-options__btn.svelte-mx5y0u::-moz-focus-inner{border:none}.fds--overflow-menu-options__btn.svelte-mx5y0u svg{fill:var(--fds-icon-secondary, #525252)}.fds--overflow-menu-options__btn.svelte-mx5y0u:hover svg{fill:var(--fds-icon-primary, #161616)}.fds--overflow-menu-options__option-content.svelte-mx5y0u{display:flex;height:100%;width:100%;align-items:center;justify-content:space-between}.fds--overflow-menu-options__option-content.svelte-mx5y0u .fds--menu-option__label:where(.svelte-mx5y0u){overflow:hidden;flex-grow:1;padding:.25rem 0;text-align:start;text-overflow:ellipsis;white-space:nowrap}.fds--overflow-menu-options__option-content.svelte-mx5y0u .fds--menu-option__info:where(.svelte-mx5y0u){display:inline-flex;margin-left:1rem;white-space:nowrap;font-size:.5rem;background:var(--fds-layer);padding:.25rem}.fds--overflow-menu-options__option-content.svelte-mx5y0u .fds--menu-option__info.fds--menu-option__info-submenu:where(.svelte-mx5y0u){background:transparent;padding:0}.fds--overflow-menu-options__option--danger.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):hover .fds--menu-option__info:where(.svelte-mx5y0u),.fds--overflow-menu-options__option--danger.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):focus .fds--menu-option__info:where(.svelte-mx5y0u){background-color:var(--fds-button-danger-active, #750e13)}.fds--overflow-menu-options__option.svelte-mx5y0u:hover,.fds--overflow-menu-options__option--open.svelte-mx5y0u{background-color:var(--fds-background-hover, rgba(141, 141, 141, .12))}.fds--overflow-menu-options__option--danger.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):hover{background-color:var(--fds-button-danger-hover, #b81922);color:var(--fds-text-on-color, #ffffff)}.fds--overflow-menu-options__option--danger.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):hover svg{fill:currentColor}.fds--overflow-menu-options__option--danger.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):focus{background-color:var(--fds-button-danger-hover, #b81922);color:var(--fds-text-on-color, #ffffff);border-color:var(--fds-focus, #0f62fe);box-shadow:inset 0 0 0 1px var(--fds-focus, #0f62fe),inset 0 0 0 2px var(--fds-background, #ffffff);outline:unset}.fds--overflow-menu-options__option--danger.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):focus svg{fill:currentColor}.fds--overflow-menu-options__option--disabled.svelte-mx5y0u:hover{background-color:var(--fds-layer);cursor:not-allowed}.fds--overflow-menu-options__option--disabled.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u){color:var(--fds-text-disabled, rgba(22, 22, 22, .25));pointer-events:none}.fds--overflow-menu-options__option--disabled.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):hover,.fds--overflow-menu-options__option--disabled.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):active,.fds--overflow-menu-options__option--disabled.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u):focus{outline:2px solid transparent;outline-offset:-2px;background-color:var(--fds-layer)}.fds--overflow-menu-options__option--disabled.svelte-mx5y0u .fds--overflow-menu-options__btn:where(.svelte-mx5y0u) svg{fill:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}@keyframes svelte-6v92x1-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-6v92x1-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-6v92x1-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--overflow-menu-options.svelte-6v92x1{box-shadow:0 2px 6px var(--fds-shadow, rgba(0, 0, 0, .3));position:absolute;z-index:9001;top:32px;left:100%;display:none;min-width:10rem;max-width:15rem;flex-direction:column;align-items:flex-start;background-color:var(--fds-background, #ffffff);list-style:none}.fds--overflow-menu-options.svelte-6v92x1:after{position:absolute;display:block;background-color:var(--fds-layer);content:"";transition:background-color .11s motion(entrance,productive)}@media screen and (prefers-reduced-motion: reduce){.fds--overflow-menu-options.svelte-6v92x1:after{transition:none}}.fds--overflow-menu-options.fds--overflow-menu-options--sm.svelte-6v92x1 .fds--overflow-menu-options__option{height:2rem;min-height:2rem}.fds--overflow-menu-options.fds--overflow-menu-options--lg.svelte-6v92x1 .fds--overflow-menu-options__option{height:3rem}.fds--overflow-menu-options.fds--overflow-menu-options--open.svelte-6v92x1{display:flex}/*! * 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-1ts43m3-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1ts43m3-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1ts43m3-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--menu-trigger--wrapper.svelte-1ts43m3{position:relative;width:fit-content;height:fit-content;display:flex}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu{outline:2px solid transparent;outline-offset:-2px;position:relative;display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;cursor:pointer;transition:outline .11s cubic-bezier(0,0,.38,.9),background-color .11s cubic-bezier(0,0,.38,.9)}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu html{font-size:100%}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu body{font-weight:400;font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu code{font-family:IBM Plex Mono,system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",monospace}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu strong{font-weight:600}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu:focus{outline-style:dotted}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu:focus{color:Highlight;outline:1px solid Highlight}}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu:hover{background-color:var(--fds-background-hover, rgba(141, 141, 141, .12))}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu.fds--overflow-menu--sm{width:2rem;height:2rem;min-height:2rem}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu.fds--overflow-menu--lg{width:3rem;height:3rem}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu.fds--overflow-menu--open{box-shadow:0 2px 6px var(--fds-shadow, rgba(0, 0, 0, .3));background-color:var(--fds-background, #ffffff);transition:none}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu.fds--overflow-menu--open:hover{background-color:var(--fds-background-hover, rgba(141, 141, 141, .12))}.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu .fds--overflow-menu__icon{width:1rem;height:1rem;fill:var(--fds-icon-primary, #161616)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--menu-trigger--wrapper.svelte-1ts43m3 .fds--overflow-menu svg{fill:ButtonText}}