/*! * 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-1g00h2l-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-1g00h2l-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-1g00h2l-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-1g00h2l{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.fds--skeleton.svelte-1g00h2l{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:4.6875rem;height:1rem}.fds--label.fds--skeleton.svelte-1g00h2l:hover,.fds--label.fds--skeleton.svelte-1g00h2l:focus,.fds--label.fds--skeleton.svelte-1g00h2l:active{border:none;cursor:default;outline:none}.fds--label.fds--skeleton.svelte-1g00h2l:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-1g00h2l-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--label.fds--skeleton.svelte-1g00h2l:before{animation:none}}.fds--number.fds--skeleton{position:relative;padding:0;border:none;background:var(--fds-skeleton-background, #e8e8e8);box-shadow:none;pointer-events:none;width:100%;height:2.5rem}.fds--number.fds--skeleton:hover,.fds--number.fds--skeleton:focus,.fds--number.fds--skeleton:active{border:none;cursor:default;outline:none}.fds--number.fds--skeleton:before{position:absolute;width:100%;height:100%;animation:3s ease-in-out svelte-1g00h2l-skeleton infinite;background:var(--fds-skeleton-element, #c6c6c6);content:"";will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion: reduce){.fds--number.fds--skeleton:before{animation:none}}.fds--number.fds--skeleton input[type=text]{display: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-13lzw3t-hide-feedback{0%{opacity:100%;visibility:inherit}to{opacity:0%;visibility:hidden}}@keyframes svelte-13lzw3t-show-feedback{0%{opacity:0%;visibility:hidden}to{opacity:100%;visibility:inherit}}@keyframes svelte-13lzw3t-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--form-item.svelte-13lzw3t{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);display:grid}.fds--label.svelte-13lzw3t{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-13lzw3t{margin-bottom:0}.fds--label.svelte-13lzw3t .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-13lzw3t+.fds--form-item.fds--checkbox-wrapper{margin-top:-.125rem}.fds--label--disabled.svelte-13lzw3t{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--form__helper-text.svelte-13lzw3t{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-13lzw3t{color:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--form-requirement.svelte-13lzw3t{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:none;overflow:hidden;max-height:0;margin:.25rem 0 0}input.svelte-13lzw3t:not(output):not([data-invalid]):-moz-ui-invalid{box-shadow:none}.fds--number.svelte-13lzw3t{position:relative;display:flex;width:100%;flex-direction:column}.fds--number[data-invalid].svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):not(:focus){outline:2px solid var(--fds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.fds--number[data-invalid].svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):not(:focus){outline-style:dotted}}.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper:where(.svelte-13lzw3t)~.fds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400;color:var(--fds-text-error, #da1e28)}.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement{outline:2px solid var(--fds-support-error, #da1e28);outline-offset:-2px;display:flex;justify-content:space-between;overflow:visible;max-height:12.5rem;font-weight:400;position:absolute;z-index:3;background-color:var(--fds-background, #ffffff);padding:.5rem;margin:0;inline-size:100%;inset-block-start:calc(100% - .125rem);color:var(--fds-text-error, #da1e28)}@media screen and (prefers-contrast){.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement{outline-style:dotted}}.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:before,.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:after{position:absolute;content:""}.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:before{background-color:var(--fds-background, #ffffff);block-size:.125rem;inline-size:calc(100% - .25rem);inset-block-start:0;inset-inline-start:.125rem}.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:after{background-color:var(--fds-border-subtle);block-size:1px;inline-size:calc(100% - 1rem);inset-block-start:.125rem;inset-inline-start:.5rem}.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement .fds--text-input__invalid-icon,.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement .fds--number__invalid-icon{right:.5rem}.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t) input[type=text]:where(.svelte-13lzw3t),.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t) input[type=text]:where(.svelte-13lzw3t):focus{outline:2px solid var(--fds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t) input[type=text]:where(.svelte-13lzw3t),.fds--number[data-invalid].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t) input[type=text]:where(.svelte-13lzw3t):focus{outline-style:dotted}}.fds--number.svelte-13lzw3t .fds--number__input-wrapper--warning:where(.svelte-13lzw3t)~.fds--form-requirement{display:block;overflow:visible;max-height:12.5rem;font-weight:400}.fds--number[data-warn].svelte-13lzw3t:focus-within>.fds--number__input-wrapper--editable-cell+.fds--form-requirement{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--number[data-warn].svelte-13lzw3t:focus-within>.fds--number__input-wrapper--editable-cell+.fds--form-requirement{outline-style:dotted}}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement{display:flex;justify-content:space-between;overflow:visible;max-height:12.5rem;font-weight:400;position:absolute;z-index:3;background-color:var(--fds-background, #ffffff);padding:.5rem;margin:0;inline-size:100%;inset-block-start:calc(100% - .125rem)}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:before,.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:after{position:absolute;content:""}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:before{background-color:var(--fds-background, #ffffff);block-size:.125rem;inline-size:calc(100% - .25rem);inset-block-start:0;inset-inline-start:.125rem}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement:after{background-color:var(--fds-border-subtle);block-size:1px;inline-size:calc(100% - 1rem);inset-block-start:.125rem;inset-inline-start:.5rem}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement .fds--text-input__invalid-icon,.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement .fds--number__invalid-icon{right:.5rem}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement .fds--list-box__invalid-icon--warning{fill:var(--fds-support-warning, #f1c21b)}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t)~.fds--form-requirement .fds--list-box__invalid-icon--warning path[fill]{fill:#000;opacity:100%}.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t) input[type=text]:where(.svelte-13lzw3t):focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--number[data-warn].svelte-13lzw3t .fds--number__input-wrapper.fds--number__input-wrapper--editable-cell:where(.svelte-13lzw3t) input[type=text]:where(.svelte-13lzw3t):focus{outline-style:dotted}}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t){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;display:inline-flex;width:100%;min-width:9.375rem;height:2.5rem;box-sizing:border-box;padding-right:6rem;padding-left:1rem;border:0;border-bottom:.0625rem solid var(--fds-border-strong);-moz-appearance:textfield;background-color:var(--fds-field);border-radius:0;color:var(--fds-text-primary, #161616);font-family:inherit;transition:background-color 70ms cubic-bezier(.2,0,.38,.9),outline 70ms cubic-bezier(.2,0,.38,.9)}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t)::placeholder{color:var(--fds-text-placeholder, rgba(22, 22, 22, .4));opacity:100%}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):focus{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px}@media screen and (prefers-contrast){.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):focus{outline-style:dotted}}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):disabled~.fds--number__controls:where(.svelte-13lzw3t){cursor:not-allowed;pointer-events:none}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):disabled~.fds--number__controls:where(.svelte-13lzw3t) svg{fill:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t)::-ms-clear{display:none}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t)::-webkit-inner-spin-button{appearance:none}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):not(:disabled)~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled{border-bottom:.0625rem solid var(--fds-border-strong)}.fds--number--lg.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t){padding-right:7rem}.fds--number--sm.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t){padding-right:5rem}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):disabled{border-bottom-color:transparent;background-color:var(--fds-field);color:var(--fds-text-disabled, rgba(22, 22, 22, .25));cursor:not-allowed}.fds--number__input-wrapper.svelte-13lzw3t{position:relative;display:flex;align-items:center}.fds--number__input-wrapper.svelte-13lzw3t .fds--text-input__invalid-icon,.fds--number__input-wrapper.svelte-13lzw3t .fds--text-input__readonly-icon{position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.fds--number__input-wrapper.svelte-13lzw3t .fds--text-input__invalid-icon{fill:var(--fds-support-error, #da1e28)}.fds--number__input-wrapper.svelte-13lzw3t .fds--text-input__invalid-icon--warning{fill:var(--fds-support-warning, #f1c21b)}.fds--number__input-wrapper.svelte-13lzw3t .fds--text-input__invalid-icon--warning path:first-of-type{fill:#000;opacity:100%}.fds--number__input-wrapper.svelte-13lzw3t .fds--popover-container:has(.fds--number__control-btn:hover:not(:disabled))~.fds--number__rule-divider,.fds--number__input-wrapper.svelte-13lzw3t .fds--popover-container:has(.fds--number__control-btn:focus:not(:disabled))~.fds--number__rule-divider{background-color:transparent}.fds--number__controls.svelte-13lzw3t{position:absolute;top:50%;right:0;display:flex;width:5rem;height:100%;flex-direction:row;align-items:center;justify-content:center;transform:translateY(-50%)}.fds--number__controls .fds--icon-tooltip.fds--popover-container{width:100%}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn{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%;position:relative;display:inline-flex;height:100%;align-items:center;justify-content:center;border-bottom:.0625rem solid var(--fds-border-strong);color:var(--fds-icon-primary, #161616)}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn::-moz-focus-inner{border:0}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:before,.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:after{position:absolute;top:.125rem;display:block;width:.125rem;height:2.25rem;background-color:var(--fds-field);content:""}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:before{left:0}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:after{right:0}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn svg{fill:currentColor}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:focus{outline:1px solid var(--fds-focus, #0f62fe);color:var(--fds-icon-primary, #161616);outline-offset:-2px;outline-width:2px}@media screen and (prefers-contrast){.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:focus{outline-style:dotted}}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover{background-color:var(--fds-field-hover);color:var(--fds-icon-primary, #161616);cursor:pointer}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover:before,.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover:after{background-color:var(--fds-field-hover)}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:focus:before,.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:focus:after,.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover:focus:before,.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover:focus:after{background-color:transparent}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled{border-bottom-color:transparent;color:var(--fds-text-disabled, rgba(22, 22, 22, .25));cursor:not-allowed}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled:hover{background-color:transparent;box-shadow:none}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled:hover.fds--btn--disabled{outline:none}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled:hover.fds--btn--disabled:before,.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled:hover.fds--btn--disabled:after{background-color:transparent}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled svg{fill:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:disabled svg path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn svg{fill:var(--fds-text-disabled, rgba(22, 22, 22, .25))}.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn svg path:not([data-icon-path]):not([fill=none]){fill:currentColor}.fds--number__controls.fds--number__controls--layer-02.svelte-13lzw3t .fds--number__control-btn:before,.fds--number__controls.fds--number__controls--layer-02.svelte-13lzw3t .fds--number__control-btn:after{background-color:var(--fds-layer-02, #ffffff)}.fds--number__controls.fds--number__controls--layer-03.svelte-13lzw3t .fds--number__control-btn:before,.fds--number__controls.fds--number__controls--layer-03.svelte-13lzw3t .fds--number__control-btn:after{background-color:var(--fds-layer-03, #f4f4f4)}.fds--number__controls .fds--icon-tooltip.fds--popover-container :has(.fds--number__control-btn.down-icon){order:1}.fds--number__controls .fds--icon-tooltip.fds--popover-container :has(.fds--number__control-btn.up-icon){order:2}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):focus~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn{border-bottom-width:0}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):focus~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover{outline:2px solid var(--fds-focus, #0f62fe);outline-offset:-2px;border:0}@media screen and (prefers-contrast){.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):focus~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover{outline-style:dotted}}.fds--number.svelte-13lzw3t input[type=text][data-invalid]:where(.svelte-13lzw3t)~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn{border-bottom-width:0}.fds--number.svelte-13lzw3t input[type=text][data-invalid]:where(.svelte-13lzw3t):not(:focus)~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover{outline:2px solid var(--fds-support-error, #da1e28);outline-offset:-2px}@media screen and (prefers-contrast){.fds--number.svelte-13lzw3t input[type=text][data-invalid]:where(.svelte-13lzw3t):not(:focus)~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:hover{outline-style:dotted}}.fds--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):focus~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn.up-icon:after{background-color:transparent}.fds--number.svelte-13lzw3t input[type=text][data-invalid]:where(.svelte-13lzw3t)~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn.up-icon:after{background-color:transparent}.fds--number.svelte-13lzw3t input[type=text][data-invalid]:where(.svelte-13lzw3t):focus~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn.up-icon:after,.fds--number.svelte-13lzw3t input[type=text][data-invalid]:where(.svelte-13lzw3t)~.fds--number__controls .fds--icon-tooltip.fds--popover-container .fds--number__control-btn.up-icon:focus:after{background-color:var(--fds-focus, #0f62fe)}.fds--number__rule-divider.svelte-13lzw3t{position:absolute;z-index:6000;width:.0625rem;height:1rem;background-color:var(--fds-border-subtle)}.fds--number__rule-divider.fds--number__first-divider.svelte-13lzw3t{order:0}.fds--number.svelte-13lzw3t .fds--number__input-wrapper:where(.svelte-13lzw3t) div.fds--number__controls:where(.svelte-13lzw3t) div.fds--number__rule-divider.fds--number__first-divider:where(.svelte-13lzw3t){left:0;background-color:transparent}.fds--number__invalid-icon.svelte-13lzw3t+.fds--number__controls:where(.svelte-13lzw3t) .fds--number__rule-divider.fds--number__first-divider:where(.svelte-13lzw3t){background-color:var(--fds-border-subtle)}.fds--visually-hidden.svelte-13lzw3t{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--number.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t):disabled+.fds--number__controls:where(.svelte-13lzw3t) .fds--number__rule-divider:where(.svelte-13lzw3t){background-color:var(--fds-icon-disabled, rgba(22, 22, 22, .25))}.fds--number__controls .fds-tooltip.fds--popover-container:has(.fds--number__control-btn:focus)~.fds--number__rule-divider{background-color:transparent}.fds--number__invalid-icon{position:absolute;right:6rem;fill:var(--fds-support-error, #da1e28)}.fds--number--lg .fds--number__invalid-icon{right:7rem}.fds--number--sm .fds--number__invalid-icon{right:5rem}.fds--number__invalid-icon+.fds--number__rule-divider{position:absolute;right:5rem}.fds--number--lg .fds--number__invalid-icon+.fds--number__rule-divider{right:6rem}.fds--number--sm .fds--number__invalid-icon+.fds--number__rule-divider{right:4rem}.fds--number__invalid-icon--warning{fill:var(--fds-support-warning, #f1c21b)}.fds--number__invalid-icon--warning path:first-of-type{fill:#000;opacity:100%}.fds--number.svelte-13lzw3t input[type=text].fds--text-input--layer-02:where(.svelte-13lzw3t){background-color:var(--fds-layer-02, #ffffff)}.fds--number.svelte-13lzw3t input[type=text].fds--text-input--layer-03:where(.svelte-13lzw3t){background-color:var(--fds-layer-03, #f4f4f4)}.fds--number--lg.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t){height:3rem}.fds--number--lg.svelte-13lzw3t .fds--number__controls:where(.svelte-13lzw3t){width:6rem}.fds--number--lg.svelte-13lzw3t .fds--number__control-btn:where(.svelte-13lzw3t){width:3rem}.fds--number--lg.svelte-13lzw3t .fds--number__control-btn:where(.svelte-13lzw3t):before,.fds--number--lg.svelte-13lzw3t .fds--number__control-btn:where(.svelte-13lzw3t):after{height:2.75rem}.fds--number--lg.svelte-13lzw3t .fds--tooltip.fds--popover-container:has(.fds--number__control-btn){width:3rem}.fds--number--lg.svelte-13lzw3t .fds--tooltip.fds--popover-container:has(.fds--number__control-btn):before,.fds--number--lg.svelte-13lzw3t .fds--tooltip.fds--popover-container:has(.fds--number__control-btn):after{height:2.75rem}.fds--number--sm.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t){height:2rem}.fds--number--sm.svelte-13lzw3t .fds--number__controls:where(.svelte-13lzw3t){width:4rem}.fds--number--sm .fds--icon-tooltip.fds--popover-container .fds--number__control-btn{width:2rem}.fds--number--sm .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:before,.fds--number--sm .fds--icon-tooltip.fds--popover-container .fds--number__control-btn:after{height:1.75rem}.fds--number--sm.svelte-13lzw3t .fds--tooltip.fds--popover-container:has(.fds--number__control-btn){width:2rem}.fds--number--sm.svelte-13lzw3t .fds--tooltip.fds--popover-container:has(.fds--number__control-btn):before,.fds--number--sm.svelte-13lzw3t .fds--tooltip.fds--popover-container:has(.fds--number__control-btn):after{height:1.75rem}.fds--number--nolabel .fds--label+.fds--form__helper-text{margin-top:0}.fds--number--nosteppers.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t){padding-right:3rem}.fds--number--nosteppers.svelte-13lzw3t .fds--number__invalid-icon:where(.svelte-13lzw3t){right:1rem}.fds--number--readonly.svelte-13lzw3t input[type=text]:where(.svelte-13lzw3t){background:transparent;border-bottom:1px solid var(--fds-border-subtle-01, #e0e0e0);cursor:default}.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly{color:var(--fds-icon-disabled, rgba(22, 22, 22, .25));border-bottom:1px solid var(--fds-border-subtle-01, #e0e0e0)}.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:hover,.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:focus{cursor:default;background:transparent;color:var(--fds-icon-disabled, rgba(22, 22, 22, .25));border-bottom:1px solid var(--fds-border-subtle-01, #e0e0e0)}.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:hover:before,.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:hover:after,.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:focus:before,.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:focus:after{background-color:transparent}.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:before,.fds--number__controls .fds--popover-container .fds--number__control-btn.fds--number__control-btn--readonly:after{background-color:transparent}.fds--number__controls .fds-tooltip.fds--popover-container :has(.fds--number__control-btn.fds--number__control-btn--readonly.up-icon)+.fds--number__rule-divider{background-color:var(--fds-border-subtle-01, #e0e0e0)}.fds--number__controls .fds--popover-container .fds--number__control-btn:focus{z-index:1}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--number__controls .fds--popover-container .fds--number__control-btn:focus{color:Highlight;outline:1px solid Highlight}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--number__control-btn.svelte-13lzw3t{outline:1px solid transparent}}@media screen and (-ms-high-contrast: active),(forced-colors: active){.fds--number__control-btn.svelte-13lzw3t svg{fill:ButtonText}}