npm - @simai-studio/ui - Versions diffs - 5.20261022.1814 → 5.20261023.16 - Mend

@simai-studio/ui 5.20261022.1814 → 5.20261023.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/README.md +4 -4
package/distr/component/accordion/css/accordion.min.css +1 -1
package/distr/component/buttons/css/buttons.min.css +1 -1
package/distr/component/context-menu/css/context-menu.min.css +1 -1
package/distr/component/doc/css/doc.min.css +1 -1
package/distr/component/dropdown/css/dropdown.min.css +1 -1
package/distr/component/highlight/css/highlight.min.css +1 -1
package/distr/component/highlight/js/highlight.min.js +1 -1
package/distr/component/inputs/css/inputs.min.css +1 -1
package/distr/component/tabs/css/tabs.min.css +1 -1
package/distr/core/css/core.css +25 -0
package/distr/core/css/core.min.css +1 -1
package/distr/core/js/core-loader.js +1 -1
package/distr/core/js/core-loader.min.js +1 -1
package/distr/core/js/template-utilities.generated.json +4 -1
package/distr/smart/context-menu/smart.manifest.json +2 -2
package/distr/smart/drawer/css/drawer.min.css +1 -1
package/distr/smart/drawer/js/drawer.min.js +12 -9
package/distr/smart/drawer/smart.manifest.json +54 -5
package/distr/smart/dropdown/js/dropdown.min.js +25 -21
package/distr/smart/dropdown/smart.manifest.json +2 -2
package/distr/smart/list-item/js/list-item.min.js +13 -9
package/distr/smart/list-item/smart.manifest.json +61 -11
package/distr/smart/list-item/template/default.js +32 -2
package/package-manifest.json +26 -26
package/package.json +4 -4

package/distr/component/highlight/css/highlight.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer sf.components{.theme-light,.theme-dark{--sf-highlight-text: var(--sf-on-surface);--sf-highlight-background: transparent;--sf-highlight-keyword: var(--sf-error);--sf-highlight-title: var(--sf-tertiary);--sf-highlight-attribute: var(--sf-primary);--sf-highlight-string: var(--sf-info);--sf-highlight-built-in: var(--sf-warning);--sf-highlight-comment: var(--sf-on-surface-variant);--sf-highlight-tag: var(--sf-success);--sf-highlight-section: var(--sf-primary);--sf-highlight-bullet: var(--sf-warning);--sf-highlight-punctuation: var(--sf-on-surface-variant);--sf-highlight-addition: var(--sf-on-success-container);--sf-highlight-addition-background: var(--sf-success-container);--sf-highlight-deletion: var(--sf-on-error-container);--sf-highlight-deletion-background: var(--sf-error-container);--sf-highlight-line-number: var(--sf-on-surface-variant);--sf-highlight-line-divider: var(--sf-outline-variant)}.theme-light pre code.hljs,.theme-dark pre code.hljs{display:block;overflow-x:auto;padding:var(--sf-space-1)}.theme-light code.hljs,.theme-dark code.hljs{padding:var(--sf-space-1\/3) var(--sf-space-1\/2)}.theme-light .hljs,.theme-dark .hljs{color:var(--sf-highlight-text);background:var(--sf-highlight-background)}.theme-light .hljs-doctag,.theme-light .hljs-keyword,.theme-light .hljs-meta .hljs-keyword,.theme-light .hljs-template-tag,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-variable.language_,.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-meta .hljs-keyword,.theme-dark .hljs-template-tag,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-variable.language_{color:var(--sf-highlight-keyword)}.theme-light .hljs-title,.theme-light .hljs-title.class_,.theme-light .hljs-title.class_.inherited__,.theme-light .hljs-title.function_,.theme-dark .hljs-title,.theme-dark .hljs-title.class_,.theme-dark .hljs-title.class_.inherited__,.theme-dark .hljs-title.function_{color:var(--sf-highlight-title)}.theme-light .hljs-attr,.theme-light .hljs-attribute,.theme-light .hljs-literal,.theme-light .hljs-meta,.theme-light .hljs-number,.theme-light .hljs-operator,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-class,.theme-light .hljs-selector-id,.theme-light .hljs-variable,.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-literal,.theme-dark .hljs-meta,.theme-dark .hljs-number,.theme-dark .hljs-operator,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-id,.theme-dark .hljs-variable{color:var(--sf-highlight-attribute)}.theme-light .hljs-meta .hljs-string,.theme-light .hljs-regexp,.theme-light .hljs-string,.theme-dark .hljs-meta .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-string{color:var(--sf-highlight-string)}.theme-light .hljs-built_in,.theme-light .hljs-symbol,.theme-dark .hljs-built_in,.theme-dark .hljs-symbol{color:var(--sf-highlight-built-in)}.theme-light .hljs-code,.theme-light .hljs-comment,.theme-light .hljs-formula,.theme-dark .hljs-code,.theme-dark .hljs-comment,.theme-dark .hljs-formula{color:var(--sf-highlight-comment)}.theme-light .hljs-name,.theme-light .hljs-quote,.theme-light .hljs-selector-pseudo,.theme-light .hljs-selector-tag,.theme-dark .hljs-name,.theme-dark .hljs-quote,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-selector-tag{color:var(--sf-highlight-tag)}.theme-light .hljs-subst,.theme-light .hljs-emphasis,.theme-light .hljs-strong,.theme-dark .hljs-subst,.theme-dark .hljs-emphasis,.theme-dark .hljs-strong{color:var(--sf-highlight-text)}.theme-light .hljs-section,.theme-dark .hljs-section{color:var(--sf-highlight-section);font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-bullet,.theme-dark .hljs-bullet{color:var(--sf-highlight-bullet)}.theme-light .hljs-emphasis,.theme-dark .hljs-emphasis{font-style:italic}.theme-light .hljs-strong,.theme-dark .hljs-strong{font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-addition,.theme-dark .hljs-addition{color:var(--sf-highlight-addition);background-color:var(--sf-highlight-addition-background)}.theme-light .hljs-deletion,.theme-dark .hljs-deletion{color:var(--sf-highlight-deletion);background-color:var(--sf-highlight-deletion-background)}.theme-light .hljs-punctuation,.theme-dark .hljs-punctuation{color:var(--sf-highlight-punctuation)}}@layer sf.components{.sf-code-lines{display:block}.sf-code-line{display:flex}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(ltr)){padding-right:var(--sf-space-1\/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(rtl)){padding-left:var(--sf-space-1\/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{text-align:right}@supports not (text-align: end){html:not([dir="rtl"]) .sf-code-line__number{text-align:right}}.sf-code-line__number:where(:dir(ltr)){text-align:right}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{text-align:left}@supports not (text-align: end){[dir="rtl"] .sf-code-line__number{text-align:left}}.sf-code-line__number:where(:dir(rtl)){text-align:left}.sf-code-line__number{flex:none;min-width:3ch;min-inline-size:3ch;min-width:3ch;min-width:var(--sf-code-line--number-size, 3ch);min-inline-size:var(--sf-code-line--number-size, 3ch);-webkit-padding-end:var(--sf-space-1\/2);padding-inline-end:var(--sf-space-1\/2);color:var(--sf-on-surface-variant);text-align:end;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sf-code-line__content{flex:1 1 auto;min-width:0;min-inline-size:0;white-space:pre}.sf--highlight-head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin-bottom:var(--sf-space-1\/2)}.sf--highlight-wrap{padding:0;height:100%}.sf--highlight-wrap>.sf-scrollbar__viewport:not([class=p-]){padding:var(--sf-space-1)}.sf-highlight__head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin:0;border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-highlight__wrap{min-width:0;height:100%;padding:0}.sf-code-surface{min-width:0;overflow:hidden;margin:0;background:var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);border:var(--sf-px) solid var(--sf-outline-variant);border-radius:var(--sf-radius--surface);color:var(--sf-on-surface)}.sf-code-surface>.sf-highlight__head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-code-surface>.sf--highlight-head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}}.sf-code-surface__scroll:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-code-surface__scroll{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-code-surface__scroll{text-align:right}}.sf-code-surface__scroll:where(:dir(rtl)){text-align:right}.sf-code-surface__scroll{max-width:100%;margin:0;padding:var(--sf-space-1);overflow:auto;overscroll-behavior-inline:contain;direction:ltr;text-align:start;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none}.sf-code-surface__scroll code{display:block;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-inline-size:-webkit-max-content;min-inline-size:-moz-max-content;min-inline-size:max-content;padding:0;white-space:pre;background:rgba(0,0,0,0)}li .sf-highlight{margin-top:var(--sf-space-1)}li .source{margin-top:var(--sf-space-1)}.theme-dark .hljs,.theme-light .hljs{padding:0 !important}.source+{margin-top:var(--sf-space-4)}.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:0;padding-bottom:0;text-align:center;color:var(--sf-highlight-line-number);vertical-align:top}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(ltr)){border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(rtl)){border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(ltr)){padding-right:var(--sf-a5)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}@supports not (padding-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(rtl)){padding-left:var(--sf-a5)}.hljs-ln-numbers div{-webkit-border-end:var(--sf-px) solid var(--sf-highlight-line-divider);border-inline-end:var(--sf-px) solid var(--sf-highlight-line-divider);-webkit-padding-end:var(--sf-a5);padding-inline-end:var(--sf-a5)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}}.hljs-ln-code:where(:dir(ltr)){padding-left:var(--sf-b0)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}@supports not (padding-inline-start: initial){[dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}}.hljs-ln-code:where(:dir(rtl)){padding-right:var(--sf-b0)}.hljs-ln-code{padding-top:0;-webkit-padding-start:var(--sf-b0);padding-inline-start:var(--sf-b0);padding-bottom:0}.hljs-ln{border-collapse:collapse}.hljs-ln-n:before{content:attr(data-line-number)}.sf-highlight pre{overflow:auto}.source pre{overflow:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-highlight code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-highlight code{text-align:left}}.sf-highlight code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-highlight code{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-highlight code{text-align:right}}.sf-highlight code:where(:dir(rtl)){text-align:right}.sf-highlight code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}_:-ms-input-placeholder, html:not([dir="rtl"]) .source code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .source code{text-align:left}}.source code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .source code{text-align:right}@supports not (text-align: start){[dir="rtl"] .source code{text-align:right}}.source code:where(:dir(rtl)){text-align:right}.source code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}@media(forced-colors: active){.sf-code-surface{border-color:CanvasText}.hljs-ln-numbers div{border-color:CanvasText}}}
1	+ @layer sf.components{.theme-light,.theme-dark{--sf-highlight-text: var(--sf-on-surface);--sf-highlight-background: transparent;--sf-highlight-keyword: var(--sf-error);--sf-highlight-title: var(--sf-tertiary);--sf-highlight-attribute: var(--sf-primary);--sf-highlight-string: var(--sf-info);--sf-highlight-built-in: var(--sf-warning);--sf-highlight-comment: var(--sf-on-surface-variant);--sf-highlight-tag: var(--sf-success);--sf-highlight-section: var(--sf-primary);--sf-highlight-bullet: var(--sf-warning);--sf-highlight-punctuation: var(--sf-on-surface-variant);--sf-highlight-addition: var(--sf-on-success-container);--sf-highlight-addition-background: var(--sf-success-container);--sf-highlight-deletion: var(--sf-on-error-container);--sf-highlight-deletion-background: var(--sf-error-container);--sf-highlight-line-number: var(--sf-on-surface-variant);--sf-highlight-line-divider: var(--sf-outline-variant)}.theme-light pre code.hljs,.theme-dark pre code.hljs{display:block;overflow-x:auto;padding:var(--sf-space-1)}.theme-light code.hljs,.theme-dark code.hljs{padding:var(--sf-space-1\/3) var(--sf-space-1\/2)}.theme-light .hljs,.theme-dark .hljs{color:var(--sf-highlight-text);background:var(--sf-highlight-background)}.theme-light .hljs-doctag,.theme-light .hljs-keyword,.theme-light .hljs-meta .hljs-keyword,.theme-light .hljs-template-tag,.theme-light .hljs-template-variable,.theme-light .hljs-type,.theme-light .hljs-variable.language_,.theme-dark .hljs-doctag,.theme-dark .hljs-keyword,.theme-dark .hljs-meta .hljs-keyword,.theme-dark .hljs-template-tag,.theme-dark .hljs-template-variable,.theme-dark .hljs-type,.theme-dark .hljs-variable.language_{color:var(--sf-highlight-keyword)}.theme-light .hljs-title,.theme-light .hljs-title.class_,.theme-light .hljs-title.class_.inherited__,.theme-light .hljs-title.function_,.theme-dark .hljs-title,.theme-dark .hljs-title.class_,.theme-dark .hljs-title.class_.inherited__,.theme-dark .hljs-title.function_{color:var(--sf-highlight-title)}.theme-light .hljs-attr,.theme-light .hljs-attribute,.theme-light .hljs-literal,.theme-light .hljs-meta,.theme-light .hljs-number,.theme-light .hljs-operator,.theme-light .hljs-selector-attr,.theme-light .hljs-selector-class,.theme-light .hljs-selector-id,.theme-light .hljs-variable,.theme-dark .hljs-attr,.theme-dark .hljs-attribute,.theme-dark .hljs-literal,.theme-dark .hljs-meta,.theme-dark .hljs-number,.theme-dark .hljs-operator,.theme-dark .hljs-selector-attr,.theme-dark .hljs-selector-class,.theme-dark .hljs-selector-id,.theme-dark .hljs-variable{color:var(--sf-highlight-attribute)}.theme-light .hljs-meta .hljs-string,.theme-light .hljs-regexp,.theme-light .hljs-string,.theme-dark .hljs-meta .hljs-string,.theme-dark .hljs-regexp,.theme-dark .hljs-string{color:var(--sf-highlight-string)}.theme-light .hljs-built_in,.theme-light .hljs-symbol,.theme-dark .hljs-built_in,.theme-dark .hljs-symbol{color:var(--sf-highlight-built-in)}.theme-light .hljs-code,.theme-light .hljs-comment,.theme-light .hljs-formula,.theme-dark .hljs-code,.theme-dark .hljs-comment,.theme-dark .hljs-formula{color:var(--sf-highlight-comment)}.theme-light .hljs-name,.theme-light .hljs-quote,.theme-light .hljs-selector-pseudo,.theme-light .hljs-selector-tag,.theme-dark .hljs-name,.theme-dark .hljs-quote,.theme-dark .hljs-selector-pseudo,.theme-dark .hljs-selector-tag{color:var(--sf-highlight-tag)}.theme-light .hljs-subst,.theme-light .hljs-emphasis,.theme-light .hljs-strong,.theme-dark .hljs-subst,.theme-dark .hljs-emphasis,.theme-dark .hljs-strong{color:var(--sf-highlight-text)}.theme-light .hljs-section,.theme-dark .hljs-section{color:var(--sf-highlight-section);font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-bullet,.theme-dark .hljs-bullet{color:var(--sf-highlight-bullet)}.theme-light .hljs-emphasis,.theme-dark .hljs-emphasis{font-style:italic}.theme-light .hljs-strong,.theme-dark .hljs-strong{font-weight:var(--sf-font-weight-bold)}.theme-light .hljs-addition,.theme-dark .hljs-addition{color:var(--sf-highlight-addition);background-color:var(--sf-highlight-addition-background)}.theme-light .hljs-deletion,.theme-dark .hljs-deletion{color:var(--sf-highlight-deletion);background-color:var(--sf-highlight-deletion-background)}.theme-light .hljs-punctuation,.theme-dark .hljs-punctuation{color:var(--sf-highlight-punctuation)}}@layer sf.components{.sf-code-lines{display:block}.sf-code-line{display:flex}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-code-line__number{padding-right:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(ltr)){padding-right:var(--sf-space-1\/2)}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-code-line__number{padding-left:var(--sf-space-1\/2)}}.sf-code-line__number:where(:dir(rtl)){padding-left:var(--sf-space-1\/2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-line__number{text-align:right}@supports not (text-align: end){html:not([dir="rtl"]) .sf-code-line__number{text-align:right}}.sf-code-line__number:where(:dir(ltr)){text-align:right}_:-ms-input-placeholder, [dir="rtl"] .sf-code-line__number{text-align:left}@supports not (text-align: end){[dir="rtl"] .sf-code-line__number{text-align:left}}.sf-code-line__number:where(:dir(rtl)){text-align:left}.sf-code-line__number{flex:none;min-width:3ch;min-inline-size:3ch;min-width:3ch;min-width:var(--sf-code-line--number-size, 3ch);min-inline-size:var(--sf-code-line--number-size, 3ch);-webkit-padding-end:var(--sf-space-1\/2);padding-inline-end:var(--sf-space-1\/2);color:var(--sf-on-surface-variant);text-align:end;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sf-code-line__content{flex:1 1 auto;min-width:0;min-inline-size:0;white-space:pre}.sf--highlight-head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin-bottom:var(--sf-space-1\/2)}.sf--highlight-wrap{padding:0;height:100%}.sf--highlight-wrap>.sf-scrollbar__viewport:not([class=p-]){padding:var(--sf-space-1)}.sf-highlight__head{padding:var(--sf-space-1\/3) var(--sf-space-1);margin:0;border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-highlight__wrap{min-width:0;height:100%;padding:0}.sf-code-surface{min-width:0;overflow:hidden;margin:0;background:var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant);border:var(--sf-px) solid var(--sf-outline-variant);border-radius:var(--sf-radius--surface);color:var(--sf-on-surface)}.sf-code-surface>.sf-highlight__head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}.sf-code-surface>.sf--highlight-head{margin:0;padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);border-bottom:var(--sf-px) solid var(--sf-outline-variant);-webkit-border-after:var(--sf-px) solid var(--sf-outline-variant);border-block-end:var(--sf-px) solid var(--sf-outline-variant)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-code-surface__scroll{text-align:left}}.sf-code-surface__scroll:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-code-surface__scroll{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-code-surface__scroll{text-align:right}}.sf-code-surface__scroll:where(:dir(rtl)){text-align:right}.sf-code-surface__scroll{max-width:100%;margin:0;padding:var(--sf-space-1);overflow:auto;overscroll-behavior-inline:contain;direction:ltr;text-align:start;background:rgba(0,0,0,0);border:0;border-radius:0;box-shadow:none}.sf-code-surface__scroll code{display:block;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-inline-size:-webkit-max-content;min-inline-size:-moz-max-content;min-inline-size:max-content;padding:0;white-space:pre;background:rgba(0,0,0,0)}li .sf-highlight{margin-top:var(--sf-space-1)}li .source{margin-top:var(--sf-space-1)}.theme-dark .hljs,.theme-light .hljs{padding:0 !important}.sf-highlight+{margin-top:var(--sf-space-4)}.source+*{margin-top:var(--sf-space-4)}.hljs-ln-numbers{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:0;padding-bottom:0;text-align:center;color:var(--sf-highlight-line-number);vertical-align:top}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(ltr)){border-right:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}@supports not (border-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}}.hljs-ln-numbers div:where(:dir(rtl)){border-left:var(--sf-px) solid var(--sf-highlight-line-divider)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .hljs-ln-numbers div{padding-right:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(ltr)){padding-right:var(--sf-a5)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}@supports not (padding-inline-end: initial){[dir="rtl"] .hljs-ln-numbers div{padding-left:var(--sf-a5)}}.hljs-ln-numbers div:where(:dir(rtl)){padding-left:var(--sf-a5)}.hljs-ln-numbers div{-webkit-border-end:var(--sf-px) solid var(--sf-highlight-line-divider);border-inline-end:var(--sf-px) solid var(--sf-highlight-line-divider);-webkit-padding-end:var(--sf-a5);padding-inline-end:var(--sf-a5)}_:-ms-input-placeholder, html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .hljs-ln-code{padding-left:var(--sf-b0)}}.hljs-ln-code:where(:dir(ltr)){padding-left:var(--sf-b0)}_:-ms-input-placeholder, [dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}@supports not (padding-inline-start: initial){[dir="rtl"] .hljs-ln-code{padding-right:var(--sf-b0)}}.hljs-ln-code:where(:dir(rtl)){padding-right:var(--sf-b0)}.hljs-ln-code{padding-top:0;-webkit-padding-start:var(--sf-b0);padding-inline-start:var(--sf-b0);padding-bottom:0}.hljs-ln{border-collapse:collapse}.hljs-ln-n:before{content:attr(data-line-number)}.sf-highlight pre{overflow:auto}.source pre{overflow:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-highlight code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-highlight code{text-align:left}}.sf-highlight code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-highlight code{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-highlight code{text-align:right}}.sf-highlight code:where(:dir(rtl)){text-align:right}.sf-highlight code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}_:-ms-input-placeholder, html:not([dir="rtl"]) .source code{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .source code{text-align:left}}.source code:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .source code{text-align:right}@supports not (text-align: start){[dir="rtl"] .source code{text-align:right}}.source code:where(:dir(rtl)){text-align:right}.source code{font-size:var(--sf-text-medium--size);line-height:var(--sf-text-medium--line-height);direction:ltr;text-align:start}@media(forced-colors: active){.sf-code-surface{border-color:CanvasText}.hljs-ln-numbers div{border-color:CanvasText}}}

