@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
  1. package/README.md +4 -4
  2. package/distr/component/accordion/css/accordion.min.css +1 -1
  3. package/distr/component/buttons/css/buttons.min.css +1 -1
  4. package/distr/component/context-menu/css/context-menu.min.css +1 -1
  5. package/distr/component/doc/css/doc.min.css +1 -1
  6. package/distr/component/dropdown/css/dropdown.min.css +1 -1
  7. package/distr/component/highlight/css/highlight.min.css +1 -1
  8. package/distr/component/highlight/js/highlight.min.js +1 -1
  9. package/distr/component/inputs/css/inputs.min.css +1 -1
  10. package/distr/component/tabs/css/tabs.min.css +1 -1
  11. package/distr/core/css/core.css +25 -0
  12. package/distr/core/css/core.min.css +1 -1
  13. package/distr/core/js/core-loader.js +1 -1
  14. package/distr/core/js/core-loader.min.js +1 -1
  15. package/distr/core/js/template-utilities.generated.json +4 -1
  16. package/distr/smart/context-menu/smart.manifest.json +2 -2
  17. package/distr/smart/drawer/css/drawer.min.css +1 -1
  18. package/distr/smart/drawer/js/drawer.min.js +12 -9
  19. package/distr/smart/drawer/smart.manifest.json +54 -5
  20. package/distr/smart/dropdown/js/dropdown.min.js +25 -21
  21. package/distr/smart/dropdown/smart.manifest.json +2 -2
  22. package/distr/smart/list-item/js/list-item.min.js +13 -9
  23. package/distr/smart/list-item/smart.manifest.json +61 -11
  24. package/distr/smart/list-item/template/default.js +32 -2
  25. package/package-manifest.json +26 -26
  26. package/package.json +4 -4
