/*! * 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-gbbjz8-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-gbbjz8-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-gbbjz8-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-gbbjz8{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--loading.svelte-gbbjz8{box-sizing:border-box;padding:0;border:0;margin:0;font-family:inherit;font-size:100%;vertical-align:baseline;width:auto;height:100%;display:flex;align-items:center;justify-content:center}.fds--loading.svelte-gbbjz8 svg:where(.svelte-gbbjz8){animation-duration:.69s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:svelte-gbbjz8-rotate;animation-timing-function:linear}.fds--loading.svelte-gbbjz8 svg:where(.svelte-gbbjz8) circle:where(.svelte-gbbjz8){animation-duration:10ms;animation-name:svelte-gbbjz8-init-stroke;animation-timing-function:cubic-bezier(.5,0,.1,1)}@media screen and (prefers-reduced-motion: reduce){.fds--loading.svelte-gbbjz8 svg:where(.svelte-gbbjz8) circle:where(.svelte-gbbjz8){animation:none}}.fds--loading.fds--loading--top.svelte-gbbjz8{flex-direction:column}.fds--loading.fds--loading--right.svelte-gbbjz8{flex-direction:row-reverse}.fds--loading.fds--loading--bottom.svelte-gbbjz8{flex-direction:column-reverse}.fds--loading.fds--loading--left.svelte-gbbjz8{flex-direction:row}.fds--loading.fds--loading--top.svelte-gbbjz8,.fds--loading.fds--loading--bottom.svelte-gbbjz8{row-gap:1rem}.fds--loading.fds--loading--right.svelte-gbbjz8,.fds--loading.fds--loading--left.svelte-gbbjz8{column-gap:1rem}.fds--loading__label.svelte-gbbjz8{display:flex}.fds--loading__svg-container.svelte-gbbjz8{display:flex;justify-content:center}.fds--loading__svg.svelte-gbbjz8{fill:transparent;height:100%}.fds--loading__svg.svelte-gbbjz8 circle:where(.svelte-gbbjz8){stroke-dasharray:276.4608 276.4608;stroke-linecap:butt;stroke-width:10}.fds--loading__stroke.svelte-gbbjz8{stroke:var(--fds-interactive, #0f62fe);stroke-dashoffset:52.527552}.fds--loading--md.svelte-gbbjz8 .fds--loading__stroke:where(.svelte-gbbjz8){stroke-dashoffset:55.29216}.fds--loading--sm.svelte-gbbjz8 .fds--loading__stroke:where(.svelte-gbbjz8){stroke-dashoffset:143.759616}.fds--loading--stop.svelte-gbbjz8 svg:where(.svelte-gbbjz8){animation:svelte-gbbjz8-rotate-end-p1 .7s cubic-bezier(0,0,.25,1) forwards,svelte-gbbjz8-rotate-end-p2 .7s cubic-bezier(0,0,.25,1) .7s forwards}.fds--loading--stop.svelte-gbbjz8 svg:where(.svelte-gbbjz8) circle:where(.svelte-gbbjz8){animation-delay:.7s;animation-duration:.7s;animation-fill-mode:forwards;animation-name:svelte-gbbjz8-stroke-end;animation-timing-function:cubic-bezier(0,0,.25,1)}@media screen and (prefers-reduced-motion: reduce){.fds--loading--stop.svelte-gbbjz8 svg:where(.svelte-gbbjz8) circle:where(.svelte-gbbjz8){animation:none}}.fds--loading--md.svelte-gbbjz8 circle:where(.svelte-gbbjz8){stroke-width:12}.fds--loading--sm.svelte-gbbjz8 circle:where(.svelte-gbbjz8){stroke-width:16}.fds--loading--lg.svelte-gbbjz8 .fds--loading__svg-container:where(.svelte-gbbjz8){width:5.5rem;height:5.5rem}.fds--loading--md.svelte-gbbjz8 .fds--loading__svg-container:where(.svelte-gbbjz8){width:2rem;height:2rem}.fds--loading--sm.svelte-gbbjz8 .fds--loading__svg-container:where(.svelte-gbbjz8){width:1rem;height:1rem}.fds--loading--sm.svelte-gbbjz8 .fds--loading__svg:where(.svelte-gbbjz8){stroke:var(--fds-interactive, #0f62fe)}.fds--loading__background.svelte-gbbjz8{stroke:var(--fds-layer-accent);stroke-dashoffset:-22}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (stroke-color: transparent){circle.fds--loading__background.svelte-gbbjz8{stroke-dasharray:265;stroke-dashoffset:0}}}.fds--loading-overlay.svelte-gbbjz8{position:fixed;z-index:6000;top:0;left:0;display:flex;width:100%;height:100%;align-items:center;justify-content:center;background-color:var(--fds-overlay, rgba(22, 22, 22, .5));transition:background-color .7s cubic-bezier(.4,.14,.3,1)}.fds--loading-overlay--stop.svelte-gbbjz8{display:none}@keyframes svelte-gbbjz8-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-gbbjz8-rotate-end-p1{to{transform:rotate(360deg)}}@keyframes svelte-gbbjz8-rotate-end-p2{to{transform:rotate(-360deg)}}@keyframes svelte-gbbjz8-init-stroke{0%{stroke-dashoffset:276.4608}to{stroke-dashoffset:52.527552}}@keyframes svelte-gbbjz8-stroke-end{0%{stroke-dashoffset:52.527552}to{stroke-dashoffset:276.4608}}.fds--inline-loading.svelte-7kxqdr{display:flex;width:fit-content;height:1rem;align-items:center}.fds--inline-loading__text.svelte-7kxqdr{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);color:var(--fds-text-secondary, #525252)}.fds--inline-loading__animation.svelte-7kxqdr{position:relative;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.fds--inline-loading__checkmark-container{fill:var(--fds-support-success, #198038)}.fds--inline-loading--error{width:1rem;height:1rem;fill:var(--fds-support-error, #da1e28)}@media screen and (-ms-high-contrast: active),screen and (-ms-high-contrast: none){.fds--inline-loading__checkmark-container{top:1px;right:.5rem}}@keyframes svelte-lcpijt-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-lcpijt-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-lcpijt-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--btn.svelte-lcpijt{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:inline-flex;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) 63px calc(.875rem - 3px) 15px;margin:0;border-radius:0;cursor:pointer;outline:none;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top;font-family:inherit}.fds--btn.svelte-lcpijt:disabled,.fds--btn.svelte-lcpijt:hover:disabled,.fds--btn.svelte-lcpijt:focus:disabled,.fds--btn.fds--btn--disabled.svelte-lcpijt,.fds--btn.fds--btn--disabled.svelte-lcpijt:hover,.fds--btn.fds--btn--disabled.svelte-lcpijt:focus{border-color:var(--fds-button-disabled, #c6c6c6);background:var(--fds-button-disabled, #c6c6c6);box-shadow:none;color:var(--fds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.fds--btn.svelte-lcpijt .fds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.fds--btn--sm.svelte-lcpijt{min-height:2rem;padding:calc(.375rem - 3px) 60px calc(.375rem - 3px) 12px}.fds--btn--2xl.svelte-lcpijt:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.fds--btn--xl.svelte-lcpijt:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.fds--btn--md.svelte-lcpijt{min-height:2.5rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.fds--btn--expressive.svelte-lcpijt{min-height:3rem}.fds--btn.fds--skeleton.svelte-lcpijt{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:9.375rem}.fds--btn.fds--skeleton.svelte-lcpijt:hover,.fds--btn.fds--skeleton.svelte-lcpijt:focus,.fds--btn.fds--skeleton.svelte-lcpijt:active{border:none;cursor:default;outline:none}.fds--btn.fds--skeleton.svelte-lcpijt:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-lcpijt-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--btn.fds--skeleton.svelte-lcpijt: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-1816t17-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1816t17-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1816t17-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--btn.svelte-1816t17{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:inline-flex;width:max-content;max-width:20rem;min-height:3rem;flex-shrink:0;align-items:center;justify-content:space-between;padding:calc(.875rem - 3px) 63px calc(.875rem - 3px) 15px;margin:0;border-radius:0;cursor:pointer;outline:none;text-align:left;text-decoration:none;transition:background 70ms cubic-bezier(0,0,.38,.9),box-shadow 70ms cubic-bezier(0,0,.38,.9),border-color 70ms cubic-bezier(0,0,.38,.9),outline 70ms cubic-bezier(0,0,.38,.9);vertical-align:top;font-family:inherit}.fds--btn.svelte-1816t17:disabled,.fds--btn.svelte-1816t17:hover:disabled,.fds--btn.svelte-1816t17:focus:disabled,.fds--btn.fds--btn--disabled.svelte-1816t17,.fds--btn.fds--btn--disabled.svelte-1816t17:hover,.fds--btn.fds--btn--disabled.svelte-1816t17:focus{border-color:var(--fds-button-disabled, #c6c6c6);background:var(--fds-button-disabled, #c6c6c6);box-shadow:none;color:var(--fds-text-on-color-disabled, #8d8d8d);cursor:not-allowed}.fds--btn.svelte-1816t17 .fds--btn__icon{position:absolute;right:1rem;width:1rem;height:1rem;flex-shrink:0}.fds--btn.svelte-1816t17 .fds--btn__icon{pointer-events:none}.fds--btn.svelte-1816t17::-moz-focus-inner{padding:0;border:0}.fds--button-menu--active.svelte-1816t17{box-shadow:0 2px 6px var(--fds-shadow, rgba(0, 0, 0, .3))}.fds--btn--primary.svelte-1816t17{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-primary, #0f62fe);color:var(--fds-text-on-color, #ffffff)}.fds--btn--primary.svelte-1816t17:hover{background-color:var(--fds-button-primary-hover, #0050e6)}.fds--btn--primary.svelte-1816t17:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--primary.svelte-1816t17:active{background-color:var(--fds-button-primary-active, #002d9c)}.fds--btn--primary.svelte-1816t17 .fds--btn__icon,.fds--btn--primary.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--primary.svelte-1816t17:hover{color:var(--fds-text-on-color, #ffffff)}.fds--btn--secondary.svelte-1816t17{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-secondary, #393939);color:var(--fds-text-on-color, #ffffff)}.fds--btn--secondary.svelte-1816t17:hover{background-color:var(--fds-button-secondary-hover, #474747)}.fds--btn--secondary.svelte-1816t17:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--secondary.svelte-1816t17:active{background-color:var(--fds-button-secondary-active, #6f6f6f)}.fds--btn--secondary.svelte-1816t17 .fds--btn__icon,.fds--btn--secondary.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--secondary.svelte-1816t17:hover,.fds--btn--secondary.svelte-1816t17:focus{color:var(--fds-text-on-color, #ffffff)}.fds--btn--tertiary.svelte-1816t17{border-width:1px;border-style:solid;border-color:var(--fds-button-tertiary, #0f62fe);background-color:transparent;color:var(--fds-button-tertiary, #0f62fe)}.fds--btn--tertiary.svelte-1816t17:hover{background-color:var(--fds-button-tertiary-hover, #0050e6)}.fds--btn--tertiary.svelte-1816t17:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--tertiary.svelte-1816t17:active{background-color:var(--fds-button-tertiary-active, #002d9c)}.fds--btn--tertiary.svelte-1816t17 .fds--btn__icon,.fds--btn--tertiary.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--tertiary.svelte-1816t17:hover{color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-1816t17:focus{background-color:var(--fds-button-tertiary, #0f62fe);color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-1816t17:active{border-color:transparent;background-color:var(--fds-button-tertiary-active, #002d9c);color:var(--fds-text-inverse, #ffffff)}.fds--btn--tertiary.svelte-1816t17:disabled,.fds--btn--tertiary.svelte-1816t17:hover:disabled,.fds--btn--tertiary.svelte-1816t17:focus:disabled,.fds--btn--tertiary.fds--btn--disabled.svelte-1816t17,.fds--btn--tertiary.fds--btn--disabled.svelte-1816t17:hover,.fds--btn--tertiary.fds--btn--disabled.svelte-1816t17:focus{background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--ghost.svelte-1816t17{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--fds-link-primary, #0f62fe);padding:calc(.875rem - 3px) 16px}.fds--btn--ghost.svelte-1816t17:hover{background-color:var(--fds-background-hover, rgba(141, 141, 141, .12))}.fds--btn--ghost.svelte-1816t17:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--ghost.svelte-1816t17 .fds--btn__icon,.fds--btn--ghost.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--ghost.svelte-1816t17 .fds--btn__icon{position:static;margin-left:.5rem}.fds--btn--ghost.svelte-1816t17:hover,.fds--btn--ghost.svelte-1816t17:active{color:var(--fds-link-primary-hover, #0043ce)}.fds--btn--ghost.svelte-1816t17:active{background-color:var(--fds-background-active, rgba(141, 141, 141, .5))}.fds--btn--ghost.svelte-1816t17:disabled,.fds--btn--ghost.svelte-1816t17:hover:disabled,.fds--btn--ghost.svelte-1816t17:focus:disabled,.fds--btn--ghost.fds--btn--disabled.svelte-1816t17,.fds--btn--ghost.fds--btn--disabled.svelte-1816t17:hover,.fds--btn--ghost.fds--btn--disabled.svelte-1816t17:focus{border-color:transparent;background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--ghost.fds--btn--sm.svelte-1816t17{padding:calc(.375rem - 3px) 16px}.fds--btn--ghost.fds--btn--md.svelte-1816t17{padding:calc(.675rem - 3px) 16px}.fds--btn--ghost.svelte-1816t17:not([disabled]) svg{fill:var(--fds-icon-primary, #161616)}.fds--btn--ghost.fds--button-menu--active.svelte-1816t17{background-color:transparent}.fds--btn--icon-only.svelte-1816t17{padding-right:.9375rem;padding-left:.9375rem}.fds--btn--icon-only.svelte-1816t17 .fds--btn__icon{position:static}.fds--btn--icon-only.fds--btn--ghost.svelte-1816t17 .fds--btn__icon,.fds--btn--icon-only.fds--btn--danger--ghost.svelte-1816t17 .fds--btn__icon{margin:0}.fds--btn--icon-only.fds--btn--selected.svelte-1816t17{background:var(--fds-background-selected, rgba(141, 141, 141, .2))}.fds--btn.svelte-1816t17 path[data-icon-path=inner-path]{fill:none}.fds--btn--ghost.fds--btn--icon-only.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only.svelte-1816t17 .fds--btn__icon{fill:var(--fds-icon-primary, #161616)}.fds--btn.fds--btn--icon-only.fds--btn--ghost[disabled].svelte-1816t17:hover .fds--btn__icon,.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-1816t17 .fds--btn__icon{fill:var(--fds-icon-on-color-disabled, #8d8d8d)}.fds--btn--ghost.fds--btn--icon-only[disabled].svelte-1816t17{cursor:not-allowed}.fds--btn--lg.fds--btn--icon-only.svelte-1816t17{padding-right:.9375rem;padding-left:.9375rem}.fds--btn--md.fds--btn--icon-only.svelte-1816t17{padding-right:.6875rem;padding-left:.6875rem}.fds--btn--sm.fds--btn--icon-only.svelte-1816t17{padding-right:.4375rem;padding-left:.4375rem}.fds--btn--danger.svelte-1816t17{border-width:1px;border-style:solid;border-color:transparent;background-color:var(--fds-button-danger-primary, #da1e28);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger.svelte-1816t17:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger.svelte-1816t17:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger.svelte-1816t17:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger.svelte-1816t17 .fds--btn__icon,.fds--btn--danger.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger.svelte-1816t17:hover{color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1816t17{border-width:1px;border-style:solid;border-color:var(--fds-button-danger-secondary, #da1e28);background-color:transparent;color:var(--fds-button-danger-secondary, #da1e28)}.fds--btn--danger--tertiary.svelte-1816t17:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger--tertiary.svelte-1816t17:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger--tertiary.svelte-1816t17:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger--tertiary.svelte-1816t17 .fds--btn__icon,.fds--btn--danger--tertiary.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger--tertiary.svelte-1816t17:hover{border-color:var(--fds-button-danger-hover, #b81922);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1816t17:focus{background-color:var(--fds-button-danger-primary, #da1e28);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1816t17:active{border-color:var(--fds-button-danger-active, #750e13);background-color:var(--fds-button-danger-active, #750e13);color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--tertiary.svelte-1816t17:disabled,.fds--btn--danger--tertiary.svelte-1816t17:hover:disabled,.fds--btn--danger--tertiary.svelte-1816t17:focus:disabled,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-1816t17,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-1816t17:hover,.fds--btn--danger--tertiary.fds--btn--disabled.svelte-1816t17:focus{background:transparent;color:var(--fds-text-on-color-disabled, #8d8d8d);outline:none}.fds--btn--danger--ghost.svelte-1816t17{border-width:1px;border-style:solid;border-color:transparent;background-color:transparent;color:var(--fds-button-danger-secondary, #da1e28);padding:calc(.875rem - 3px) 16px}.fds--btn--danger--ghost.svelte-1816t17:hover{background-color:var(--fds-button-danger-hover, #b81922)}.fds--btn--danger--ghost.svelte-1816t17:focus:not(.fds--modal-close){border-color:var(--fds-button-focus-color, var(--fds-focus, #0f62fe));box-shadow:inset 0 0 0 1px var(--fds-button-focus-color, var(--fds-focus, #0f62fe)),inset 0 0 0 2px var(--fds-background, #ffffff)}.fds--btn--danger--ghost.svelte-1816t17:active{background-color:var(--fds-button-danger-active, #750e13)}.fds--btn--danger--ghost.svelte-1816t17 .fds--btn__icon,.fds--btn--danger--ghost.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--btn--danger--ghost.svelte-1816t17 .fds--btn__icon{position:static;margin-left:.5rem}.fds--btn--danger--ghost.svelte-1816t17:hover,.fds--btn--danger--ghost.svelte-1816t17:active{color:var(--fds-text-on-color, #ffffff)}.fds--btn--danger--ghost.svelte-1816t17:disabled,.fds--btn--danger--ghost.svelte-1816t17:hover:disabled,.fds--btn--danger--ghost.svelte-1816t17:focus:disabled,.fds--btn--danger--ghost.fds--btn--disabled.svelte-1816t17,.fds--btn--danger--ghost.fds--btn--disabled.svelte-1816t17:hover,.fds--btn--danger--ghost.fds--btn--disabled.svelte-1816t17:focus{border-color:transparent;background:transparent;color:var(--fds-text-disabled, rgba(22, 22, 22, .25));outline:none}.fds--btn--danger--ghost.fds--btn--sm.svelte-1816t17{padding:calc(.375rem - 3px) 16px}.fds--btn--danger--ghost.fds--btn--md.svelte-1816t17{padding:calc(.675rem - 3px) 16px}.fds--btn--sm.svelte-1816t17{min-height:2rem;padding:calc(.375rem - 3px) 60px calc(.375rem - 3px) 12px}.fds--btn--lg.svelte-1816t17{min-height:3rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.fds--btn--2xl.svelte-1816t17:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:5rem}.fds--btn--xl.svelte-1816t17:not(.fds--btn--icon-only){align-items:baseline;padding-top:1rem;padding-right:4rem;padding-left:1rem;min-height:4rem}.fds--btn--md.svelte-1816t17{min-height:2.5rem;padding:calc(.675rem - 3px) 60px calc(.675rem - 3px) 12px}.fds--btn--expressive.svelte-1816t17{font-size:var(--fds-body-compact-02-font-size, 1rem);font-weight:var(--fds-body-compact-02-font-weight, 400);line-height:var(--fds-body-compact-02-line-height, 1.375);letter-spacing:var(--fds-body-compact-02-letter-spacing, 0);min-height:3rem}.fds--btn--icon-only.fds--btn--expressive.svelte-1816t17{padding:12px 13px}.fds--btn.fds--btn--expressive.svelte-1816t17 .fds--btn__icon{width:1.25rem;height:1.25rem}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--btn.svelte-1816t17:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--btn--ghost.fds--btn--icon-only.svelte-1816t17 .fds--btn__icon path:not([data-icon-path]):not([fill=none]),.fds--btn--ghost.fds--btn--icon-only.svelte-1816t17 .fds--btn__icon{fill:ButtonText}}