package/distr/component/highlight/js/highlight.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- (()=>{"use strict";const e=Object.freeze({js:"javascript",ts:"typescript",sh:"bash",shell:"bash",text:"plaintext",html:"xml",yml:"yaml",env:"dotenv",md:"markdown"}),t=Object.freeze(["plaintext","xml","css","scss","javascript","typescript","json","bash","php","python","sql","yaml","markdown","blade","dotenv","1c"]);Object.freeze({}),Object.freeze({});const n=function(e,t){if(e&&t)if("undefined"==typeof window\|\|"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS\|\|[]).push([e,t])}}else window.registerSfComponent(e,t)},s=(()=>{const e="undefined"!=typeof globalThis?globalThis:{},t="__sfPageLanguage";return e[t]\|\|(e[t]={listeners:new Set,registered:new Map,chosen:null}),e[t]})(),o=s.listeners,a=s.registered,i=e=>String(e??"").trim().toLowerCase().replace("_","-"),r=()=>{for(const e of[...o])try{e()}catch{}};function l(e){let t=e;for(;t;){const e="function"==typeof t.closest?t.closest("[lang]"):null;if(e)return e;const n="function"==typeof t.getRootNode?t.getRootNode():null;t=n&&n!==t&&n.host?n.host:null}return null}function c(e){if(s.chosen)return s.chosen.split("-")[0];const t=l(e),n=t?.getAttribute("lang")\|\|globalThis.document?.documentElement?.lang\|\|"en";return i(n).split("-")[0]\|\|"en"}function u(e){if(s.chosen)return s.chosen;const t=l(e);return i(t?.getAttribute("lang")\|\|globalThis.document?.documentElement?.lang\|\|"en")}function d(e,t,n,s){const o=s??(e=>{const t=e?.tagName;return"string"==typeof t?t.toLowerCase():null})(n);for(const s of(e=>{const t=i(e),n=t.split("-")[0],s=[];for(const e of[t,n,"en"])e&&!s.includes(e)&&s.push(e);return s})(u(n))){const n=o?a.get(o)?.get(s)?.[t]:void 0;if(void 0!==n)return n;const i=e?.[s]?.[t];if(void 0!==i)return i}return t}const h={current:(e=globalThis.document?.documentElement??null)=>u(e),use(e){const t=null==e?null:i(e);return t===s.chosen\|\|(s.chosen=t,r()),s.chosen},register(e,t,n){const s=String(e??"").toLowerCase(),o=i(t);if(!s\|\|!o)throw new TypeError("a component and a language are required");a.has(s)\|\|a.set(s,new Map);const l=a.get(s);return null===n?l.delete(o):l.set(o,{...l.get(o)??{},...n}),r(),this},registerAll(e,t={}){for(const[n,s]of Object.entries(t))this.register(n,e,s);return this},known(e){const t=String(e??"").toLowerCase();return[...a.get(t)?.keys()??[]]},components:()=>[...a.keys()],onChange:e=>"function"!=typeof e?()=>{}:(o.add(e),()=>o.delete(e)),forget(){return a.clear(),s.chosen=null,r(),this}};"undefined"!=typeof window&&(window.SF=window.SF\|\|{},window.SF.language=h,window.SF.pageLanguage=c,window.SF.pageText=d);const g={en:{copy:"Copy code",copied:"Code copied"},ru:{copy:"Копировать код",copied:"Код скопирован"}},f="pre code",p=".sf-highlight, .source",m=new Set(["auto","none","static"]),w=new WeakSet,b=new WeakMap,y=[],S=new Set(t),E={...e};let _=0;function L(e){const t=String(e\|\|"").trim().toLowerCase();return E[t]\|\|t}function N(e){const t=[...e.classList].find(e=>/^(?:language\|lang)-/.test(e));return String(e.dataset.lang\|\|t?.replace(/^(?:language\|lang)-/,"")\|\|"").trim().toLowerCase()}function x(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"}[e]))}const C=new Set(["as","async","await","break","case","catch","class","const","continue","default","delete","do","else","export","extends","false","finally","for","from","function","if","import","in","instanceof","let","new","null","of","return","static","super","switch","this","throw","true","try","typeof","undefined","var","void","while","yield","echo","public","private","protected","fn","def","pass","elif","fi","then","select","insert","update","where","and","or","not","into","values"]);function v(e){return/^\/\//.test(e)\|\|/^\/\/.test(e)\|\|/^#(?![0-9a-f]{3,8}\b)/i.test(e)?"comment":/^['"`]/.test(e)?"string":/^-?(?:\d+\.?\d\|\.\d+)$/.test(e)?"number":C.has(e.toLowerCase())?"keyword":""}function j(e,t){if("plaintext"===t)return x(e);const n=/(\/\[\s\S]?\\/\|\/\/[^\n]\|#[^\n]\|'(?:\\.\|[^'\\])'\|"(?:\\.\|[^"\\])"\|`(?:\\.\|[^`\\])`\|-?(?:\d+\.?\d\|\.\d+)\|[A-Za-z_$][\w$-])/g;let s="",o=0;for(const t of String(e).matchAll(n)){s+=x(e.slice(o,t.index));const n=t[0],a=v(n);s+=a?`<span class="hljs-${a}">${x(n)}</span>`:x(n),o=t.index+n.length}return s+x(e.slice(o))}const A={componentName:"hljs",addPlugin(e){y.push(e)},getLanguage:e=>S.has(L(e)),registerAliases(e,{languageName:t}){e.forEach(e=>{E[e]=t})},registerLanguage(e){S.add(L(e))},highlight(e,{language:t="plaintext"}={}){const n=L(t);return{language:n,relevance:0,value:j(e,n)}},highlightElement(e){const t=L(N(e)\|\|"plaintext");y.forEach(t=>t["before:highlightElement"]?.({el:e}));const n=this.highlight(e.textContent,{language:this.getLanguage(t)?t:"plaintext"});return e.innerHTML=n.value,e.classList.add("hljs"),e.dataset.highlighted="yes",y.forEach(t=>t["after:highlightElement"]?.({el:e,result:n})),n}};function D(e,t,n){let s=n.querySelector(":scope > .sf-highlight__copy");if(s)return s;const o=function(e,t){return{label:e.dataset.copyLabel\|\|t?.dataset.copyLabel\|\|d(g,"copy",e,"sf-highlight"),success:e.dataset.copySuccess\|\|t?.dataset.copySuccess\|\|d(g,"copied",e,"sf-highlight")}}(e,t),a=function(e){if(e.id)return e.id;do{_+=1,e.id=`sf-highlight-code-${_}`}while(e.ownerDocument.getElementById(e.id)!==e);return e.id}(e);let i=n.querySelector(":scope > .sf-highlight__status");i\|\|(i=e.ownerDocument.createElement("span"),i.id=`${a}-copy-status`,i.className="sf-highlight__status sr-only",n.append(i)),s=e.ownerDocument.createElement("button"),s.type="button",s.className="sf-highlight__copy sf-clipboard sf-icon-button sf-icon-button--size-1/2 sf-icon-button--icon sf-icon-button--link sf-icon-button--on-surface flex items-cross-center",s.dataset.target=`#${a}`,s.dataset.status=`#${i.id}`,s.dataset.success=o.success,s.setAttribute("aria-label",o.label);const r=e.ownerDocument.createElement("span");return r.className="sf-icon",r.textContent="content_copy",r.setAttribute("aria-hidden","true"),s.append(r),n.append(s),s}function k(e){let t=e.closest(p);const n=function(e,t){const n=e.dataset.chrome\|\|t?.dataset.chrome\|\|t?.dataset.sfHighlightChrome\|\|"auto";return m.has(n)?n:"auto"}(e,t),s=e.closest("pre");if(!s)return{root:null,mode:n};if(t?t.classList.add("sf-highlight"):(t=e.ownerDocument.createElement("div"),t.className="sf-highlight ~~source~~",s.replaceWith(t),t.append(s)),t.classList.add("sf-code-surface"),s.classList.add("sf-code-surface__scroll"),"static"!==n){let n=s.closest(".sf-highlight__wrap, .sf--highlight-wrap");n&&n.closest(p)===t\|\|(n=e.ownerDocument.createElement("div"),n.className="sf-highlight__wrap sf--highlight-wrap sf-scrollbar",n.dataset.sfScrollbar="overlay",n.dataset.sfScrollbarAxis="horizontal",s.replaceWith(n),n.append(s)),s.classList.add("sf-scrollbar__viewport")}let o=null;return"auto"===n&&(o=t.querySelector(":scope > .sf-highlight__head, :scope > .sf--highlight-head"),o\|\|(o=e.ownerDocument.createElement("div"),o.className="sf-highlight__head sf--highlight-head flex content-main-between items-center border-outline-variant bg-surface-overlay",t.prepend(o))),{head:o,mode:n,root:t}}function F(e=document){const t=[];return e instanceof Element&&e.matches(f)&&t.push(e),e.querySelectorAll?.(f).forEach(e=>t.push(e)),t}async function T(e){if(!(e instanceof HTMLElement))return!1;if(e.dataset.highlighted\|\|w.has(e))return!0;e.textContent=e.textContent.trim(),b.set(e,e.textContent);const t=N(e),n=L(t\|\|"plaintext");return e.dataset.requestedLang=t,e.dataset.highlightState=A.getLanguage(n)?"ready":"unsupported",A.getLanguage(n)\|\|e.classList.add("language-plaintext"),A.highlightElement(e),e.closest(p)?.setAttribute("data-highlight-state",e.dataset.highlightState),w.add(e),!0}async function q(e=document){const t=F(e);for(const e of t)await T(e);return t}if(function(e){function t(e){if(!e\|\|e.querySelector(":scope > .sf-code-lines"))return;const t=e.innerHTML.split(/\r?\n/),n=Number.parseInt(e.dataset.start??e.closest?.("[data-start]")?.dataset.start??"1",10),s=Number.isFinite(n)?n:1,o=e.ownerDocument.createElement("span");o.className="sf-code-lines",o.setAttribute("role","presentation"),t.forEach((t,n)=>{const a=e.ownerDocument.createElement("span");a.className="sf-code-line";const i=e.ownerDocument.createElement("span");i.className="sf-code-line__number",i.textContent=String(s+n),i.setAttribute("aria-hidden","true");const r=e.ownerDocument.createElement("span");r.className="sf-code-line__content",r.innerHTML=t\|\|" ",a.append(i,r),o.append(a)}),e.replaceChildren(o)}e.lineNumbersBlock=t,e.lineNumbersBlockSync=t,e.initLineNumbersOnLoad=()=>{}}(A),"undefined"!=typeof window&&(window.hljs=A),A.addPlugin({"before:highlightElement":({el:e})=>k(e),"after:highlightElement":({el:e,result:t})=>{var n;!function(e,t){const{head:n,mode:s,root:o}=k(e);if(!o)return;if(o.dataset.highlightState=e.dataset.highlightState,o.classList.add("init"),"auto"!==s\|\|!n)return;let a=n.querySelector(":scope > .sf-highlight__language");a\|\|(a=e.ownerDocument.createElement("span"),a.className="sf-highlight__language sf-text-1/2 weight-5",n.prepend(a)),a.textContent=e.dataset.requestedLang\|\|t.language\|\|"text",D(e,o,n)}(e,t),((n=e).hasAttribute("data-lines")?"false"!==n.dataset.lines:"true"===n.dataset.lineNumbers)&&A.lineNumbersBlock(e)}}),"undefined"!=typeof document){q();new MutationObserver(e=>e.forEach(e=>e.addedNodes.forEach(e=>{e instanceof Element&&q(e)}))).observe(document.documentElement,{childList:!0,subtree:!0})}"undefined"!=typeof window&&(window.SF=window.SF\|\|{},window.SF.Highlight={highlight:T,refresh:async function(e,t){const n=F(e instanceof Element?e:document);for(const e of n)e.textContent="string"==typeof t?t:b.get(e)\|\|e.textContent,delete e.dataset.highlighted,w.delete(e),await T(e);return n}}),n("hljs",A)})();
1	+ (()=>{"use strict";const e=Object.freeze({js:"javascript",ts:"typescript",sh:"bash",shell:"bash",text:"plaintext",html:"xml",yml:"yaml",env:"dotenv",md:"markdown"}),t=Object.freeze(["plaintext","xml","css","scss","javascript","typescript","json","bash","php","python","sql","yaml","markdown","blade","dotenv","1c"]);Object.freeze({}),Object.freeze({});const n=function(e,t){if(e&&t)if("undefined"==typeof window\|\|"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS\|\|[]).push([e,t])}}else window.registerSfComponent(e,t)},s=(()=>{const e="undefined"!=typeof globalThis?globalThis:{},t="__sfPageLanguage";return e[t]\|\|(e[t]={listeners:new Set,registered:new Map,chosen:null}),e[t]})(),o=s.listeners,a=s.registered,i=e=>String(e??"").trim().toLowerCase().replace("_","-"),r=()=>{for(const e of[...o])try{e()}catch{}};function l(e){let t=e;for(;t;){const e="function"==typeof t.closest?t.closest("[lang]"):null;if(e)return e;const n="function"==typeof t.getRootNode?t.getRootNode():null;t=n&&n!==t&&n.host?n.host:null}return null}function c(e){if(s.chosen)return s.chosen.split("-")[0];const t=l(e),n=t?.getAttribute("lang")\|\|globalThis.document?.documentElement?.lang\|\|"en";return i(n).split("-")[0]\|\|"en"}function u(e){if(s.chosen)return s.chosen;const t=l(e);return i(t?.getAttribute("lang")\|\|globalThis.document?.documentElement?.lang\|\|"en")}function d(e,t,n,s){const o=s??(e=>{const t=e?.tagName;return"string"==typeof t?t.toLowerCase():null})(n);for(const s of(e=>{const t=i(e),n=t.split("-")[0],s=[];for(const e of[t,n,"en"])e&&!s.includes(e)&&s.push(e);return s})(u(n))){const n=o?a.get(o)?.get(s)?.[t]:void 0;if(void 0!==n)return n;const i=e?.[s]?.[t];if(void 0!==i)return i}return t}const h={current:(e=globalThis.document?.documentElement??null)=>u(e),use(e){const t=null==e?null:i(e);return t===s.chosen\|\|(s.chosen=t,r()),s.chosen},register(e,t,n){const s=String(e??"").toLowerCase(),o=i(t);if(!s\|\|!o)throw new TypeError("a component and a language are required");a.has(s)\|\|a.set(s,new Map);const l=a.get(s);return null===n?l.delete(o):l.set(o,{...l.get(o)??{},...n}),r(),this},registerAll(e,t={}){for(const[n,s]of Object.entries(t))this.register(n,e,s);return this},known(e){const t=String(e??"").toLowerCase();return[...a.get(t)?.keys()??[]]},components:()=>[...a.keys()],onChange:e=>"function"!=typeof e?()=>{}:(o.add(e),()=>o.delete(e)),forget(){return a.clear(),s.chosen=null,r(),this}};"undefined"!=typeof window&&(window.SF=window.SF\|\|{},window.SF.language=h,window.SF.pageLanguage=c,window.SF.pageText=d);const g={en:{copy:"Copy code",copied:"Code copied"},ru:{copy:"Копировать код",copied:"Код скопирован"}},f="pre code",p=".sf-highlight, .source",m=new Set(["auto","none","static"]),w=new WeakSet,b=new WeakMap,y=[],S=new Set(t),E={...e};let _=0;function L(e){const t=String(e\|\|"").trim().toLowerCase();return E[t]\|\|t}function N(e){const t=[...e.classList].find(e=>/^(?:language\|lang)-/.test(e));return String(e.dataset.lang\|\|t?.replace(/^(?:language\|lang)-/,"")\|\|"").trim().toLowerCase()}function x(e){return String(e).replace(/[&<>"']/g,e=>({"&":"&","<":"<",">":">",'"':""","'":"'"}[e]))}const C=new Set(["as","async","await","break","case","catch","class","const","continue","default","delete","do","else","export","extends","false","finally","for","from","function","if","import","in","instanceof","let","new","null","of","return","static","super","switch","this","throw","true","try","typeof","undefined","var","void","while","yield","echo","public","private","protected","fn","def","pass","elif","fi","then","select","insert","update","where","and","or","not","into","values"]);function v(e){return/^\/\//.test(e)\|\|/^\/\/.test(e)\|\|/^#(?![0-9a-f]{3,8}\b)/i.test(e)?"comment":/^['"`]/.test(e)?"string":/^-?(?:\d+\.?\d\|\.\d+)$/.test(e)?"number":C.has(e.toLowerCase())?"keyword":""}function j(e,t){if("plaintext"===t)return x(e);const n=/(\/\[\s\S]?\\/\|\/\/[^\n]\|#[^\n]\|'(?:\\.\|[^'\\])'\|"(?:\\.\|[^"\\])"\|`(?:\\.\|[^`\\])`\|-?(?:\d+\.?\d\|\.\d+)\|[A-Za-z_$][\w$-])/g;let s="",o=0;for(const t of String(e).matchAll(n)){s+=x(e.slice(o,t.index));const n=t[0],a=v(n);s+=a?`<span class="hljs-${a}">${x(n)}</span>`:x(n),o=t.index+n.length}return s+x(e.slice(o))}const A={componentName:"hljs",addPlugin(e){y.push(e)},getLanguage:e=>S.has(L(e)),registerAliases(e,{languageName:t}){e.forEach(e=>{E[e]=t})},registerLanguage(e){S.add(L(e))},highlight(e,{language:t="plaintext"}={}){const n=L(t);return{language:n,relevance:0,value:j(e,n)}},highlightElement(e){const t=L(N(e)\|\|"plaintext");y.forEach(t=>t["before:highlightElement"]?.({el:e}));const n=this.highlight(e.textContent,{language:this.getLanguage(t)?t:"plaintext"});return e.innerHTML=n.value,e.classList.add("hljs"),e.dataset.highlighted="yes",y.forEach(t=>t["after:highlightElement"]?.({el:e,result:n})),n}};function D(e,t,n){let s=n.querySelector(":scope > .sf-highlight__copy");if(s)return s;const o=function(e,t){return{label:e.dataset.copyLabel\|\|t?.dataset.copyLabel\|\|d(g,"copy",e,"sf-highlight"),success:e.dataset.copySuccess\|\|t?.dataset.copySuccess\|\|d(g,"copied",e,"sf-highlight")}}(e,t),a=function(e){if(e.id)return e.id;do{_+=1,e.id=`sf-highlight-code-${_}`}while(e.ownerDocument.getElementById(e.id)!==e);return e.id}(e);let i=n.querySelector(":scope > .sf-highlight__status");i\|\|(i=e.ownerDocument.createElement("span"),i.id=`${a}-copy-status`,i.className="sf-highlight__status sr-only",n.append(i)),s=e.ownerDocument.createElement("button"),s.type="button",s.className="sf-highlight__copy sf-clipboard sf-icon-button sf-icon-button--size-1/2 sf-icon-button--icon sf-icon-button--link sf-icon-button--on-surface flex items-cross-center",s.dataset.target=`#${a}`,s.dataset.status=`#${i.id}`,s.dataset.success=o.success,s.setAttribute("aria-label",o.label);const r=e.ownerDocument.createElement("span");return r.className="sf-icon",r.textContent="content_copy",r.setAttribute("aria-hidden","true"),s.append(r),n.append(s),s}function k(e){let t=e.closest(p);const n=function(e,t){const n=e.dataset.chrome\|\|t?.dataset.chrome\|\|t?.dataset.sfHighlightChrome\|\|"auto";return m.has(n)?n:"auto"}(e,t),s=e.closest("pre");if(!s)return{root:null,mode:n};if(t?t.classList.add("sf-highlight"):(t=e.ownerDocument.createElement("div"),t.className="sf-highlight",s.replaceWith(t),t.append(s)),t.classList.add("sf-code-surface"),s.classList.add("sf-code-surface__scroll"),"static"!==n){let n=s.closest(".sf-highlight__wrap, .sf--highlight-wrap");n&&n.closest(p)===t\|\|(n=e.ownerDocument.createElement("div"),n.className="sf-highlight__wrap sf--highlight-wrap sf-scrollbar",n.dataset.sfScrollbar="overlay",n.dataset.sfScrollbarAxis="horizontal",s.replaceWith(n),n.append(s)),s.classList.add("sf-scrollbar__viewport")}let o=null;return"auto"===n&&(o=t.querySelector(":scope > .sf-highlight__head, :scope > .sf--highlight-head"),o\|\|(o=e.ownerDocument.createElement("div"),o.className="sf-highlight__head sf--highlight-head flex content-main-between items-center border-outline-variant bg-surface-overlay",t.prepend(o))),{head:o,mode:n,root:t}}function F(e=document){const t=[];return e instanceof Element&&e.matches(f)&&t.push(e),e.querySelectorAll?.(f).forEach(e=>t.push(e)),t}async function T(e){if(!(e instanceof HTMLElement))return!1;if(e.dataset.highlighted\|\|w.has(e))return!0;e.textContent=e.textContent.trim(),b.set(e,e.textContent);const t=N(e),n=L(t\|\|"plaintext");return e.dataset.requestedLang=t,e.dataset.highlightState=A.getLanguage(n)?"ready":"unsupported",A.getLanguage(n)\|\|e.classList.add("language-plaintext"),A.highlightElement(e),e.closest(p)?.setAttribute("data-highlight-state",e.dataset.highlightState),w.add(e),!0}async function q(e=document){const t=F(e);for(const e of t)await T(e);return t}if(function(e){function t(e){if(!e\|\|e.querySelector(":scope > .sf-code-lines"))return;const t=e.innerHTML.split(/\r?\n/),n=Number.parseInt(e.dataset.start??e.closest?.("[data-start]")?.dataset.start??"1",10),s=Number.isFinite(n)?n:1,o=e.ownerDocument.createElement("span");o.className="sf-code-lines",o.setAttribute("role","presentation"),t.forEach((t,n)=>{const a=e.ownerDocument.createElement("span");a.className="sf-code-line";const i=e.ownerDocument.createElement("span");i.className="sf-code-line__number",i.textContent=String(s+n),i.setAttribute("aria-hidden","true");const r=e.ownerDocument.createElement("span");r.className="sf-code-line__content",r.innerHTML=t\|\|" ",a.append(i,r),o.append(a)}),e.replaceChildren(o)}e.lineNumbersBlock=t,e.lineNumbersBlockSync=t,e.initLineNumbersOnLoad=()=>{}}(A),"undefined"!=typeof window&&(window.hljs=A),A.addPlugin({"before:highlightElement":({el:e})=>k(e),"after:highlightElement":({el:e,result:t})=>{var n;!function(e,t){const{head:n,mode:s,root:o}=k(e);if(!o)return;if(o.dataset.highlightState=e.dataset.highlightState,o.classList.add("init"),"auto"!==s\|\|!n)return;let a=n.querySelector(":scope > .sf-highlight__language");a\|\|(a=e.ownerDocument.createElement("span"),a.className="sf-highlight__language sf-text-1/2 weight-5",n.prepend(a)),a.textContent=e.dataset.requestedLang\|\|t.language\|\|"text",D(e,o,n)}(e,t),((n=e).hasAttribute("data-lines")?"false"!==n.dataset.lines:"true"===n.dataset.lineNumbers)&&A.lineNumbersBlock(e)}}),"undefined"!=typeof document){q();new MutationObserver(e=>e.forEach(e=>e.addedNodes.forEach(e=>{e instanceof Element&&q(e)}))).observe(document.documentElement,{childList:!0,subtree:!0})}"undefined"!=typeof window&&(window.SF=window.SF\|\|{},window.SF.Highlight={highlight:T,refresh:async function(e,t){const n=F(e instanceof Element?e:document);for(const e of n)e.textContent="string"==typeof t?t:b.get(e)\|\|e.textContent,delete e.dataset.highlighted,w.delete(e),await T(e);return n}}),n("hljs",A)})();

package/distr/component/inputs/css/inputs.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer sf.components{.sf-input .sf-input-field input{flex:1 1 auto;min-width:0;width:auto}.sf-input .sf-input-right,.sf-input .sf-input-field>.sf-icon,.sf-input .sf-input-field>.sf-icon-hint{flex-shrink:0}}@layer sf.components{.sf-input{min-width:0;min-inline-size:0;--sf-input--radius: var(--sf-input-radius, var(--sf-radius--ui));background-color:transparent;background-color:var(--sf-input--background-color, transparent);gap:var(--sf-space-1\/4);gap:var(--sf-input--gap, var(--sf-space-1\/4))}.sf-input .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon-size-3);font-size:var(--sf-icon--font-size, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-end-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-bottom-right-radius:var(--sf-input-field--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-end-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-bottom-left-radius:var(--sf-input-field--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-start-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-bottom-left-radius:var(--sf-input-field--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-start-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-bottom-right-radius:var(--sf-input-field--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-end-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-top-right-radius:var(--sf-input-field--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-end-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-top-left-radius:var(--sf-input-field--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-start-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-top-left-radius:var(--sf-input-field--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-start-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-top-right-radius:var(--sf-input-field--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-end)}}.sf-input .sf-input-field:where(:dir(ltr)){padding-right:var(--sf-input-field--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-end)}}.sf-input .sf-input-field:where(:dir(rtl)){padding-left:var(--sf-input-field--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-start)}}.sf-input .sf-input-field:where(:dir(ltr)){padding-left:var(--sf-input-field--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-start)}}.sf-input .sf-input-field:where(:dir(rtl)){padding-right:var(--sf-input-field--padding-inline-start)}.sf-input .sf-input-field{min-width:0;min-inline-size:0;--sf-input-field--border: var(--sf-px) solid;--sf-input-field--border-end-end-radius: var(--sf-input--radius);--sf-input-field--border-end-start-radius: var(--sf-input--radius);--sf-input-field--border-start-end-radius: var(--sf-input--radius);--sf-input-field--border-start-start-radius: var(--sf-input--radius);background-color:var(--sf-input-field--background-color);border:0 solid;border:var(--sf-input-field--border, 0 solid);border-color:transparent;border-color:var(--sf-input-field--border-color, transparent);border-end-end-radius:var(--sf-input-field--border-end-end-radius);border-end-start-radius:var(--sf-input-field--border-end-start-radius);border-start-end-radius:var(--sf-input-field--border-start-end-radius);border-start-start-radius:var(--sf-input-field--border-start-start-radius);box-shadow:var(--sf-input-field--box-shadow);padding-bottom:var(--sf-input-field--padding-bottom);-webkit-padding-end:var(--sf-input-field--padding-inline-end);padding-inline-end:var(--sf-input-field--padding-inline-end);-webkit-padding-start:var(--sf-input-field--padding-inline-start);padding-inline-start:var(--sf-input-field--padding-inline-start);padding-top:var(--sf-input-field--padding-top);transition-duration:var(--sf-duration-fast);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--sf-animation)}.sf-input .sf-input-hint{--sf-input-hint--background-color: transparent;background-color:var(--sf-input-hint--background-color)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-end)}}.sf-input .sf-input-field input:where(:dir(ltr)){padding-right:var(--sf-input-input--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-end)}}.sf-input .sf-input-field input:where(:dir(rtl)){padding-left:var(--sf-input-input--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-start)}}.sf-input .sf-input-field input:where(:dir(ltr)){padding-left:var(--sf-input-input--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-start)}}.sf-input .sf-input-field input:where(:dir(rtl)){padding-right:var(--sf-input-input--padding-inline-start)}.sf-input .sf-input-field input{min-width:0;min-inline-size:0;--sf-input-input--background-color: transparent;background-color:var(--sf-input-input--background-color);color:var(--sf-input-input--color);color:var(--sf-input-color, var(--sf-input-input--color));font-family:var(--sf-input-input--font-family);font-size:var(--sf-input-input--font-size);line-height:var(--sf-input-input--line-height);-webkit-padding-end:var(--sf-input-input--padding-inline-end);padding-inline-end:var(--sf-input-input--padding-inline-end);-webkit-padding-start:var(--sf-input-input--padding-inline-start);padding-inline-start:var(--sf-input-input--padding-inline-start)}.sf-input .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input.sf-input--filled .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input .sf-input-left{--sf-input-left--background-color: transparent;background-color:var(--sf-input-left--background-color)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-end)}}.sf-input .sf-input-right:where(:dir(ltr)){padding-right:var(--sf-input-right--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-end)}}.sf-input .sf-input-right:where(:dir(rtl)){padding-left:var(--sf-input-right--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-start)}}.sf-input .sf-input-right:where(:dir(ltr)){padding-left:var(--sf-input-right--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-start)}}.sf-input .sf-input-right:where(:dir(rtl)){padding-right:var(--sf-input-right--padding-inline-start)}.sf-input .sf-input-right{--sf-input-right--background-color: transparent;background-color:var(--sf-input-right--background-color);-webkit-padding-end:var(--sf-input-right--padding-inline-end);padding-inline-end:var(--sf-input-right--padding-inline-end);-webkit-padding-start:var(--sf-input-right--padding-inline-start);padding-inline-start:var(--sf-input-right--padding-inline-start)}.sf-input .sf-input-text{--sf-input-text--color: var(--sf-on-surface-variant);--sf-input-text--font-family: var(--sf-text--family);--sf-input-text--font-weight: var(--sf-font-weight-regular);color:var(--sf-input-text--color);font-family:var(--sf-input-text--font-family);font-size:var(--sf-input-text--font-size);font-weight:var(--sf-input-text--font-weight);line-height:var(--sf-input-text--line-height)}.sf-input .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--background-color: transparent;background-color:var(--sf-input-hint-text-wrap--background-color);color:var(--sf-input-hint-text-wrap--color);font-family:var(--sf-input-hint-text-wrap--font-family);font-size:var(--sf-input-hint-text-wrap--font-size);font-weight:var(--sf-input-hint-text-wrap--font-weight);gap:var(--sf-b0);line-height:var(--sf-input-hint-text-wrap--line-height)}.sf-input .sf-input-label{--sf-input-label--background-color: transparent;--sf-input-label--gap: var(--sf-space-1\/4);background-color:var(--sf-input-label--background-color);gap:var(--sf-input-label--gap)}.sf-input .sf-input-required{--sf-input-required--color: var(--sf-error);--sf-input-required--font-family: var(--sf-text--family);--sf-input-required--font-weight: var(--sf-font-weight-regular);color:var(--sf-input-required--color);font-family:var(--sf-input-required--font-family);font-size:var(--sf-input-required--font-size);font-weight:var(--sf-input-required--font-weight);line-height:var(--sf-input-required--line-height)}.sf-input.sf-input--size-1 .sf-input-field .sf-input-right .sf-input-text,.sf-input.sf-input--size-2 .sf-input-label .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-1);--sf-input-text--line-height: var(--sf-text-height-1)}.sf-input.sf-input--bordered>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--filled>.sf-input-field>.sf-input-hint>.sf-icon{--sf-icon--color: var(--sf-on-surface-variant)}.sf-input.sf-input--size-1>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--size-1>.sf-input-field>.sf-input-left .sf-icon,.sf-input.sf-input--size-1>.sf-input-field>.sf-icon{--sf-icon--font-size: var(--sf-text-height-1);--sf-icon--height: var(--sf-text-height-1);--sf-icon--width: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input{--sf-input-input--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-input-input--padding-inline-start: var(--sf-ui-1--text-space-x)}.sf-input.sf-input--size-1 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-size: var(--sf-text-size-1\/2);--sf-input-hint-text-wrap--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1 .sf-input-hint-text-wrap,.sf-input.sf-input--size-2 .sf-input-hint-text-wrap,.sf-input.sf-input--size-1\/2 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-family: var(--sf-text--family);--sf-input-hint-text-wrap--font-weight: var(--sf-font-weight-regular)}.sf-input.sf-input--bordered .sf-input-hint-text-wrap,.sf-input.sf-input--filled .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--color: var(--sf-on-surface-variant)}.sf-input.sf-input--size-1 input{--sf-input-input--font-size: var(--sf-text-size-1);--sf-input-input--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 input,.sf-input.sf-input--size-2 input,.sf-input.sf-input--size-1\/2 input{--sf-input-input--font-family: var(--sf-text--family)}.sf-input.sf-input--bordered input,.sf-input.sf-input--filled input{--sf-input-input--color: var(--sf-on-surface)}.sf-input.sf-input--size-1 .sf-input-label .sf-input-text,.sf-input.sf-input--size-1\/2 .sf-input-field .sf-input-right .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-1\/2);--sf-input-text--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1 .sf-input-required{--sf-input-required--font-size: var(--sf-text-size-1\/2);--sf-input-required--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1 .sf-input-right{--sf-input-right--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-input-right--padding-inline-start: var(--sf-ui-1--text-space-x)}.sf-input.error.sf-input--bordered .sf-input-field{--sf-input-field--background-color: var(--sf-transparent-for-focus);--sf-input-field--border-color: var(--sf-error)}.sf-input.error.sf-input--bordered .sf-input-hint-text-wrap,.sf-input.error.sf-input--filled .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--color: var(--sf-error)}.sf-input.error.sf-input--filled .sf-input-field{--sf-input-field--background-color: var(--sf-error-container)}.sf-input.sf-input--size-2 .sf-input-field input{--sf-input-input--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-input-input--padding-inline-start: var(--sf-ui-2--text-space-x)}.sf-input.sf-input--size-2 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-size: var(--sf-text-size-1);--sf-input-hint-text-wrap--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-2 .sf-input-required{--sf-input-required--font-size: var(--sf-text-size-1);--sf-input-required--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-2 .sf-input-right{--sf-input-right--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-input-right--padding-inline-start: var(--sf-ui-2--text-space-x)}.sf-input.sf-input--size-2 .sf-input-field .sf-input-right .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-2);--sf-input-text--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--size-2>.sf-input-field>.sf-input-left .sf-icon,.sf-input.sf-input--size-2>.sf-input-field>.sf-icon{--sf-icon--font-size: var(--sf-text-height-2);--sf-icon--height: var(--sf-text-height-2);--sf-icon--width: var(--sf-text-height-2)}.sf-input.sf-input--size-2 input{--sf-input-input--font-size: var(--sf-text-size-2);--sf-input-input--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-1\/2 .sf-input-label .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-1\/3);--sf-input-text--line-height: var(--sf-text-height-1\/3)}.sf-input.sf-input--size-1\/2>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--size-1\/2>.sf-input-field>.sf-input-left .sf-icon,.sf-input.sf-input--size-1\/2>.sf-input-field>.sf-icon{--sf-icon--font-size: var(--sf-text-height-1\/2);--sf-icon--height: var(--sf-text-height-1\/2);--sf-icon--width: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input{--sf-input-input--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-input-input--padding-inline-start: var(--sf-ui-1\/2--text-space-x)}.sf-input.sf-input--size-1\/2 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-size: var(--sf-text-size-1\/3);--sf-input-hint-text-wrap--line-height: var(--sf-text-height-1\/3)}.sf-input.sf-input--size-1\/2 input{--sf-input-input--font-size: var(--sf-text-size-1\/2);--sf-input-input--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-required{--sf-input-required--font-size: var(--sf-text-size-1\/3);--sf-input-required--line-height: var(--sf-text-height-1\/3)}.sf-input.sf-input--size-1\/2 .sf-input-right{--sf-input-right--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-input-right--padding-inline-start: var(--sf-ui-1\/2--text-space-x)}.sf-input.sf-input--size-1 .sf-input-field{height:var(--sf-ui-1--control-height);block-size:var(--sf-ui-1--control-height);--sf-input-field--padding-bottom: var(--sf-input-padding-block, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px)));--sf-input-field--padding-inline-end: var(--sf-input-padding-inline, var(--sf-ui-1--space-x));--sf-input-field--padding-inline-start: var(--sf-input-padding-inline, var(--sf-ui-1--space-x));--sf-input-field--padding-top: var(--sf-input-padding-block, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px)))}.sf-input.sf-input--size-1 .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input::-moz-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input::placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-2 .sf-input-field{height:var(--sf-ui-2--control-height);block-size:var(--sf-ui-2--control-height);--sf-input-field--padding-bottom: var(--sf-input-padding-block, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-px)));--sf-input-field--padding-inline-end: var(--sf-input-padding-inline, var(--sf-ui-2--space-x));--sf-input-field--padding-inline-start: var(--sf-input-padding-inline, var(--sf-ui-2--space-x));--sf-input-field--padding-top: var(--sf-input-padding-block, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-px)))}.sf-input.sf-input--size-2 .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input::-moz-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input::placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-1\/2 .sf-input-field{height:var(--sf-ui-1\/2--control-height);block-size:var(--sf-ui-1\/2--control-height);--sf-input-field--padding-bottom: var(--sf-input-padding-block, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-px)));--sf-input-field--padding-inline-end: var(--sf-input-padding-inline, var(--sf-ui-1\/2--space-x));--sf-input-field--padding-inline-start: var(--sf-input-padding-inline, var(--sf-ui-1\/2--space-x));--sf-input-field--padding-top: var(--sf-input-padding-block, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-px)))}.sf-input.sf-input--size-1\/2 .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input::-moz-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input::placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.error>.sf-input-field>.sf-input-hint>.sf-icon{--sf-icon--color: var(--sf-error)}}@layer sf.states{.sf-input:not(.error).sf-input--bordered[\:not-has$input\:disabled$] .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-0));--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-outline))}.sf-input:not(.error).sf-input--bordered:not(:has(input:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-0));--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-outline))}.sf-input:not(.error).sf-input--bordered[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input:not(.error).sf-input--bordered[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input:not(.error).sf-input--bordered:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input:not(.error).sf-input--bordered:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input.sf-input--bordered[\:has$input\:disabled$] .sf-input-field{--sf-input-field--border-color: var(--sf-outline-disable)}.sf-input.sf-input--bordered:has(input:disabled) .sf-input-field{--sf-input-field--border-color: var(--sf-outline-disable)}.sf-input.sf-input--bordered[\:has$input\:disabled$] input,.sf-input.sf-input--filled[\:has$input\:disabled$] input{--sf-input-input--color: var(--sf-on-disable)}.sf-input.sf-input--bordered:has(input:disabled) input,.sf-input.sf-input--filled:has(input:disabled) input{--sf-input-input--color: var(--sf-on-disable)}.sf-input.sf-input--filled[\:has$input\:disabled$] .sf-input-field{--sf-input-field--background-color: var(--sf-disable)}.sf-input.sf-input--filled:has(input:disabled) .sf-input-field{--sf-input-field--background-color: var(--sf-disable)}.sf-input:not(.error).sf-input--filled[\:not-has$input\:disabled$] .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-transparent-for-focus))}.sf-input:not(.error).sf-input--filled:not(:has(input:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-transparent-for-focus))}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:hover\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:hover\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):hover) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):hover) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input[\:has$input\:disabled$]>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input[\:has$input\:disabled$]>.sf-input-field>.sf-input-left .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-input:has(input:disabled)>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input:has(input:disabled)>.sf-input-field>.sf-input-left .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-text{--sf-input-text--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-text{--sf-input-text--color: var(--sf-on-disable)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:hover\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:hover\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):hover) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:read-only):hover) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:active\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:active\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:read-only):active) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.sf-input--pointer-focus)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$.focus-visible\)] .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input:not(.sf-input--pointer-focus):has(input:enabled:not(:disabled):not(.disabled).focus-visible) .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input:not(.sf-input--pointer-focus)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:focus-visible\)] .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input:not(.sf-input--pointer-focus):has(input:enabled:not(:disabled):not(.disabled):focus-visible) .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input input.focus-visible{outline:none}.sf-input input:focus-visible{outline:none}.sf-input:not(.error).sf-input--bordered[\:has$input\:-moz-read-only\:not\(\:disabled$\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-input:not(.error).sf-input--bordered[\:has$input\:read-only\:not\(\:disabled$\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-input:not(.error).sf-input--bordered:has(input:-moz-read-only:not(:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-input:not(.error).sf-input--bordered:has(input:read-only:not(:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}}@layer sf.states{@media(prefers-reduced-motion: reduce){.sf-input .sf-input-field{transition-duration:0s}}}@layer sf.states{@media(forced-colors: active){.sf-input:not(.sf-input--pointer-focus)[\:has$input\:not\(\:disabled$\:not$.disabled$.focus-visible\)] .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}.sf-input:not(.sf-input--pointer-focus):has(input:not(:disabled):not(.disabled).focus-visible) .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}.sf-input:not(.sf-input--pointer-focus)[\:has$input\:not\(\:disabled$\:not$.disabled$\:focus-visible\)] .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}.sf-input:not(.sf-input--pointer-focus):has(input:not(:disabled):not(.disabled):focus-visible) .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}}}@layer sf.states{.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\[focus-within\]\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\[focus-within\]\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only)[focus-within]) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only)[focus-within]) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:focus-within\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:focus-within\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):focus-within) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):focus-within) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\[focus-within\]$] .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}.sf-input:not(.error).sf-input--filled:has(input[focus-within]) .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}.sf-input:not(.error).sf-input--filled[\:has$input\:focus-within$] .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}.sf-input:not(.error).sf-input--filled:has(input:focus-within) .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}}
1	+ @layer sf.components{.sf-input .sf-input-field input{flex:1 1 auto;min-width:0;width:auto}.sf-input .sf-input-right,.sf-input .sf-input-field>.sf-icon,.sf-input .sf-input-field>.sf-icon-hint{flex-shrink:0}}@layer sf.components{.sf-input{min-width:0;min-inline-size:0;--sf-input--radius: var(--sf-input-radius, var(--sf-radius--ui));background-color:transparent;background-color:var(--sf-input--background-color, transparent);gap:var(--sf-space-1\/4);gap:var(--sf-input--gap, var(--sf-space-1\/4))}.sf-input .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon-size-3);font-size:var(--sf-icon--font-size, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-end-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-bottom-right-radius:var(--sf-input-field--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-end-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-bottom-left-radius:var(--sf-input-field--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-bottom-left-radius:var(--sf-input-field--border-end-start-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-bottom-left-radius:var(--sf-input-field--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-bottom-right-radius:var(--sf-input-field--border-end-start-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-bottom-right-radius:var(--sf-input-field--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-end-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-top-right-radius:var(--sf-input-field--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-end-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-top-left-radius:var(--sf-input-field--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{border-top-left-radius:var(--sf-input-field--border-start-start-radius)}}.sf-input .sf-input-field:where(:dir(ltr)){border-top-left-radius:var(--sf-input-field--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-input .sf-input-field{border-top-right-radius:var(--sf-input-field--border-start-start-radius)}}.sf-input .sf-input-field:where(:dir(rtl)){border-top-right-radius:var(--sf-input-field--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-end)}}.sf-input .sf-input-field:where(:dir(ltr)){padding-right:var(--sf-input-field--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-end)}}.sf-input .sf-input-field:where(:dir(rtl)){padding-left:var(--sf-input-field--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-input .sf-input-field{padding-left:var(--sf-input-field--padding-inline-start)}}.sf-input .sf-input-field:where(:dir(ltr)){padding-left:var(--sf-input-field--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-input .sf-input-field{padding-right:var(--sf-input-field--padding-inline-start)}}.sf-input .sf-input-field:where(:dir(rtl)){padding-right:var(--sf-input-field--padding-inline-start)}.sf-input .sf-input-field{min-width:0;min-inline-size:0;--sf-input-field--border: var(--sf-px) solid;--sf-input-field--border-end-end-radius: var(--sf-input--radius);--sf-input-field--border-end-start-radius: var(--sf-input--radius);--sf-input-field--border-start-end-radius: var(--sf-input--radius);--sf-input-field--border-start-start-radius: var(--sf-input--radius);background-color:var(--sf-input-field--background-color);border:0 solid;border:var(--sf-input-field--border, 0 solid);border-color:transparent;border-color:var(--sf-input-field--border-color, transparent);border-end-end-radius:var(--sf-input-field--border-end-end-radius);border-end-start-radius:var(--sf-input-field--border-end-start-radius);border-start-end-radius:var(--sf-input-field--border-start-end-radius);border-start-start-radius:var(--sf-input-field--border-start-start-radius);box-shadow:var(--sf-input-field--box-shadow);padding-bottom:var(--sf-input-field--padding-bottom);-webkit-padding-end:var(--sf-input-field--padding-inline-end);padding-inline-end:var(--sf-input-field--padding-inline-end);-webkit-padding-start:var(--sf-input-field--padding-inline-start);padding-inline-start:var(--sf-input-field--padding-inline-start);padding-top:var(--sf-input-field--padding-top);transition-duration:var(--sf-duration-fast);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--sf-animation)}.sf-input .sf-input-hint{--sf-input-hint--background-color: transparent;background-color:var(--sf-input-hint--background-color)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-end)}}.sf-input .sf-input-field input:where(:dir(ltr)){padding-right:var(--sf-input-input--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-end)}}.sf-input .sf-input-field input:where(:dir(rtl)){padding-left:var(--sf-input-input--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-input .sf-input-field input{padding-left:var(--sf-input-input--padding-inline-start)}}.sf-input .sf-input-field input:where(:dir(ltr)){padding-left:var(--sf-input-input--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-input .sf-input-field input{padding-right:var(--sf-input-input--padding-inline-start)}}.sf-input .sf-input-field input:where(:dir(rtl)){padding-right:var(--sf-input-input--padding-inline-start)}.sf-input .sf-input-field input{min-width:0;min-inline-size:0;--sf-input-input--background-color: transparent;background-color:var(--sf-input-input--background-color);color:var(--sf-input-input--color);color:var(--sf-input-color, var(--sf-input-input--color));font-family:var(--sf-input-input--font-family);font-size:var(--sf-input-input--font-size);line-height:var(--sf-input-input--line-height);-webkit-padding-end:var(--sf-input-input--padding-inline-end);padding-inline-end:var(--sf-input-input--padding-inline-end);-webkit-padding-start:var(--sf-input-input--padding-inline-start);padding-inline-start:var(--sf-input-input--padding-inline-start);height:auto;block-size:auto}.sf-input .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-surface-variant);--sf-input-placeholder--font-family: var(--sf-text--family);color:var(--sf-input-placeholder--color);font-family:var(--sf-input-placeholder--font-family);font-size:var(--sf-input-placeholder--font-size);line-height:var(--sf-input-placeholder--line-height)}.sf-input.sf-input--filled .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input.sf-input--filled .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-surface)}.sf-input .sf-input-left{--sf-input-left--background-color: transparent;background-color:var(--sf-input-left--background-color)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-end)}}.sf-input .sf-input-right:where(:dir(ltr)){padding-right:var(--sf-input-right--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-end)}}.sf-input .sf-input-right:where(:dir(rtl)){padding-left:var(--sf-input-right--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-input .sf-input-right{padding-left:var(--sf-input-right--padding-inline-start)}}.sf-input .sf-input-right:where(:dir(ltr)){padding-left:var(--sf-input-right--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-input .sf-input-right{padding-right:var(--sf-input-right--padding-inline-start)}}.sf-input .sf-input-right:where(:dir(rtl)){padding-right:var(--sf-input-right--padding-inline-start)}.sf-input .sf-input-right{--sf-input-right--background-color: transparent;background-color:var(--sf-input-right--background-color);-webkit-padding-end:var(--sf-input-right--padding-inline-end);padding-inline-end:var(--sf-input-right--padding-inline-end);-webkit-padding-start:var(--sf-input-right--padding-inline-start);padding-inline-start:var(--sf-input-right--padding-inline-start)}.sf-input .sf-input-text{--sf-input-text--color: var(--sf-on-surface-variant);--sf-input-text--font-family: var(--sf-text--family);--sf-input-text--font-weight: var(--sf-font-weight-regular);color:var(--sf-input-text--color);font-family:var(--sf-input-text--font-family);font-size:var(--sf-input-text--font-size);font-weight:var(--sf-input-text--font-weight);line-height:var(--sf-input-text--line-height)}.sf-input .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--background-color: transparent;background-color:var(--sf-input-hint-text-wrap--background-color);color:var(--sf-input-hint-text-wrap--color);font-family:var(--sf-input-hint-text-wrap--font-family);font-size:var(--sf-input-hint-text-wrap--font-size);font-weight:var(--sf-input-hint-text-wrap--font-weight);gap:var(--sf-b0);line-height:var(--sf-input-hint-text-wrap--line-height)}.sf-input .sf-input-label{--sf-input-label--background-color: transparent;--sf-input-label--gap: var(--sf-space-1\/4);background-color:var(--sf-input-label--background-color);gap:var(--sf-input-label--gap)}.sf-input .sf-input-required{--sf-input-required--color: var(--sf-error);--sf-input-required--font-family: var(--sf-text--family);--sf-input-required--font-weight: var(--sf-font-weight-regular);color:var(--sf-input-required--color);font-family:var(--sf-input-required--font-family);font-size:var(--sf-input-required--font-size);font-weight:var(--sf-input-required--font-weight);line-height:var(--sf-input-required--line-height)}.sf-input.sf-input--size-1 .sf-input-field .sf-input-right .sf-input-text,.sf-input.sf-input--size-2 .sf-input-label .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-1);--sf-input-text--line-height: var(--sf-text-height-1)}.sf-input.sf-input--bordered>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--filled>.sf-input-field>.sf-input-hint>.sf-icon{--sf-icon--color: var(--sf-on-surface-variant)}.sf-input.sf-input--size-1>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--size-1>.sf-input-field>.sf-input-left .sf-icon,.sf-input.sf-input--size-1>.sf-input-field>.sf-icon{--sf-icon--font-size: var(--sf-text-height-1);--sf-icon--height: var(--sf-text-height-1);--sf-icon--width: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input{--sf-input-input--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-input-input--padding-inline-start: var(--sf-ui-1--text-space-x)}.sf-input.sf-input--size-1 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-size: var(--sf-text-size-1\/2);--sf-input-hint-text-wrap--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1 .sf-input-hint-text-wrap,.sf-input.sf-input--size-2 .sf-input-hint-text-wrap,.sf-input.sf-input--size-1\/2 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-family: var(--sf-text--family);--sf-input-hint-text-wrap--font-weight: var(--sf-font-weight-regular)}.sf-input.sf-input--bordered .sf-input-hint-text-wrap,.sf-input.sf-input--filled .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--color: var(--sf-on-surface-variant)}.sf-input.sf-input--size-1 input{--sf-input-input--font-size: var(--sf-text-size-1);--sf-input-input--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 input,.sf-input.sf-input--size-2 input,.sf-input.sf-input--size-1\/2 input{--sf-input-input--font-family: var(--sf-text--family)}.sf-input.sf-input--bordered input,.sf-input.sf-input--filled input{--sf-input-input--color: var(--sf-on-surface)}.sf-input.sf-input--size-1 .sf-input-label .sf-input-text,.sf-input.sf-input--size-1\/2 .sf-input-field .sf-input-right .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-1\/2);--sf-input-text--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1 .sf-input-required{--sf-input-required--font-size: var(--sf-text-size-1\/2);--sf-input-required--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1 .sf-input-right{--sf-input-right--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-input-right--padding-inline-start: var(--sf-ui-1--text-space-x)}.sf-input.error.sf-input--bordered .sf-input-field{--sf-input-field--background-color: var(--sf-transparent-for-focus);--sf-input-field--border-color: var(--sf-error)}.sf-input.error.sf-input--bordered .sf-input-hint-text-wrap,.sf-input.error.sf-input--filled .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--color: var(--sf-error)}.sf-input.error.sf-input--filled .sf-input-field{--sf-input-field--background-color: var(--sf-error-container)}.sf-input.sf-input--size-2 .sf-input-field input{--sf-input-input--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-input-input--padding-inline-start: var(--sf-ui-2--text-space-x)}.sf-input.sf-input--size-2 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-size: var(--sf-text-size-1);--sf-input-hint-text-wrap--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-2 .sf-input-required{--sf-input-required--font-size: var(--sf-text-size-1);--sf-input-required--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-2 .sf-input-right{--sf-input-right--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-input-right--padding-inline-start: var(--sf-ui-2--text-space-x)}.sf-input.sf-input--size-2 .sf-input-field .sf-input-right .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-2);--sf-input-text--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--size-2>.sf-input-field>.sf-input-left .sf-icon,.sf-input.sf-input--size-2>.sf-input-field>.sf-icon{--sf-icon--font-size: var(--sf-text-height-2);--sf-icon--height: var(--sf-text-height-2);--sf-icon--width: var(--sf-text-height-2)}.sf-input.sf-input--size-2 input{--sf-input-input--font-size: var(--sf-text-size-2);--sf-input-input--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-1\/2 .sf-input-label .sf-input-text{--sf-input-text--font-size: var(--sf-text-size-1\/3);--sf-input-text--line-height: var(--sf-text-height-1\/3)}.sf-input.sf-input--size-1\/2>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input.sf-input--size-1\/2>.sf-input-field>.sf-input-left .sf-icon,.sf-input.sf-input--size-1\/2>.sf-input-field>.sf-icon{--sf-icon--font-size: var(--sf-text-height-1\/2);--sf-icon--height: var(--sf-text-height-1\/2);--sf-icon--width: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input{--sf-input-input--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-input-input--padding-inline-start: var(--sf-ui-1\/2--text-space-x)}.sf-input.sf-input--size-1\/2 .sf-input-hint-text-wrap{--sf-input-hint-text-wrap--font-size: var(--sf-text-size-1\/3);--sf-input-hint-text-wrap--line-height: var(--sf-text-height-1\/3)}.sf-input.sf-input--size-1\/2 input{--sf-input-input--font-size: var(--sf-text-size-1\/2);--sf-input-input--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-required{--sf-input-required--font-size: var(--sf-text-size-1\/3);--sf-input-required--line-height: var(--sf-text-height-1\/3)}.sf-input.sf-input--size-1\/2 .sf-input-right{--sf-input-right--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-input-right--padding-inline-start: var(--sf-ui-1\/2--text-space-x)}.sf-input.sf-input--size-1 .sf-input-field{height:var(--sf-ui-1--control-height);block-size:var(--sf-ui-1--control-height);--sf-input-field--padding-bottom: var(--sf-input-padding-block, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px)));--sf-input-field--padding-inline-end: var(--sf-input-padding-inline, var(--sf-ui-1--space-x));--sf-input-field--padding-inline-start: var(--sf-input-padding-inline, var(--sf-ui-1--space-x));--sf-input-field--padding-top: var(--sf-input-padding-block, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px)))}.sf-input.sf-input--size-1 .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input::-moz-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-1 .sf-input-field input::placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1);--sf-input-placeholder--line-height: var(--sf-text-height-1)}.sf-input.sf-input--size-2 .sf-input-field{height:var(--sf-ui-2--control-height);block-size:var(--sf-ui-2--control-height);--sf-input-field--padding-bottom: var(--sf-input-padding-block, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-px)));--sf-input-field--padding-inline-end: var(--sf-input-padding-inline, var(--sf-ui-2--space-x));--sf-input-field--padding-inline-start: var(--sf-input-padding-inline, var(--sf-ui-2--space-x));--sf-input-field--padding-top: var(--sf-input-padding-block, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-px)))}.sf-input.sf-input--size-2 .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input::-moz-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-2 .sf-input-field input::placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-2);--sf-input-placeholder--line-height: var(--sf-text-height-2)}.sf-input.sf-input--size-1\/2 .sf-input-field{height:var(--sf-ui-1\/2--control-height);block-size:var(--sf-ui-1\/2--control-height);--sf-input-field--padding-bottom: var(--sf-input-padding-block, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-px)));--sf-input-field--padding-inline-end: var(--sf-input-padding-inline, var(--sf-ui-1\/2--space-x));--sf-input-field--padding-inline-start: var(--sf-input-padding-inline, var(--sf-ui-1\/2--space-x));--sf-input-field--padding-top: var(--sf-input-padding-block, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-px)))}.sf-input.sf-input--size-1\/2 .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input::-moz-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.sf-input--size-1\/2 .sf-input-field input::placeholder{--sf-input-placeholder--font-size: var(--sf-text-size-1\/2);--sf-input-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-input.error>.sf-input-field>.sf-input-hint>.sf-icon{--sf-icon--color: var(--sf-error)}}@layer sf.states{.sf-input:not(.error).sf-input--bordered[\:not-has$input\:disabled$] .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-0));--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-outline))}.sf-input:not(.error).sf-input--bordered:not(:has(input:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-0));--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-outline))}.sf-input:not(.error).sf-input--bordered[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input:not(.error).sf-input--bordered[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input:not(.error).sf-input--bordered:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input:not(.error).sf-input--bordered:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary)}.sf-input.sf-input--bordered[\:has$input\:disabled$] .sf-input-field{--sf-input-field--border-color: var(--sf-outline-disable)}.sf-input.sf-input--bordered:has(input:disabled) .sf-input-field{--sf-input-field--border-color: var(--sf-outline-disable)}.sf-input.sf-input--bordered[\:has$input\:disabled$] input,.sf-input.sf-input--filled[\:has$input\:disabled$] input{--sf-input-input--color: var(--sf-on-disable)}.sf-input.sf-input--bordered:has(input:disabled) input,.sf-input.sf-input--filled:has(input:disabled) input{--sf-input-input--color: var(--sf-on-disable)}.sf-input.sf-input--filled[\:has$input\:disabled$] .sf-input-field{--sf-input-field--background-color: var(--sf-disable)}.sf-input.sf-input--filled:has(input:disabled) .sf-input-field{--sf-input-field--background-color: var(--sf-disable)}.sf-input:not(.error).sf-input--filled[\:not-has$input\:disabled$] .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-transparent-for-focus))}.sf-input:not(.error).sf-input--filled:not(:has(input:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-input-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-input-field--border-color: var(--sf-input-border-color, var(--sf-transparent-for-focus))}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:hover\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:hover\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):hover) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):hover) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container-hover)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:active\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):active) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-active)}.sf-input[\:has$input\:disabled$]>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input[\:has$input\:disabled$]>.sf-input-field>.sf-input-left .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-input:has(input:disabled)>.sf-input-field>.sf-input-hint>.sf-icon,.sf-input:has(input:disabled)>.sf-input-field>.sf-input-left .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::-webkit-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::-moz-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input:-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::-ms-input-placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-field input::placeholder{--sf-input-placeholder--color: var(--sf-on-disable)}.sf-input[\:has$input\:disabled$] .sf-input-text{--sf-input-text--color: var(--sf-on-disable)}.sf-input:has(input:disabled) .sf-input-text{--sf-input-text--color: var(--sf-on-disable)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:hover\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:hover\)] .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):hover) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:read-only):hover) .sf-input-field{--sf-input-field--border-color: var(--sf-primary-hover)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:active\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:active\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error):has(input:enabled:not(:disabled):not(.disabled):not(:read-only):active) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.sf-input--pointer-focus)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$.focus-visible\)] .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input:not(.sf-input--pointer-focus):has(input:enabled:not(:disabled):not(.disabled).focus-visible) .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input:not(.sf-input--pointer-focus)[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:focus-visible\)] .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input:not(.sf-input--pointer-focus):has(input:enabled:not(:disabled):not(.disabled):focus-visible) .sf-input-field{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-input input.focus-visible{outline:none}.sf-input input:focus-visible{outline:none}.sf-input:not(.error).sf-input--bordered[\:has$input\:-moz-read-only\:not\(\:disabled$\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-input:not(.error).sf-input--bordered[\:has$input\:read-only\:not\(\:disabled$\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-input:not(.error).sf-input--bordered:has(input:-moz-read-only:not(:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-input:not(.error).sf-input--bordered:has(input:read-only:not(:disabled)) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}}@layer sf.states{@media(prefers-reduced-motion: reduce){.sf-input .sf-input-field{transition-duration:0s}}}@layer sf.states{@media(forced-colors: active){.sf-input:not(.sf-input--pointer-focus)[\:has$input\:not\(\:disabled$\:not$.disabled$.focus-visible\)] .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}.sf-input:not(.sf-input--pointer-focus):has(input:not(:disabled):not(.disabled).focus-visible) .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}.sf-input:not(.sf-input--pointer-focus)[\:has$input\:not\(\:disabled$\:not$.disabled$\:focus-visible\)] .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}.sf-input:not(.sf-input--pointer-focus):has(input:not(:disabled):not(.disabled):focus-visible) .sf-input-field{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-input-field--box-shadow: none}}}@layer sf.states{.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\[focus-within\]\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\[focus-within\]\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only)[focus-within]) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only)[focus-within]) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:-moz-read-only$\:focus-within\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\:enabled\:not\(\:disabled$\:not$.disabled$\:not$\:read-only$\:focus-within\)] .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):focus-within) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled:has(input:enabled:not(:disabled):not(.disabled):not(:read-only):focus-within) .sf-input-field{--sf-input-field--background-color: var(--sf-surface-0)}.sf-input:not(.error).sf-input--filled[\:has$input\[focus-within\]$] .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}.sf-input:not(.error).sf-input--filled:has(input[focus-within]) .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}.sf-input:not(.error).sf-input--filled[\:has$input\:focus-within$] .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}.sf-input:not(.error).sf-input--filled:has(input:focus-within) .sf-input-field{--sf-input-field--border-color: var(--sf-outline)}}

