@keyframes svelte-f2vsei-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-f2vsei-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-f2vsei-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--visually-hidden.svelte-f2vsei{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;margin:-1px;clip:rect(0,0,0,0);visibility:inherit;white-space:nowrap}.fds--toggle__label-text.svelte-f2vsei{font-size:var(--fds-label-01-font-size, .75rem);font-weight:var(--fds-label-01-font-weight, 400);line-height:var(--fds-label-01-line-height, 1.33333);letter-spacing:var(--fds-label-01-letter-spacing, .32px);display:block;margin-bottom:1rem;color:var(--fds-text-secondary, #525252)}.fds--toggle__button.svelte-f2vsei:focus{outline:none}.fds--toggle__appearance.svelte-f2vsei{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.fds--toggle__switch.svelte-f2vsei{position:relative;width:3rem;height:1.5rem;background-color:var(--fds-toggle-off, #8d8d8d);border-radius:.75rem;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.fds--toggle__switch.svelte-f2vsei:before{position:absolute;top:.1875rem;left:.1875rem;width:1.125rem;height:1.125rem;background-color:var(--fds-icon-on-color, #ffffff);border-radius:50%;content:"";transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion: reduce){.fds--toggle__switch.svelte-f2vsei:before{transition:none}}.fds--toggle__button.svelte-f2vsei:focus+.fds--toggle__label:where(.svelte-f2vsei) .fds--toggle__switch:where(.svelte-f2vsei),.fds--toggle__button.svelte-f2vsei:active+.fds--toggle__label:where(.svelte-f2vsei) .fds--toggle__switch:where(.svelte-f2vsei){box-shadow:0 0 0 1px var(--fds-focus-inset, #ffffff),0 0 0 3px var(--fds-focus, #0f62fe)}.fds--toggle__switch--checked.svelte-f2vsei{background-color:var(--fds-support-success, #198038)}.fds--toggle__switch--checked.svelte-f2vsei:before{transform:translate(1.5rem)}.fds--toggle__text.svelte-f2vsei{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);color:var(--fds-text-primary, #161616)}.fds--toggle__appearance--sm.svelte-f2vsei .fds--toggle__switch:where(.svelte-f2vsei){width:2rem;height:1rem}.fds--toggle__appearance--sm.svelte-f2vsei .fds--toggle__switch:where(.svelte-f2vsei):before{width:.625rem;height:.625rem}.fds--toggle__appearance--sm.svelte-f2vsei .fds--toggle__switch--checked:where(.svelte-f2vsei):before{transform:translate(1rem)}.fds--toggle__check.svelte-f2vsei{position:absolute;top:.375rem;right:.3125rem;fill:var(--fds-support-success, #198038);visibility:hidden}.fds--toggle__switch--checked.svelte-f2vsei .fds--toggle__check:where(.svelte-f2vsei){visibility:visible}.fds--toggle--disabled.svelte-f2vsei .fds--toggle__appearance:where(.svelte-f2vsei){cursor:not-allowed}.fds--toggle--disabled.svelte-f2vsei .fds--toggle__label-text:where(.svelte-f2vsei),.fds--toggle--disabled.svelte-f2vsei .fds--toggle__text:where(.svelte-f2vsei){color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--toggle--disabled.svelte-f2vsei .fds--toggle__switch:where(.svelte-f2vsei){background-color:var(--fds-button-disabled, #c6c6c6)}.fds--toggle--disabled.svelte-f2vsei .fds--toggle__switch:where(.svelte-f2vsei):before{background-color:var(--fds-icon-on-color-disabled, #8d8d8d)}.fds--toggle--disabled.svelte-f2vsei .fds--toggle__check:where(.svelte-f2vsei){fill:var(--fds-button-disabled, #c6c6c6)}.fds--toggle--readonly.svelte-f2vsei .fds--toggle__appearance:where(.svelte-f2vsei){cursor:default}.fds--toggle--readonly.svelte-f2vsei .fds--toggle__switch:where(.svelte-f2vsei){border:1px solid var(--fds-border-disabled, #c6c6c6);background-color:transparent}.fds--toggle--readonly.svelte-f2vsei .fds--toggle__switch:where(.svelte-f2vsei):before{background-color:var(--fds-icon-primary, #161616)}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--toggle__switch.svelte-f2vsei,.fds--toggle__switch.svelte-f2vsei:before{outline:1px solid transparent}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--toggle__button.svelte-f2vsei:focus+.fds--toggle__label:where(.svelte-f2vsei) .fds--toggle__switch:where(.svelte-f2vsei),.fds--toggle__button.svelte-f2vsei:active+.fds--toggle__label:where(.svelte-f2vsei) .fds--toggle__switch:where(.svelte-f2vsei){color:Highlight;outline:1px solid Highlight}}/*! * 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-mc2qgr-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-mc2qgr-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-mc2qgr-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--snippet--single.svelte-mc2qgr{font-family:var(--fds-code-01-font-family, "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace);font-size:var(--fds-code-01-font-size, .75rem);font-weight:var(--fds-code-01-font-weight, 400);line-height:var(--fds-code-01-line-height, 1.33333);letter-spacing:var(--fds-code-01-letter-spacing, .32px);position:relative;width:100%;max-width:48rem;background-color:var(--fds-layer);display:flex;align-items:center;padding-right:2.5rem}.fds--snippet--single.svelte-mc2qgr .fds--snippet-container:where(.svelte-mc2qgr){position:relative;display:flex;height:100%;align-items:center;padding-left:1rem;overflow-x:auto}.fds--snippet--single.svelte-mc2qgr .fds--snippet-container:where(.svelte-mc2qgr):focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--snippet--single.svelte-mc2qgr .fds--snippet-container:where(.svelte-mc2qgr):focus{outline-style:dotted}}.fds--snippet--multi.svelte-mc2qgr{font-family:var(--fds-code-01-font-family, "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace);font-size:var(--fds-code-01-font-size, .75rem);font-weight:var(--fds-code-01-font-weight, 400);line-height:var(--fds-code-01-line-height, 1.33333);letter-spacing:var(--fds-code-01-letter-spacing, .32px);position:relative;width:100%;max-width:48rem;background-color:var(--fds-layer);display:flex;padding:1rem}.fds--snippet--multi.svelte-mc2qgr .fds--snippet-container:where(.svelte-mc2qgr){position:relative;min-height:100%;max-height:100%;order:1;overflow-y:auto;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.fds--snippet.fds--skeleton.svelte-mc2qgr .fds--snippet-container:where(.svelte-mc2qgr){width:100%;height:100%}.fds--snippet--multi.fds--skeleton.svelte-mc2qgr{height:6.125rem}.fds--snippet--single.fds--skeleton.svelte-mc2qgr{height:3.5rem}.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr){position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;display:block;width:100%;height:1rem;margin-top:.5rem}.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):hover,.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):focus,.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):active{border:none;cursor:default;outline:none}.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-mc2qgr-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):before{animation:none}}.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):first-child{margin:0}.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):nth-child(2){width:85%}.fds--snippet.fds--skeleton.svelte-mc2qgr span:where(.svelte-mc2qgr):nth-child(3){width:95%}.fds--snippet--single.fds--skeleton.svelte-mc2qgr .fds--snippet-container:where(.svelte-mc2qgr){padding-bottom:0}.hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0}.hljs,.hljs-subst{color:#444}.hljs-comment{color:#888}.hljs-keyword,.hljs-attribute,.hljs-selector-tag,.hljs-meta-keyword,.hljs-doctag,.hljs-name{font-weight:700}.hljs-type,.hljs-string,.hljs-number,.hljs-selector-id,.hljs-selector-class,.hljs-quote,.hljs-template-tag,.hljs-deletion{color:#800}.hljs-title,.hljs-section{color:#800;font-weight:700}.hljs-regexp,.hljs-symbol,.hljs-variable,.hljs-template-variable,.hljs-link,.hljs-selector-attr,.hljs-selector-pseudo{color:#bc6060}.hljs-literal{color:#78a960}.hljs-built_in,.hljs-bullet,.hljs-code,.hljs-addition{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}/*! * 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-1bdjkem-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1bdjkem-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1bdjkem-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--label.svelte-1bdjkem{font-size:var(--fds-label-01-font-size, .75rem);font-weight:var(--fds-label-01-font-weight, 400);line-height:var(--fds-label-01-line-height, 1.33333);letter-spacing:var(--fds-label-01-letter-spacing, .32px);display:inline-block;margin-bottom:.5rem;color:var(--fds-text-secondary, #525252);font-weight:400;line-height:1rem;vertical-align:baseline}.fds--label--no-margin.svelte-1bdjkem{margin-bottom:0}.fds--label.svelte-1bdjkem .fds--tooltip__trigger{font-size:var(--fds-label-01-font-size, .75rem);font-weight:var(--fds-label-01-font-weight, 400);line-height:var(--fds-label-01-line-height, 1.33333);letter-spacing:var(--fds-label-01-letter-spacing, .32px)}.fds--label.svelte-1bdjkem+.fds--form-item.fds--checkbox-wrapper{margin-top:-.125rem}.fds--label--disabled.svelte-1bdjkem{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--form__helper-text.svelte-1bdjkem{font-size:var(--fds-helper-text-01-font-size, .75rem);line-height:var(--fds-helper-text-01-line-height, 1.33333);letter-spacing:var(--fds-helper-text-01-letter-spacing, .32px);z-index:0;width:100%;margin-top:.25rem;color:var(--fds-text-secondary, #525252);opacity:100%}.fds--form__helper-text--disabled.svelte-1bdjkem{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--snippet--disabled.svelte-1bdjkem{background-color:var(--fds-layer);color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--snippet--disabled.svelte-1bdjkem .fds--snippet-btn--expand:where(.svelte-1bdjkem),.fds--snippet--disabled .fds--copy-btn:hover{background-color:var(--fds-layer)!important;cursor:not-allowed;color:var(--fds-text-disabled, rgba(22, 22, 22, .25))!important}.fds--snippet--disabled .fds--snippet__icon,.fds--snippet--disabled .fds--snippet-btn--expand .fds--icon-chevron--down{fill:var(--fds-icon-disabled, rgba(22, 22, 22, .25))!important}.fds--snippet.svelte-1bdjkem code:where(.svelte-1bdjkem){font-family:var(--fds-code-01-font-family, "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace);font-size:var(--fds-code-01-font-size, .75rem);font-weight:var(--fds-code-01-font-weight, 400);line-height:var(--fds-code-01-line-height, 1.33333);letter-spacing:var(--fds-code-01-letter-spacing, .32px);width:100%;display:block;text-overflow:ellipsis;overflow:hidden}.fds--snippet.svelte-1bdjkem code:where(.svelte-1bdjkem).hljs{background:transparent;padding:0}.fds--snippet--inline.svelte-1bdjkem{font-family:var(--fds-code-01-font-family, "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace);font-size:var(--fds-code-01-font-size, .75rem);font-weight:var(--fds-code-01-font-weight, 400);line-height:var(--fds-code-01-line-height, 1.33333);letter-spacing:var(--fds-code-01-letter-spacing, .32px);position:relative;width:100%;max-width:48rem;background-color:var(--fds-layer)}.fds--snippet--inline.svelte-1bdjkem .fds--btn--md{position:relative;display:inline;padding:0 .5rem!important;border:1px solid transparent;background-color:var(--fds-layer);border-radius:4px!important;color:var(--fds-text-primary, #161616)!important;cursor:pointer;min-height:1.25rem!important;font-size:.75rem!important;overflow:hidden;text-overflow:ellipsis;width:100%;max-width:unset}.fds--snippet--inline.svelte-1bdjkem .fds--btn--md:hover{background-color:var(--fds-layer-hover)}.fds--snippet--inline.svelte-1bdjkem .fds--btn--md:active{background-color:var(--fds-layer-active)}.fds--snippet--inline.svelte-1bdjkem .fds--btn--md:focus{border:1px solid var(--fds-focus, #0f62fe);outline:none}.fds--snippet--inline.svelte-1bdjkem .fds--btn--md:before{position:absolute;z-index:9001;width:0;height:0;border-style:solid;content:"";display:none;border:none}.fds--snippet--inline.fds--snippet--no-copy.svelte-1bdjkem{display:inline-block}.fds--snippet--inline.fds--snippet--no-copy.svelte-1bdjkem:hover{background-color:var(--fds-layer);cursor:auto}.fds--snippet--inline.svelte-1bdjkem .fds--popover-container{width:100%}.fds--snippet--single.svelte-1bdjkem{font-family:var(--fds-code-01-font-family, "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace);font-size:var(--fds-code-01-font-size, .75rem);font-weight:var(--fds-code-01-font-weight, 400);line-height:var(--fds-code-01-line-height, 1.33333);letter-spacing:var(--fds-code-01-letter-spacing, .32px);position:relative;width:100%;max-width:48rem;background-color:var(--fds-layer);display:flex;align-items:center;padding-right:2.5rem}.fds--snippet--single.fds--snippet--no-copy.svelte-1bdjkem{padding:0}.fds--snippet--single.fds--snippet--no-copy.svelte-1bdjkem:after{right:1rem}.fds--snippet--single.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem){position:relative;display:flex;height:100%;align-items:center;padding-left:1rem}.fds--snippet--single.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem):focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--snippet--single.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem):focus{outline-style:dotted}}.fds--snippet--single.svelte-1bdjkem pre:where(.svelte-1bdjkem){font-family:var(--fds-code-01-font-family, "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace);font-size:var(--fds-code-01-font-size, .75rem);font-weight:var(--fds-code-01-font-weight, 400);line-height:var(--fds-code-01-line-height, 1.33333);letter-spacing:var(--fds-code-01-letter-spacing, .32px);padding-right:.5rem;width:100%}.fds--snippet--single.svelte-1bdjkem pre,.fds--snippet--inline.svelte-1bdjkem code{white-space:pre}.fds--snippet--multi.svelte-1bdjkem{font-family:var(--fds-code-01-font-family, "IBM Plex Mono", system-ui, -apple-system, BlinkMacSystemFont, ".SFNSText-Regular", monospace);font-size:var(--fds-code-01-font-size, .75rem);font-weight:var(--fds-code-01-font-weight, 400);line-height:var(--fds-code-01-line-height, 1.33333);letter-spacing:var(--fds-code-01-letter-spacing, .32px);position:relative;width:100%;max-width:48rem;background-color:var(--fds-layer);display:flex;padding:1rem}.fds--snippet--multi.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem){position:relative;min-height:100%;max-height:100%;order:1;overflow-y:auto;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.fds--snippet--multi.fds--snippet--expand.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem){padding-bottom:1rem;transition:max-height .15s cubic-bezier(.2,0,.38,.9)}.fds--snippet--multi.fds--snippet--wraptext.svelte-1bdjkem pre{white-space:pre-wrap;word-wrap:break-word}.fds--snippet--multi.fds--snippet-container.svelte-1bdjkem pre{padding-right:2.5rem;padding-bottom:1.5rem;overflow-x:auto}.fds--snippet--multi.fds--snippet--no-copy.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem) pre{padding-right:0}.fds--snippet--multi.fds--snippet--expand.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem) pre{overflow-x:auto}.fds--snippet--multi.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem) pre:after{position:absolute;top:0;right:0;width:1rem;height:100%;background-image:linear-gradient(to right,rgb(var(--fds-layer) 0),var(--fds-layer));content:""}.fds--snippet--multi.svelte-1bdjkem .fds--snippet-container:where(.svelte-1bdjkem) pre code{overflow:hidden}.fds--snippet--multi.svelte-1bdjkem .fds--snippet__icon{width:1rem;height:1rem;fill:var(--fds-icon-primary, #161616);transition:all 70ms cubic-bezier(.2,0,.38,.9)}.fds--snippet--single.svelte-1bdjkem .fds--copy-btn{width:2.5rem!important;padding:0!important}.fds--snippet.svelte-1bdjkem .fds--copy-btn{display:flex!important;overflow:visible;align-items:center!important;justify-content:center!important;padding:0;border:none;background-color:var(--fds-layer);cursor:pointer;outline:none}.fds--snippet.svelte-1bdjkem .fds--copy-btn:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px;outline-color:var(--fds-focus, #0f62fe)}@media screen and (prefers-contrast){.fds--snippet.svelte-1bdjkem .fds--copy-btn:focus{outline-style:dotted}}.fds--snippet.svelte-1bdjkem .fds--copy-btn:hover{background-color:var(--fds-layer-hover)!important}.fds--snippet.svelte-1bdjkem .fds--copy-btn:disabled{background-color:var(--fds-layer)!important}.fds--snippet.svelte-1bdjkem .fds--popover-container{position:absolute;right:0}.fds--snippet--inline.fds--btn--md.fds--btn--icon-only.svelte-1bdjkem{padding-right:0}.fds--snippet--inline.fds--btn--primary.svelte-1bdjkem:hover{color:var(--fds-text-primary, #161616)}.fds--snippet.fds--snippet--multi.svelte-1bdjkem .fds--popover-container{top:.5rem;right:.5rem}.fds--snippet--multi.svelte-1bdjkem .fds--copy-btn.fds--btn--md{z-index:10;width:2rem;height:2rem;min-height:2rem;padding:0}.fds--snippet--multi.svelte-1bdjkem .fds--snippet-btn--expand{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);font-family:IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,".SFNSText-Regular",sans-serif;position:absolute;z-index:10;right:0;bottom:0;display:inline-flex;align-items:center;padding:.5rem 1rem;border:0;background-color:var(--fds-layer);color:var(--fds-text-primary, #161616);cursor:pointer}.fds--snippet-btn--expand.svelte-1bdjkem .fds--snippet-btn--text:where(.svelte-1bdjkem){position:relative;top:-.0625rem}.fds--snippet-btn--expand--hide.fds--snippet-btn--expand.svelte-1bdjkem{display:none}.fds--snippet.svelte-1bdjkem .fds--snippet-btn--expand .fds--icon-chevron--down{margin-left:.5rem;fill:var(--fds-icon-primary, #161616);transform:rotate(0);transition:.15s cubic-bezier(.2,0,.38,.9)}.fds--snippet-btn--expand.svelte-1bdjkem:hover{background:var(--fds-layer-hover);color:var(--fds-text-primary, #161616)}.fds--snippet-btn--expand.svelte-1bdjkem:active{background-color:var(--fds-layer-active)}.fds--snippet-btn--expand.svelte-1bdjkem:focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px;border-color:transparent}@media screen and (prefers-contrast){.fds--snippet-btn--expand.svelte-1bdjkem:focus{outline-style:dotted}}.fds--snippet--expand.svelte-1bdjkem .fds--snippet-btn--expand:where(.svelte-1bdjkem) .fds--icon-chevron--down{transform:rotate(180deg);transition:transform .3s}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--snippet__icon.svelte-1bdjkem{fill:ButtonText}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--snippet--inline.svelte-1bdjkem:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--snippet--single.svelte-1bdjkem,.fds--snippet--multi.svelte-1bdjkem{outline:1px solid transparent}}.fds--snippet--layer-02.svelte-1bdjkem,.fds--snippet--layer-02.svelte-1bdjkem .fds--copy-btn{background-color:var(--fds-layer-02, #ffffff)}.fds--snippet--layer-03.svelte-1bdjkem,.fds--snippet--layer-03.svelte-1bdjkem .fds--copy-btn{background-color:var(--fds-layer-03, #f4f4f4)}