package/distr/component/buttons/css/buttons.min.css CHANGED
@@ -1 +1 @@
1
- @property --sf-button--border-top-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-bottom-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-inline-start-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-inline-end-width{syntax:"<length>";inherits:true;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-button{padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}}.sf-button:where(:dir(ltr)){padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-button{padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}}.sf-button:where(:dir(rtl)){padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-button{padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}}.sf-button:where(:dir(ltr)){padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-button{padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}}.sf-button:where(:dir(rtl)){padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}}.sf-button:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}}.sf-button:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}}.sf-button:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}}.sf-button:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}.sf-button{--sf-button--radius: var(--sf-button-radius, var(--sf-radius--ui));border-end-end-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius));border-end-start-radius:var(--sf-button--radius);border-end-start-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius));border-start-end-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius));border-start-start-radius:var(--sf-button--radius);border-start-start-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius));-webkit-padding-start:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width));padding-inline-start:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width));padding-top:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));-webkit-padding-end:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width));padding-inline-end:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width));padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));--sf-button--border-top-width: var(--sf-button-border-width, 0);--sf-button--border-bottom-width: var(--sf-button-border-width, 0);--sf-button--border-inline-start-width: var(--sf-button-border-width, 0);--sf-button--border-inline-end-width: var(--sf-button-border-width, 0);background-color:var(--sf-button--background-color);border-color:transparent;border-color:var(--sf-button--border-color, var(--sf-button-border-color, transparent));border-width:0;border-width:var(--sf-button--border-width, 0);border-top-width:0;border-top-width:var(--sf-button--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-button--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-button--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-button--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-button--border-style, solid);box-shadow:0 0 rgba(0, 0, 0, 0),0 0 rgba(0, 0, 0, 0);box-shadow:var(--sf-button--focus-inset, 0 0 rgba(0, 0, 0, 0)),var(--sf-button--box-shadow, 0 0 rgba(0, 0, 0, 0))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-end)}}.sf-button .sf-button-text-container:where(:dir(ltr)){padding-right:var(--sf-button-text-container--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-end)}}.sf-button .sf-button-text-container:where(:dir(rtl)){padding-left:var(--sf-button-text-container--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-start)}}.sf-button .sf-button-text-container:where(:dir(ltr)){padding-left:var(--sf-button-text-container--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-start)}}.sf-button .sf-button-text-container:where(:dir(rtl)){padding-right:var(--sf-button-text-container--padding-inline-start)}.sf-button .sf-button-text-container{word-break:normal;--sf-button-text-container--background-color: transparent;background-color:var(--sf-button-text-container--background-color);color:var(--sf-button-text-container--color);font-family:var(--sf-button-text-container--font-family);font-size:var(--sf-button-text-container--font-size);font-weight:var(--sf-button-text-container--font-weight);line-height:var(--sf-button-text-container--line-height);-webkit-padding-end:var(--sf-button-text-container--padding-inline-end);padding-inline-end:var(--sf-button-text-container--padding-inline-end);-webkit-padding-start:var(--sf-button-text-container--padding-inline-start);padding-inline-start:var(--sf-button-text-container--padding-inline-start)}.sf-button .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))}.sf-button.sf-button--default.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-primary))}.sf-button.sf-button--default.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-secondary))}.sf-button.sf-button--size-1 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1--text-space-x)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--default.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-primary))}.sf-button.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-secondary))}.sf-button.sf-button--default.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-button.sf-button--default.sf-button--secondary .sf-icon{--sf-icon--color: var(--sf-on-secondary)}.sf-button.sf-button--default.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-on-surface))}.sf-button.sf-button--default.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface-inverse))}.sf-button.sf-button--default.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface-inverse)}.sf-button.sf-button--tonal.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-secondary-container))}.sf-button.sf-button--tonal.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-primary-container))}.sf-button.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-secondary-container))}.sf-button.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-primary-container))}.sf-button.sf-button--tonal.sf-button--secondary .sf-icon{--sf-icon--color: var(--sf-on-secondary-container)}.sf-button.sf-button--tonal.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-on-primary-container)}.sf-button.sf-button--tonal.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-button.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--link.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--ghost.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--tonal.sf-button--on-surface .sf-icon,.sf-button.sf-button--outline.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--outline.sf-button--primary,.sf-button.sf-button--outline.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent);--sf-button--border-color: var(--sf-button-border-color, var(--sf-outline))}.sf-button.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--outline.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--link.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--ghost.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--outline.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--link.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--link.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--loading.sf-button--default.sf-button--primary,.sf-button.sf-button--loading.sf-button--default.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--size-2 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-2--text-space-x)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-3 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-3--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-3--text-space-x)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-1\/2 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1\/2--text-space-x)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/3 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1\/3--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1\/3--text-space-x)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button--size-1{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-default))}.sf-button.sf-button--size-1 .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-button--size-1.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low))}.sf-button--size-1.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low))}.sf-button--size-1.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high))}.sf-button--size-1.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high))}.sf-button--size-1.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest))}.sf-button--size-1.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest))}.sf-button--size-2{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-2--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-2--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-default))}.sf-button.sf-button--size-2 .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-button--size-2.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low))}.sf-button--size-2.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low))}.sf-button--size-2.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high))}.sf-button--size-2.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high))}.sf-button--size-2.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest))}.sf-button--size-2.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest))}.sf-button--size-3{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-3--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-3--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-default))}.sf-button.sf-button--size-3 .sf-icon{--sf-icon--font-size: var(--sf-text-height-3);--sf-icon--height: var(--sf-text-height-3);--sf-icon--width: var(--sf-text-height-3)}.sf-button--size-3.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low))}.sf-button--size-3.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low))}.sf-button--size-3.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high))}.sf-button--size-3.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high))}.sf-button--size-3.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest))}.sf-button--size-3.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest))}.sf-button--size-1\/2{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1\/2--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1\/2--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default))}.sf-button.sf-button--size-1\/2 .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-button--size-1\/2.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-button--size-1\/2.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-button--size-1\/2.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-button--size-1\/2.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-button--size-1\/2.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-button--size-1\/2.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-button--size-1\/3{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1\/3--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1\/3--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default))}.sf-button.sf-button--size-1\/3 .sf-icon{--sf-icon--font-size: var(--sf-text-height-1\/3);--sf-icon--height: var(--sf-text-height-1\/3);--sf-icon--width: var(--sf-text-height-1\/3)}.sf-button--size-1\/3.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-button--size-1\/3.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-button--size-1\/3.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-button--size-1\/3.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-button--size-1\/3.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-button--size-1\/3.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-button--outline{--sf-button--border-bottom-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-style: solid;--sf-button--border-top-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-width: var(--sf-px)}.sf-button.radius-default{border-radius:var(--sf-radius-default)}.sf-button.radius-square{border-radius:var(--sf-radius-square)}.sf-button.radius-rounded{border-radius:var(--sf-radius-rounded)}.sf-button.segment-start{--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-inline-end-width: var(--sf-px)}.sf-button.segment-middle{--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button.segment-end:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button.segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button.segment-end{--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent);--sf-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-end:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-end{border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-start:where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-start:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-start{border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-middle{border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent);border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent)}.sf-button.sf-button--surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-alpha-4));--sf-button--border-color: var(--sf-button-border-color, var(--sf-alpha-8));--sf-button--border-bottom-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-style: solid;--sf-button--border-top-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-width: var(--sf-px)}.sf-button.sf-button--size-1.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--surface.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--surface.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--surface.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--surface.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}}@layer sf.states{.sf-button.sf-button--link.sf-button--primary.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--tonal.sf-button--secondary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--tonal.sf-button--primary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--default.sf-button--primary:disabled,.sf-button.sf-button--default.sf-button--on-surface:disabled,.sf-button.sf-button--tonal.sf-button--on-surface:disabled,.sf-button.sf-button--default.sf-button--secondary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--tonal.sf-button--secondary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--tonal.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--link.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--link.sf-button--on-surface:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--on-surface:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--default.sf-button--primary:disabled .sf-button-text-container,.sf-button.sf-button--default.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--primary:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--default.sf-button--secondary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--outline.sf-button--primary:disabled{--sf-button--border-color: var(--sf-outline-disable)}.sf-button.sf-button--outline.sf-button--on-surface:disabled{--sf-button--border-color: var(--sf-outline-variant)}.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-hover)}.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-secondary-hover)}.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-on-surface-hover)}.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-secondary-container-hover)}.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):hover,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled).active,.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-active)}.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-on-surface-active)}.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-secondary-container-active)}.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled).active,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-button--focus-ink, transparent)}.sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-button--focus-ink, transparent)}.sf-button.sf-button--default.sf-button--primary{--sf-button--focus-ink: var(--sf-on-primary)}.sf-button.sf-button--default.sf-button--secondary{--sf-button--focus-ink: var(--sf-on-secondary)}.sf-button.sf-button--default.sf-button--on-surface{--sf-button--focus-ink: var(--sf-on-surface-inverse, var(--sf-surface-0))}@media(forced-colors: active){.sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}.sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}}.sf-button.sf-button.sf-button:disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-alpha-8)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):hover{--sf-button--border-color: var(--sf-alpha-12)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-alpha-12)}.sf-button.sf-button--surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-alpha-12)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):active{--sf-button--border-color: var(--sf-alpha-16)}.sf-button.sf-button--surface.active:not(:disabled):not(.disabled){--sf-button--border-color: var(--sf-alpha-16)}.sf-button.sf-button--surface:disabled,.sf-button.sf-button--surface.disabled{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-alpha-4)}.sf-button.sf-button--surface:disabled .sf-button-text-container,.sf-button.sf-button--surface.disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--surface:disabled .sf-icon,.sf-button.sf-button--surface.disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}}@layer sf.components{.sf-button.sf-button--default.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, var(--sf-error))}.sf-button.sf-button--size-1.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--default.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-error))}.sf-button.sf-button--default.sf-button--error .sf-icon{--sf-icon--color: var(--sf-on-error)}.sf-button.sf-button--tonal.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, var(--sf-error-container))}.sf-button.sf-button--tonal.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-error-container))}.sf-button.sf-button--tonal.sf-button--error .sf-icon{--sf-icon--color: var(--sf-on-error-container)}.sf-button.sf-button--outline.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent);--sf-button--border-color: var(--sf-button-border-color, var(--sf-outline))}.sf-button.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--link.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--ghost.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--outline.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--link.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--loading.sf-button--default.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--size-2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}}@layer sf.states{.sf-button.sf-button--link.sf-button--error.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--default.sf-button--error:disabled,.sf-button.sf-button--tonal.sf-button--error:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--link.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--default.sf-button--error:disabled .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--error:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--outline.sf-button--error:disabled{--sf-button--border-color: var(--sf-outline-disable)}.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-hover)}.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-active)}.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--default.sf-button--error{--sf-button--focus-ink: var(--sf-on-error)}}@layer sf.components{.sf-button,.sf-icon-button{transition-duration:var(--sf-duration-fast);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--sf-animation)}.sf-button>*{position:relative;z-index:1}.sf-button.loading,.sf-button.sf-button-state-loading{pointer-events:none;position:relative}.sf-button.loading::after,.sf-button.sf-button-state-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background-image:repeating-linear-gradient(135deg, transparent 0, transparent var(--sf-space-1\/2), transparent var(--sf-space-1\/2), transparent var(--sf-space-1));background-image:repeating-linear-gradient(135deg, var(--sf-button-loading-stripe, transparent) 0, var(--sf-button-loading-stripe, transparent) var(--sf-space-1\/2), transparent var(--sf-space-1\/2), transparent var(--sf-space-1));border-radius:inherit;pointer-events:none}.sf-button{--sf-button-spinner--size: var(--sf-icon-size-3)}.sf-button.sf-button--size-1\/3{--sf-button-spinner--size: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/2{--sf-button-spinner--size: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1{--sf-button-spinner--size: var(--sf-text-height-1)}.sf-button.sf-button--size-2{--sf-button-spinner--size: var(--sf-text-height-2)}.sf-button.sf-button--size-3{--sf-button-spinner--size: var(--sf-text-height-3)}.sf-button .sf-button-spinner{--sf-loader-svg-width: var(--sf-button-spinner--size);--sf-loader-svg-height: var(--sf-button-spinner--size);display:inline-flex;vertical-align:bottom;flex:none;width:var(--sf-button-spinner--size);inline-size:var(--sf-button-spinner--size);height:var(--sf-button-spinner--size);block-size:var(--sf-button-spinner--size);color:currentColor;color:var(--sf-loader--color, currentColor)}.sf-button .sf-button-spinner .sf-loader--loading-indicator{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-button .sf-button-spinner .sf-loader-svg{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-button>.sf-button-spinner--overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;margin:auto}@media(prefers-reduced-motion: reduce){.sf-button,.sf-icon-button{transition-duration:0s}}}@layer sf.override{.sf-button.sf-button--link[class*=segment-]{border-color:var(--sf-outline);--sf-button--border-top-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px)}.sf-button.sf-button--link.segment-start,.sf-button.sf-button--link.segment-middle{--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: 0}.sf-button.sf-button--link.segment-end{--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px)}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button:has(.sf-button--outline[class*=segment-])+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-button[class*=segment-]:not(.sf-button--outline){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-button[class*=segment-]:not(.sf-button--outline){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(\%2Bsf-icon-button\%20.sf-icon-button--outline\[class*\%3Dsegment-\]\)] .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline) [\:has\(\%2B.sf-icon-button.sf-icon-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(+sf-icon-button .sf-icon-button--outline[class*=segment-]) .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline) :has(+.sf-icon-button.sf-icon-button--outline[class*=segment-]){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline)[\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline):has(+.sf-button.sf-button--outline[class*=segment-]){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-inline-end-width: 0;border-inline-end-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-right-width:0}}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]):where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-left-width:0}}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]):where(:dir(rtl)){border-left-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-inline-end-width: 0;border-inline-end-width:0}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){--sf-button--border-inline-end-width: 0;border-inline-end-width:0}}@layer sf.states{.sf-button:disabled .sf-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}.sf-button.disabled .sf-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}.sf-button>.sf-button-spinner--overlay~*{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}}
1
+ @property --sf-button--border-top-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-bottom-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-inline-start-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-inline-end-width{syntax:"<length>";inherits:true;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-button{padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}}.sf-button:where(:dir(ltr)){padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-button{padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}}.sf-button:where(:dir(rtl)){padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-button{padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}}.sf-button:where(:dir(ltr)){padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-button{padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}}.sf-button:where(:dir(rtl)){padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}}.sf-button:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}}.sf-button:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}}.sf-button:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}}.sf-button:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}.sf-button{--sf-button--radius: var(--sf-button-radius, var(--sf-radius--ui));border-end-end-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius));border-end-start-radius:var(--sf-button--radius);border-end-start-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius));border-start-end-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius));border-start-start-radius:var(--sf-button--radius);border-start-start-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius));-webkit-padding-start:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width));padding-inline-start:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width));padding-top:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));-webkit-padding-end:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width));padding-inline-end:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width));padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));--sf-button--border-top-width: var(--sf-button-border-width, 0);--sf-button--border-bottom-width: var(--sf-button-border-width, 0);--sf-button--border-inline-start-width: var(--sf-button-border-width, 0);--sf-button--border-inline-end-width: var(--sf-button-border-width, 0);background-color:var(--sf-button--background-color);border-color:transparent;border-color:var(--sf-button--border-color, var(--sf-button-border-color, transparent));border-width:0;border-width:var(--sf-button--border-width, 0);border-top-width:0;border-top-width:var(--sf-button--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-button--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-button--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-button--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-button--border-style, solid);box-shadow:0 0 rgba(0, 0, 0, 0),0 0 rgba(0, 0, 0, 0);box-shadow:var(--sf-button--focus-inset, 0 0 rgba(0, 0, 0, 0)),var(--sf-button--box-shadow, 0 0 rgba(0, 0, 0, 0))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-end)}}.sf-button .sf-button-text-container:where(:dir(ltr)){padding-right:var(--sf-button-text-container--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-end)}}.sf-button .sf-button-text-container:where(:dir(rtl)){padding-left:var(--sf-button-text-container--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-start)}}.sf-button .sf-button-text-container:where(:dir(ltr)){padding-left:var(--sf-button-text-container--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-start)}}.sf-button .sf-button-text-container:where(:dir(rtl)){padding-right:var(--sf-button-text-container--padding-inline-start)}.sf-button .sf-button-text-container{word-break:normal;--sf-button-text-container--background-color: transparent;background-color:var(--sf-button-text-container--background-color);color:var(--sf-button-text-container--color);font-family:var(--sf-button-text-container--font-family);font-size:var(--sf-button-text-container--font-size);font-weight:var(--sf-button-text-container--font-weight);line-height:var(--sf-button-text-container--line-height);-webkit-padding-end:var(--sf-button-text-container--padding-inline-end);padding-inline-end:var(--sf-button-text-container--padding-inline-end);-webkit-padding-start:var(--sf-button-text-container--padding-inline-start);padding-inline-start:var(--sf-button-text-container--padding-inline-start)}.sf-button .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))}.sf-button.sf-button--default.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-primary))}.sf-button.sf-button--default.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-secondary))}.sf-button.sf-button--size-1 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1--text-space-x)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--default.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-primary))}.sf-button.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-secondary))}.sf-button.sf-button--default.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-button.sf-button--default.sf-button--secondary .sf-icon{--sf-icon--color: var(--sf-on-secondary)}.sf-button.sf-button--default.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-on-surface))}.sf-button.sf-button--default.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface-inverse))}.sf-button.sf-button--default.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface-inverse)}.sf-button.sf-button--tonal.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-secondary-container))}.sf-button.sf-button--tonal.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-primary-container))}.sf-button.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-secondary-container))}.sf-button.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-primary-container))}.sf-button.sf-button--tonal.sf-button--secondary .sf-icon{--sf-icon--color: var(--sf-on-secondary-container)}.sf-button.sf-button--tonal.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-on-primary-container)}.sf-button.sf-button--tonal.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-button.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--link.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--ghost.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--tonal.sf-button--on-surface .sf-icon,.sf-button.sf-button--outline.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--outline.sf-button--primary,.sf-button.sf-button--outline.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent);--sf-button--border-color: var(--sf-button-border-color, var(--sf-outline))}.sf-button.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--outline.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--link.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--ghost.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--outline.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--link.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--link.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--loading.sf-button--default.sf-button--primary,.sf-button.sf-button--loading.sf-button--default.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--size-2 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-2--text-space-x)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-3 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-3--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-3--text-space-x)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-1\/2 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1\/2--text-space-x)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/3 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1\/3--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1\/3--text-space-x)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button--size-1{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-default))}.sf-button.sf-button--size-1 .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-button--size-1.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low))}.sf-button--size-1.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low))}.sf-button--size-1.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high))}.sf-button--size-1.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high))}.sf-button--size-1.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest))}.sf-button--size-1.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest))}.sf-button--size-2{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-2--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-2--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-default))}.sf-button.sf-button--size-2 .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-button--size-2.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low))}.sf-button--size-2.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low))}.sf-button--size-2.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high))}.sf-button--size-2.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high))}.sf-button--size-2.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest))}.sf-button--size-2.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest))}.sf-button--size-3{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-3--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-3--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-default))}.sf-button.sf-button--size-3 .sf-icon{--sf-icon--font-size: var(--sf-text-height-3);--sf-icon--height: var(--sf-text-height-3);--sf-icon--width: var(--sf-text-height-3)}.sf-button--size-3.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low))}.sf-button--size-3.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low))}.sf-button--size-3.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high))}.sf-button--size-3.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high))}.sf-button--size-3.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest))}.sf-button--size-3.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest))}.sf-button--size-1\/2{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1\/2--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1\/2--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default))}.sf-button.sf-button--size-1\/2 .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-button--size-1\/2.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-button--size-1\/2.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-button--size-1\/2.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-button--size-1\/2.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-button--size-1\/2.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-button--size-1\/2.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-button--size-1\/3{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1\/3--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1\/3--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default))}.sf-button.sf-button--size-1\/3 .sf-icon{--sf-icon--font-size: var(--sf-text-height-1\/3);--sf-icon--height: var(--sf-text-height-1\/3);--sf-icon--width: var(--sf-text-height-1\/3)}.sf-button--size-1\/3.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-button--size-1\/3.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-button--size-1\/3.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-button--size-1\/3.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-button--size-1\/3.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-button--size-1\/3.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-button--outline{--sf-button--border-bottom-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-style: solid;--sf-button--border-top-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-width: var(--sf-px)}.sf-button.radius-default{border-radius:var(--sf-radius-default)}.sf-button.radius-square{border-radius:var(--sf-radius-square)}.sf-button.radius-rounded{border-radius:var(--sf-radius-rounded)}.sf-button.segment-start{--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-inline-end-width: var(--sf-px)}.sf-button.segment-middle{--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button.segment-end:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button.segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button.segment-end{--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent);--sf-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-end:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-end{border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-start:where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-start:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-start{border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-middle{border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent);border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent)}.sf-button.sf-button--surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-alpha-4));--sf-button--border-color: var(--sf-button-border-color, var(--sf-alpha-8));--sf-button--border-bottom-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-style: solid;--sf-button--border-top-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-width: var(--sf-px)}.sf-button.sf-button--size-1.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--surface.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--surface.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--surface.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--surface.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}}@layer sf.states{.sf-button.sf-button--link.sf-button--primary.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--tonal.sf-button--secondary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--tonal.sf-button--primary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--default.sf-button--primary:disabled,.sf-button.sf-button--default.sf-button--on-surface:disabled,.sf-button.sf-button--tonal.sf-button--on-surface:disabled,.sf-button.sf-button--default.sf-button--secondary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--tonal.sf-button--secondary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--tonal.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--link.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--link.sf-button--on-surface:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--on-surface:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--default.sf-button--primary:disabled .sf-button-text-container,.sf-button.sf-button--default.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--primary:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--default.sf-button--secondary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--outline.sf-button--primary:disabled{--sf-button--border-color: var(--sf-outline-disable)}.sf-button.sf-button--outline.sf-button--on-surface:disabled{--sf-button--border-color: var(--sf-outline-variant)}.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-hover)}.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-secondary-hover)}.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-on-surface-hover)}.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-secondary-container-hover)}.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):hover,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled).active,.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-active)}.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-on-surface-active)}.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-secondary-container-active)}.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled).active,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-button--focus-ink, transparent)}.sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-button--focus-ink, transparent)}.sf-button.sf-button--default.sf-button--primary{--sf-button--focus-ink: var(--sf-on-primary)}.sf-button.sf-button--default.sf-button--secondary{--sf-button--focus-ink: var(--sf-on-secondary)}.sf-button.sf-button--default.sf-button--on-surface{--sf-button--focus-ink: var(--sf-on-surface-inverse, var(--sf-surface-0))}@media(forced-colors: active){.sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}.sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}.sf-button.sf-button--default{--sf-button--border-top-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-width: var(--sf-px);--sf-button--border-style: solid;border-color:ButtonText}.sf-button.sf-button--tonal{--sf-button--border-top-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-width: var(--sf-px);--sf-button--border-style: solid;border-color:ButtonText}.sf-button.sf-button--default:disabled{border-color:GrayText}.sf-button.sf-button--default.disabled{border-color:GrayText}.sf-button.sf-button--tonal:disabled{border-color:GrayText}.sf-button.sf-button--tonal.disabled{border-color:GrayText}}.sf-button.sf-button.sf-button:disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-alpha-8)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):hover{--sf-button--border-color: var(--sf-alpha-12)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-alpha-12)}.sf-button.sf-button--surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-alpha-12)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):active{--sf-button--border-color: var(--sf-alpha-16)}.sf-button.sf-button--surface.active:not(:disabled):not(.disabled){--sf-button--border-color: var(--sf-alpha-16)}.sf-button.sf-button--surface:disabled,.sf-button.sf-button--surface.disabled{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-alpha-4)}.sf-button.sf-button--surface:disabled .sf-button-text-container,.sf-button.sf-button--surface.disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--surface:disabled .sf-icon,.sf-button.sf-button--surface.disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}}@layer sf.components{.sf-button.sf-button--default.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, var(--sf-error))}.sf-button.sf-button--size-1.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--default.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-error))}.sf-button.sf-button--default.sf-button--error .sf-icon{--sf-icon--color: var(--sf-on-error)}.sf-button.sf-button--tonal.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, var(--sf-error-container))}.sf-button.sf-button--tonal.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-error-container))}.sf-button.sf-button--tonal.sf-button--error .sf-icon{--sf-icon--color: var(--sf-on-error-container)}.sf-button.sf-button--outline.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent);--sf-button--border-color: var(--sf-button-border-color, var(--sf-outline))}.sf-button.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--link.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--ghost.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--outline.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--link.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--loading.sf-button--default.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--size-2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}}@layer sf.states{.sf-button.sf-button--link.sf-button--error.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--default.sf-button--error:disabled,.sf-button.sf-button--tonal.sf-button--error:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--link.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--default.sf-button--error:disabled .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--error:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--outline.sf-button--error:disabled{--sf-button--border-color: var(--sf-outline-disable)}.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-hover)}.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-active)}.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--default.sf-button--error{--sf-button--focus-ink: var(--sf-on-error)}}@layer sf.components{.sf-button,.sf-icon-button{transition-duration:var(--sf-duration-fast);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--sf-animation)}.sf-button>*{position:relative;z-index:1}.sf-button.loading,.sf-button.sf-button-state-loading{pointer-events:none;position:relative}.sf-button.loading::after,.sf-button.sf-button-state-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background-image:repeating-linear-gradient(135deg, transparent 0, transparent var(--sf-space-1\/2), transparent var(--sf-space-1\/2), transparent var(--sf-space-1));background-image:repeating-linear-gradient(135deg, var(--sf-button-loading-stripe, transparent) 0, var(--sf-button-loading-stripe, transparent) var(--sf-space-1\/2), transparent var(--sf-space-1\/2), transparent var(--sf-space-1));border-radius:inherit;pointer-events:none}.sf-button{--sf-button-spinner--size: var(--sf-icon-size-3)}.sf-button.sf-button--size-1\/3{--sf-button-spinner--size: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/2{--sf-button-spinner--size: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1{--sf-button-spinner--size: var(--sf-text-height-1)}.sf-button.sf-button--size-2{--sf-button-spinner--size: var(--sf-text-height-2)}.sf-button.sf-button--size-3{--sf-button-spinner--size: var(--sf-text-height-3)}.sf-button .sf-button-spinner{--sf-loader-svg-width: var(--sf-button-spinner--size);--sf-loader-svg-height: var(--sf-button-spinner--size);display:inline-flex;vertical-align:bottom;flex:none;width:var(--sf-button-spinner--size);inline-size:var(--sf-button-spinner--size);height:var(--sf-button-spinner--size);block-size:var(--sf-button-spinner--size);color:currentColor;color:var(--sf-loader--color, currentColor)}.sf-button .sf-button-spinner .sf-loader--loading-indicator{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-button .sf-button-spinner .sf-loader-svg{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-button>.sf-button-spinner--overlay{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;margin:auto}@media(prefers-reduced-motion: reduce){.sf-button,.sf-icon-button{transition-duration:0s}}}@layer sf.override{.sf-button.sf-button--link[class*=segment-]{border-color:var(--sf-outline);--sf-button--border-top-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px)}.sf-button.sf-button--link.segment-start,.sf-button.sf-button--link.segment-middle{--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: 0}.sf-button.sf-button--link.segment-end{--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px)}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button:has(.sf-button--outline[class*=segment-])+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-button[class*=segment-]:not(.sf-button--outline){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-button[class*=segment-]:not(.sf-button--outline){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(\%2Bsf-icon-button\%20.sf-icon-button--outline\[class*\%3Dsegment-\]\)] .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline) [\:has\(\%2B.sf-icon-button.sf-icon-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(+sf-icon-button .sf-icon-button--outline[class*=segment-]) .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline) :has(+.sf-icon-button.sf-icon-button--outline[class*=segment-]){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline)[\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline):has(+.sf-button.sf-button--outline[class*=segment-]){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-inline-end-width: 0;border-inline-end-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-right-width:0}}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]):where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-left-width:0}}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]):where(:dir(rtl)){border-left-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-inline-end-width: 0;border-inline-end-width:0}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){--sf-button--border-inline-end-width: 0;border-inline-end-width:0}}@layer sf.states{.sf-button:disabled .sf-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}.sf-button.disabled .sf-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}.sf-button>.sf-button-spinner--overlay~*{color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}}