package/distr/component/tabs/css/tabs.min.css CHANGED Viewed

	@@ -1 +1 @@
1	- @layer sf.components{.sf-tabs{background-color:transparent;background-color:var(--sf-tabs--background-color, transparent);min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-tabs>.sf-tabs-top-container,.sf-tabs>.sf-tabs-main-container,.sf-tabs>.sf-tabs-top-container>.sf-tabs-top{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;flex-shrink:0}.sf-tabs:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{overflow-x:auto}@media(prefers-reduced-motion: reduce){.sf-tabs>.sf-tabs-top-container>.sf-tabs-top{scroll-behavior:auto}}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button-text-container{min-width:0;min-inline-size:0;white-space:normal;word-wrap:anywhere}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon{flex-shrink:0}.sf-tabs.sf-tabs--vertical{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2);-webkit-column-gap:var(--sf-tabs--gap, var(--sf-space-2));-moz-column-gap:var(--sf-tabs--gap, var(--sf-space-2));column-gap:var(--sf-tabs--gap, var(--sf-space-2))}.sf-tabs-top{margin:0;margin:var(--sf-tabs-top--margin, 0);border-width:0;border-width:var(--sf-tabs-top--border-width, 0);border-style:solid;border-style:var(--sf-tabs-top--border-style, solid);border-color:transparent;border-color:var(--sf-tabs-top--border-color, transparent);gap:var(--sf-space-1);gap:var(--sf-tabs-top--gap, var(--sf-tabs-gap, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}}.sf-tabs-main-container:where(:dir(ltr)){padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}}.sf-tabs-main-container:where(:dir(rtl)){padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}}.sf-tabs-main-container:where(:dir(ltr)){padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}}.sf-tabs-main-container:where(:dir(rtl)){padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}.sf-tabs-main-container{-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-end:var(--sf-tabs-main-container--padding-inline-end, 0);padding-inline-end:var(--sf-tabs-main-container--padding-inline-end, 0);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-start:var(--sf-tabs-main-container--padding-inline-start, 0);padding-inline-start:var(--sf-tabs-main-container--padding-inline-start, 0);padding-top:var(--sf-space-1);padding-top:var(--sf-tabs-main-container--padding-top, var(--sf-space-1));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-tabs-main-container--padding-bottom, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}}.sf-tabs-top-container:where(:dir(ltr)){padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}}.sf-tabs-top-container:where(:dir(rtl)){padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}}.sf-tabs-top-container:where(:dir(ltr)){padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}}.sf-tabs-top-container:where(:dir(rtl)){padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}.sf-tabs-top-container{border-width:0 0 var(--sf-px) 0;border-width:var(--sf-tabs-top-container--border-width, 0 0 var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px))) 0);border-style:solid;border-style:var(--sf-tabs-top-container--border-style, solid);border-color:var(--sf-outline-variant);border-color:var(--sf-tabs-top-container--border-color, var(--sf-tabs-border-color, var(--sf-outline-variant)));-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-end:var(--sf-tabs-top-container--padding-inline-end, 0);padding-inline-end:var(--sf-tabs-top-container--padding-inline-end, 0);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-start:var(--sf-tabs-top-container--padding-inline-start, 0);padding-inline-start:var(--sf-tabs-top-container--padding-inline-start, 0);padding-top:0;padding-top:var(--sf-tabs-top-container--padding-top, 0);padding-bottom:0;padding-bottom:var(--sf-tabs-top-container--padding-bottom, 0)}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--margin: 0 0 calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px))) * -1) 0}.sf-tabs--pills>.sf-tabs-top-container,.sf-tabs--full>.sf-tabs-top-container,.sf-tabs.sf-tabs--vertical>.sf-tabs-top-container{--sf-tabs-top-container--border-color: transparent;--sf-tabs-top-container--border-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: 0;flex:1}}@layer sf.overrides{.sf-tabs-top .sf-button,.sf-tabs-top .sf-icon-button{--sf-tabs--focus-ink: var(--sf-on-surface);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui)}.sf-tabs--pills>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--pills>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-right-radius: var(--sf-radius-rounded);--sf-button--border-bottom-left-radius: var(--sf-radius-rounded);--sf-button--border-top-right-radius: var(--sf-radius-rounded);--sf-button--border-top-left-radius: var(--sf-radius-rounded);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-rounded);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-rounded);--sf-icon-button--border-top-right-radius: var(--sf-radius-rounded);--sf-icon-button--border-top-left-radius: var(--sf-radius-rounded)}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-top-width: 0;--sf-button--border-inline-start-width: 0;--sf-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-tabs--border-width, var(--sf-px)) * 2));--sf-button--border-inline-end-width: 0;--sf-icon-button--border-top-width: 0;--sf-icon-button--border-inline-start-width: 0;--sf-icon-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-tabs--border-width, var(--sf-px)) * 2));--sf-icon-button--border-inline-end-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{flex:1 0 0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-inline-size:-webkit-max-content;min-inline-size:-moz-max-content;min-inline-size:max-content;--sf-button--border-top-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-bottom-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-bottom-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-color: var(--sf-primary-active);--sf-button--border-color: var(--sf-primary-active);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-top-left-radius: var(--sf-radius-square)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button+.sf-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button+.sf-icon-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button+.sf-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button+.sf-icon-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:first-child .sf-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:first-child .sf-icon-button:first-child{--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-left-radius: var(--sf-radius--ui)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:last-child .sf-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:last-child .sf-icon-button:last-child{--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius--ui)}.sf-tabs--vertical>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--vertical>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui)}}@layer sf.states{.sf-tabs-top .sf-button--default.sf-button--primary{--sf-tabs--focus-ink: var(--sf-on-primary)}.sf-tabs-top .sf-icon-button--default.sf-icon-button--primary{--sf-tabs--focus-ink: var(--sf-on-primary)}.sf-tabs-top .sf-button--default.sf-button--on-surface{--sf-tabs--focus-ink: var(--sf-on-surface-inverse)}.sf-tabs-top .sf-icon-button--default.sf-icon-button--on-surface{--sf-tabs--focus-ink: var(--sf-on-surface-inverse)}.sf-tabs-top .sf-button--tonal.sf-button--secondary{--sf-tabs--focus-ink: var(--sf-on-secondary-container)}.sf-tabs-top .sf-icon-button--tonal.sf-icon-button--secondary{--sf-tabs--focus-ink: var(--sf-on-secondary-container)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-icon,.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent);--sf-icon-button--background-color: var(--sf-transparent)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-icon-button--border-color: var(--sf-primary-active);--sf-button--border-color: var(--sf-primary-active)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-icon-button--border-color: var(--sf-primary-hover);--sf-button--border-color: var(--sf-primary-hover);--sf-icon-button--background-color: var(--sf-primary-hover);--sf-button--background-color: var(--sf-primary-hover)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-icon-button--border-color: var(--sf-primary-hover);--sf-button--border-color: var(--sf-primary-hover);--sf-icon-button--background-color: var(--sf-primary-hover);--sf-button--background-color: var(--sf-primary-hover)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-outline-variant);--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-outline-variant);--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}@media(forced-colors: active){.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}}}@layer sf.components{.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button{padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));padding-block-end:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width))}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));padding-block-end:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button{padding-top:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));-webkit-padding-before:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));padding-block-start:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));padding-block-end:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{padding-top:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));-webkit-padding-before:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));padding-block-start:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));padding-block-end:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width))}}@layer sf.overrides{.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--padding-inline-start: calc(var(--sf-px) * 0);--sf-button--padding-inline-end: calc(var(--sf-px) * 0)}.sf-tabs--underline.sf-tabs--size-1-2>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c0))}.sf-tabs--underline.sf-tabs--size-1>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c2))}.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c6))}.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-px) * 3));--sf-icon-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-px) * 3))}.sf-tabs.sf-tabs--size-1-2>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-1\/2)}.sf-tabs.sf-tabs--size-1>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-1)}.sf-tabs.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-count{margin-left:var(--sf-a6)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-count{margin-left:var(--sf-a6)}}.sf-tabs-count:where(:dir(ltr)){margin-left:var(--sf-a6)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-count{margin-right:var(--sf-a6)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-tabs-count{margin-right:var(--sf-a6)}}.sf-tabs-count:where(:dir(rtl)){margin-right:var(--sf-a6)}.sf-tabs-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sf-text-height-1\/3);min-inline-size:var(--sf-text-height-1\/3);-webkit-margin-start:var(--sf-a6);margin-inline-start:var(--sf-a6);padding-left:var(--sf-a4);padding-right:var(--sf-a4);padding-inline:var(--sf-a4);border-radius:var(--sf-radius-circle);background-color:var(--sf-secondary-container);color:var(--sf-on-secondary-container);font-size:var(--sf-text-size-1\/3);line-height:var(--sf-text-height-1\/3);font-weight:var(--sf-font-weight-medium);vertical-align:middle}.sf-tabs--overflow-wrap:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{flex-wrap:wrap;overflow-x:visible}.sf-tabs--overflow-more:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{flex-wrap:nowrap;overflow-x:clip}.sf-tabs-top>.sf-tabs-overflowed,.sf-tabs-top>.sf-tabs-overflowed>{display:none !important}.sf-tabs-more,.sf-tabs-settings{flex:none}.sf-tabs-more>button{white-space:nowrap}.sf-tabs--underline>.sf-tabs-top-container--tools>.sf-tabs-more>button{margin-bottom:calc(var(--sf-px)-1);-webkit-margin-after:calc(var(--sf-px)-1);margin-block-end:calc(var(--sf-px)-1);margin-bottom:calc(var(--sf-px)-1);margin-bottom:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))-1);-webkit-margin-after:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))-1);margin-block-end:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))-1)}.sf-tabs-top-container.sf-tabs-top-container--tools{display:flex;align-items:flex-end;gap:var(--sf-space-1\/2)}.sf-tabs-top-container--tools>.sf-tabs-top{flex:1 1 auto;min-width:0;min-inline-size:0}.sf-tabs-top-container--tools:not([data-sf-tabs-more])>.sf-tabs-more,.sf-tabs-top-container--tools:not([data-sf-tabs-more])>.sf-tabs-more>button{display:none}.sf-tabs-settings-list{display:flex;flex-direction:column;gap:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-tabs-settings-row:where(:dir(ltr)){padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8));padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-tabs-settings-row:where(:dir(rtl)){padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8));padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}.sf-tabs-settings-row{display:flex;align-items:center;gap:var(--sf-space-1\/2);min-height:calc(var(--sf-text-height-1\/2) + 2var(--sf-a6));min-block-size:calc(var(--sf-text-height-1\/2) + 2var(--sf-a6));min-height:calc(var(--sf-text-height-1\/2) + 2var(--sf-a6));min-height:calc(var(--sf-context-menu--line, var(--sf-text-height-1\/2)) + 2var(--sf-context-menu--space-y, var(--sf-a6)));min-block-size:calc(var(--sf-context-menu--line, var(--sf-text-height-1\/2)) + 2*var(--sf-context-menu--space-y, var(--sf-a6)));padding-left:var(--sf-a8);padding-right:var(--sf-a8);padding-inline:var(--sf-a8) var(--sf-a8);padding-inline:var(--sf-context-menu--inset-start, var(--sf-a8)) var(--sf-context-menu--inset-end, var(--sf-a8));border-radius:var(--sf-radius--ui)}.sf-tabs-settings-handle{display:inline-flex;cursor:-webkit-grab;cursor:grab;--sf-icon--color: var(--sf-on-surface-variant)}.sf-tabs-settings-label{flex:1 1 auto;min-width:0;min-inline-size:0;white-space:nowrap}.sf-tabs-settings-pin{--sf-icon--color: var(--sf-on-surface-variant)}}
1	+ @layer sf.components{.sf-tabs{background-color:transparent;background-color:var(--sf-tabs--background-color, transparent);min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-tabs>.sf-tabs-top-container,.sf-tabs>.sf-tabs-main-container,.sf-tabs>.sf-tabs-top-container>.sf-tabs-top{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button{min-width:0;min-inline-size:0;max-width:100%;max-inline-size:100%;flex-shrink:0}.sf-tabs:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{overflow-x:auto}@media(prefers-reduced-motion: reduce){.sf-tabs>.sf-tabs-top-container>.sf-tabs-top{scroll-behavior:auto}}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button-text-container{min-width:0;min-inline-size:0;white-space:normal;word-wrap:anywhere}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon{flex-shrink:0}.sf-tabs.sf-tabs--vertical{-webkit-column-gap:var(--sf-space-2);-moz-column-gap:var(--sf-space-2);column-gap:var(--sf-space-2);-webkit-column-gap:var(--sf-tabs--gap, var(--sf-space-2));-moz-column-gap:var(--sf-tabs--gap, var(--sf-space-2));column-gap:var(--sf-tabs--gap, var(--sf-space-2))}.sf-tabs-top{margin:0;margin:var(--sf-tabs-top--margin, 0);border-width:0;border-width:var(--sf-tabs-top--border-width, 0);border-style:solid;border-style:var(--sf-tabs-top--border-style, solid);border-color:transparent;border-color:var(--sf-tabs-top--border-color, transparent);gap:var(--sf-space-1);gap:var(--sf-tabs-top--gap, var(--sf-tabs-gap, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}}.sf-tabs-main-container:where(:dir(ltr)){padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-end, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}}.sf-tabs-main-container:where(:dir(rtl)){padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-end, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-main-container{padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}}.sf-tabs-main-container:where(:dir(ltr)){padding-left:0;padding-left:var(--sf-tabs-main-container--padding-inline-start, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-main-container{padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}}.sf-tabs-main-container:where(:dir(rtl)){padding-right:0;padding-right:var(--sf-tabs-main-container--padding-inline-start, 0)}.sf-tabs-main-container{-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-end:var(--sf-tabs-main-container--padding-inline-end, 0);padding-inline-end:var(--sf-tabs-main-container--padding-inline-end, 0);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-start:var(--sf-tabs-main-container--padding-inline-start, 0);padding-inline-start:var(--sf-tabs-main-container--padding-inline-start, 0);padding-top:var(--sf-space-1);padding-top:var(--sf-tabs-main-container--padding-top, var(--sf-space-1));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-tabs-main-container--padding-bottom, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}}.sf-tabs-top-container:where(:dir(ltr)){padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-end, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}}.sf-tabs-top-container:where(:dir(rtl)){padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-end, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-top-container{padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}}.sf-tabs-top-container:where(:dir(ltr)){padding-left:0;padding-left:var(--sf-tabs-top-container--padding-inline-start, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-top-container{padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}}.sf-tabs-top-container:where(:dir(rtl)){padding-right:0;padding-right:var(--sf-tabs-top-container--padding-inline-start, 0)}.sf-tabs-top-container{border-width:0 0 var(--sf-px) 0;border-width:var(--sf-tabs-top-container--border-width, 0 0 var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px))) 0);border-style:solid;border-style:var(--sf-tabs-top-container--border-style, solid);border-color:var(--sf-outline-variant);border-color:var(--sf-tabs-top-container--border-color, var(--sf-tabs-border-color, var(--sf-outline-variant)));-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-end:var(--sf-tabs-top-container--padding-inline-end, 0);padding-inline-end:var(--sf-tabs-top-container--padding-inline-end, 0);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-start:var(--sf-tabs-top-container--padding-inline-start, 0);padding-inline-start:var(--sf-tabs-top-container--padding-inline-start, 0);padding-top:0;padding-top:var(--sf-tabs-top-container--padding-top, 0);padding-bottom:0;padding-bottom:var(--sf-tabs-top-container--padding-bottom, 0)}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--margin: 0 0 calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px))) * -1) 0}.sf-tabs--pills>.sf-tabs-top-container,.sf-tabs--full>.sf-tabs-top-container,.sf-tabs.sf-tabs--vertical>.sf-tabs-top-container{--sf-tabs-top-container--border-color: transparent;--sf-tabs-top-container--border-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: 0;flex:1}}@layer sf.overrides{.sf-tabs-top .sf-button,.sf-tabs-top .sf-icon-button{--sf-tabs--focus-ink: var(--sf-on-surface);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui)}.sf-tabs--pills>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--pills>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-right-radius: var(--sf-radius-rounded);--sf-button--border-bottom-left-radius: var(--sf-radius-rounded);--sf-button--border-top-right-radius: var(--sf-radius-rounded);--sf-button--border-top-left-radius: var(--sf-radius-rounded);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-rounded);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-rounded);--sf-icon-button--border-top-right-radius: var(--sf-radius-rounded);--sf-icon-button--border-top-left-radius: var(--sf-radius-rounded)}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-top-width: 0;--sf-button--border-inline-start-width: 0;--sf-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-tabs--border-width, var(--sf-px)) * 2));--sf-button--border-inline-end-width: 0;--sf-icon-button--border-top-width: 0;--sf-icon-button--border-inline-start-width: 0;--sf-icon-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-tabs--border-width, var(--sf-px)) * 2));--sf-icon-button--border-inline-end-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{flex:1 0 0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;min-inline-size:-webkit-max-content;min-inline-size:-moz-max-content;min-inline-size:max-content;--sf-button--border-top-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-bottom-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-tabs--border-width, var(--sf-px));--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-bottom-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-tabs--border-width, var(--sf-px));--sf-icon-button--border-color: var(--sf-primary-active);--sf-button--border-color: var(--sf-primary-active);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-top-left-radius: var(--sf-radius-square)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button+.sf-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button+.sf-icon-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button+.sf-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button+.sf-icon-button{--sf-button--border-inline-start-width: 0;--sf-icon-button--border-inline-start-width: 0}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:first-child .sf-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button:first-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:first-child .sf-icon-button:first-child{--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-left-radius: var(--sf-radius--ui)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:last-child .sf-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>.sf-icon-button:last-child,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top>:last-child .sf-icon-button:last-child{--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius--ui)}.sf-tabs--vertical>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--vertical>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-button--border-top-right-radius: var(--sf-radius--ui);--sf-button--border-top-left-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-right-radius: var(--sf-radius--ui);--sf-icon-button--border-bottom-left-radius: var(--sf-radius--ui);--sf-icon-button--border-top-right-radius: var(--sf-radius--ui);--sf-icon-button--border-top-left-radius: var(--sf-radius--ui)}}@layer sf.states{.sf-tabs-top .sf-button--default.sf-button--primary{--sf-tabs--focus-ink: var(--sf-on-primary)}.sf-tabs-top .sf-icon-button--default.sf-icon-button--primary{--sf-tabs--focus-ink: var(--sf-on-primary)}.sf-tabs-top .sf-button--default.sf-button--on-surface{--sf-tabs--focus-ink: var(--sf-on-surface-inverse)}.sf-tabs-top .sf-icon-button--default.sf-icon-button--on-surface{--sf-tabs--focus-ink: var(--sf-on-surface-inverse)}.sf-tabs-top .sf-button--tonal.sf-button--secondary{--sf-tabs--focus-ink: var(--sf-on-secondary-container)}.sf-tabs-top .sf-icon-button--tonal.sf-icon-button--secondary{--sf-tabs--focus-ink: var(--sf-on-secondary-container)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-primary);--sf-button--background-color: var(--sf-primary-active);--sf-icon-button--background-color: var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-icon,.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):active{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline));--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-tabs-indicator-color, var(--sf-outline))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent);--sf-icon-button--background-color: var(--sf-transparent)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-icon,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled),.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){--sf-icon-button--border-color: var(--sf-primary-active);--sf-button--border-color: var(--sf-primary-active)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-icon-button--border-color: var(--sf-primary-hover);--sf-button--border-color: var(--sf-primary-hover);--sf-icon-button--background-color: var(--sf-primary-hover);--sf-button--background-color: var(--sf-primary-hover)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-tabs--focus-ink: var(--sf-on-primary);--sf-icon-button--border-color: var(--sf-primary-hover);--sf-button--border-color: var(--sf-primary-hover);--sf-icon-button--background-color: var(--sf-primary-hover);--sf-button--background-color: var(--sf-primary-hover)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-button-text-container,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible .sf-icon,.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-outline-variant);--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible,.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-outline-variant);--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{--sf-focus--color: var(--sf-tabs--focus-color, var(--sf-tabs--focus-ink));outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{--sf-tabs--focus-ink: var(--sf-on-surface)}@media(forced-colors: active){.sf-tabs-top .sf-button.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button.focus-visible:not(:disabled):not(.disabled){outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}.sf-tabs-top .sf-icon-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) solid currentColor;outline-offset:calc(var(--sf-focus--width)-1)}}}@layer sf.components{.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button{padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));padding-block-end:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width))}.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));padding-block-end:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button{padding-top:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));-webkit-padding-before:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));padding-block-start:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));padding-block-end:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{padding-top:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));-webkit-padding-before:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));padding-block-start:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));-webkit-padding-after:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));padding-block-end:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width))}}@layer sf.overrides{.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--padding-inline-start: calc(var(--sf-px) * 0);--sf-button--padding-inline-end: calc(var(--sf-px) * 0)}.sf-tabs--underline.sf-tabs--size-1-2>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c0))}.sf-tabs--underline.sf-tabs--size-1>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c2))}.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top{--sf-tabs-top--gap: var(--sf-tabs-gap, var(--sf-c6))}.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-button,.sf-tabs--underline.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button{--sf-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-px) * 3));--sf-icon-button--border-bottom-width: var(--sf-tabs-indicator-width, calc(var(--sf-px) * 3))}.sf-tabs.sf-tabs--size-1-2>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-1\/2)}.sf-tabs.sf-tabs--size-1>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-1)}.sf-tabs.sf-tabs--size-2>.sf-tabs-top-container>.sf-tabs-top .sf-button{font-size:var(--sf-text-size-2)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-count{margin-left:var(--sf-a6)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-count{margin-left:var(--sf-a6)}}.sf-tabs-count:where(:dir(ltr)){margin-left:var(--sf-a6)}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-count{margin-right:var(--sf-a6)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-tabs-count{margin-right:var(--sf-a6)}}.sf-tabs-count:where(:dir(rtl)){margin-right:var(--sf-a6)}.sf-tabs-count{display:inline-flex;align-items:center;justify-content:center;min-width:var(--sf-text-height-1\/3);min-inline-size:var(--sf-text-height-1\/3);-webkit-margin-start:var(--sf-a6);margin-inline-start:var(--sf-a6);padding-left:var(--sf-a4);padding-right:var(--sf-a4);padding-inline:var(--sf-a4);border-radius:var(--sf-radius-circle);background-color:var(--sf-secondary-container);color:var(--sf-on-secondary-container);font-size:var(--sf-text-size-1\/3);line-height:var(--sf-text-height-1\/3);font-weight:var(--sf-font-weight-medium);vertical-align:middle}.sf-tabs--overflow-wrap:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{flex-wrap:wrap;overflow-x:visible}.sf-tabs--overflow-more:not(.sf-tabs--vertical)>.sf-tabs-top-container>.sf-tabs-top{flex-wrap:nowrap;overflow-x:clip}.sf-tabs-top>.sf-tabs-overflowed,.sf-tabs-top>.sf-tabs-overflowed>{display:none !important}.sf-tabs-more,.sf-tabs-settings{flex:none}.sf-tabs-more>button{white-space:nowrap}.sf-tabs--underline>.sf-tabs-top-container--tools>.sf-tabs-more>button{margin-bottom:calc(var(--sf-px)-1);-webkit-margin-after:calc(var(--sf-px)-1);margin-block-end:calc(var(--sf-px)-1);margin-bottom:calc(var(--sf-px)-1);margin-bottom:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))-1);-webkit-margin-after:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))-1);margin-block-end:calc(var(--sf-tabs-border-width, var(--sf-tabs--border-width, var(--sf-px)))-1)}.sf-tabs-top-container.sf-tabs-top-container--tools{display:flex;align-items:flex-end;gap:var(--sf-space-1\/2)}.sf-tabs-top-container--tools>.sf-tabs-top{flex:1 1 auto;min-width:0;min-inline-size:0}.sf-tabs-top-container--tools:not([data-sf-tabs-more])>.sf-tabs-more,.sf-tabs-top-container--tools:not([data-sf-tabs-more])>.sf-tabs-more>button{display:none}.sf-tabs-settings-list{display:flex;flex-direction:column;gap:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-tabs-settings-row:where(:dir(ltr)){padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-start, var(--sf-a8));padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-end, var(--sf-a8))}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tabs-settings-row{padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8))}}_:-ms-input-placeholder, [dir="rtl"] .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tabs-settings-row{padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}}.sf-tabs-settings-row:where(:dir(rtl)){padding-right:var(--sf-a8);padding-right:var(--sf-context-menu--inset-start, var(--sf-a8));padding-left:var(--sf-a8);padding-left:var(--sf-context-menu--inset-end, var(--sf-a8))}.sf-tabs-settings-row{display:flex;align-items:center;gap:var(--sf-space-1\/2);min-height:calc(var(--sf-text-height-1\/2) + 2var(--sf-a6));min-block-size:calc(var(--sf-text-height-1\/2) + 2var(--sf-a6));min-height:calc(var(--sf-text-height-1\/2) + 2var(--sf-a6));min-height:calc(var(--sf-context-menu--line, var(--sf-text-height-1\/2)) + 2var(--sf-context-menu--space-y, var(--sf-a6)));min-block-size:calc(var(--sf-context-menu--line, var(--sf-text-height-1\/2)) + 2*var(--sf-context-menu--space-y, var(--sf-a6)));padding-left:var(--sf-a8);padding-right:var(--sf-a8);padding-inline:var(--sf-a8) var(--sf-a8);padding-inline:var(--sf-context-menu--inset-start, var(--sf-a8)) var(--sf-context-menu--inset-end, var(--sf-a8));border-radius:var(--sf-radius--ui)}.sf-tabs-settings-handle{display:inline-flex;cursor:-webkit-grab;cursor:grab;--sf-icon--color: var(--sf-on-surface-variant)}.sf-tabs-settings-label{flex:1 1 auto;min-width:0;min-inline-size:0;white-space:nowrap}.sf-tabs-settings-pin{--sf-icon--color: var(--sf-on-surface-variant)}}@layer sf.states{.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--primary{color:var(--sf-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled){color:var(--sf-on-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){color:var(--sf-on-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled){color:var(--sf-on-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--outline:not(.selected):not(:disabled):not(.disabled):hover{color:var(--sf-primary-hover)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--link:not(.selected):not(:disabled):not(.disabled):hover{color:var(--sf-primary-hover)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--outline:not(.selected):not(:disabled):not(.disabled):active{color:var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--outline.active:not(.selected):not(:disabled):not(.disabled){color:var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--link:not(.selected):not(:disabled):not(.disabled):active{color:var(--sf-primary-active)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.sf-button--link.active:not(.selected):not(:disabled):not(.disabled){color:var(--sf-primary-active)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled){color:var(--sf-on-surface);color:var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled){color:var(--sf-on-surface);color:var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled){color:var(--sf-on-surface);color:var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled){color:var(--sf-on-surface);color:var(--sf-tabs-color, var(--sf-on-surface))}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-button.selected:not(:disabled):not(.disabled){color:var(--sf-on-surface-active)}.sf-tabs.sf-tabs--underline>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.selected:not(:disabled):not(.disabled){color:var(--sf-on-surface-active)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover{color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button.focus-visible:not(.selected):not(:disabled):not(.disabled){color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.focus-visible:not(.selected):not(:disabled):not(.disabled){color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):hover{color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled).focus-visible{color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-button:not(.selected):not(:disabled):not(.disabled):focus-visible{color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):hover{color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled).focus-visible{color:var(--sf-on-primary)}.sf-tabs.sf-tabs--full>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:not(.selected):not(:disabled):not(.disabled):focus-visible{color:var(--sf-on-primary)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button:disabled{color:var(--sf-on-disable)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-button.disabled{color:var(--sf-on-disable)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button:disabled{color:var(--sf-on-disable)}.sf-tabs>.sf-tabs-top-container>.sf-tabs-top .sf-icon-button.disabled{color:var(--sf-on-disable)}}

package/distr/core/css/core.css CHANGED Viewed

@@ -324,6 +324,22 @@
        being no role (documentation trial 6, 2026-10-18). */
     --sf-surface-inverse-hover: light-dark(var(--sf-neutral-25), var(--sf-neutral-85));
     --sf-surface-inverse-fixed: var(--sf-neutral-20);
+    /* Paper: the sheet a document is previewed on -- an email, a page, a print
+       layout. Its own colours are the document's, written for white, so the
+       paper stays white and its ink stays dark in both themes; it never flips
+       (simai/ui-source#24, the ui-mail preview). 17.2:1. Not a surface of the
+       interface: controls do not sit on it, and the interface's own text does
+       not take --sf-on-paper. */
+    --sf-paper: var(--sf-white);
+    --sf-on-paper: var(--sf-neutral-10);
+    /* The well: the recessed area a canvas or a paper sits in, below the
+       panels around it. In the light theme a step under surface-1 (the
+       paper's white stands on it by its shadow, 1.13:1, as the elevation guide
+       has it); in the dark theme, where height lightens a surface, it is the
+       darkest step, and the white paper stands off it by itself (18.9:1). Its
+       text takes the ordinary roles: --sf-on-surface 15.2:1 and 14.7:1,
+       --sf-on-surface-variant 5.71:1 and 5.95:1. */
+    --sf-surface-well: light-dark(var(--sf-neutral-95), var(--sf-neutral-5));
     /* A tinted plate on the surface, on the same neutral tone as the state
        layer above: neutral-50 in the light theme, neutral-90 in the dark. It
        used to be neutral-50 in both, which meant the dark theme lightened its
@@ -2950,3 +2966,12 @@ body {
     }
   }
 }
+@media (hover: none) and (pointer: coarse) and (max-width: 59.98rem) {
+  @layer sf.states {
+    input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=button]):not([type=submit]):not([type=reset]):not([type=image]):not([type=hidden]):not([class*="--size-3"]):not([class*="--size-3"] *),
+    textarea:not([class*="--size-3"]):not([class*="--size-3"] *),
+    select:not([class*="--size-3"]):not([class*="--size-3"] *) {
+      font-size: 16px;
+    }
+  }
+}