@simai-studio/ui 5.20261020.2008 → 5.20261020.2238

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 (35) hide show
  1. package/README.md +4 -4
  2. package/distr/component/admin-menu/css/admin-menu.min.css +1 -1
  3. package/distr/component/badges/css/badges.min.css +1 -1
  4. package/distr/component/badges/js/badges.min.js +1 -1
  5. package/distr/component/context-menu/css/context-menu.min.css +1 -1
  6. package/distr/component/dropdown/css/dropdown.min.css +1 -1
  7. package/distr/component/icon-buttons/css/icon-buttons.min.css +1 -1
  8. package/distr/component/menu/css/menu.min.css +1 -1
  9. package/distr/component/modal/css/modal.min.css +1 -1
  10. package/distr/component/toast/css/toast.min.css +1 -1
  11. package/distr/core/contracts/public-js-api.json +12 -0
  12. package/distr/core/contracts/public-variables.v1.json +7 -0
  13. package/distr/core/contracts/public-variables.v1.schema.json +2 -1
  14. package/distr/core/js/core-rules.js +13 -0
  15. package/distr/core/js/core-rules.min.js +1 -1
  16. package/distr/rule/js/rule.min.js +1 -1
  17. package/distr/rule/rule.json +10 -0
  18. package/distr/smart/avatar/js/avatar.min.js +11 -7
  19. package/distr/smart/avatar/smart.manifest.json +24 -2
  20. package/distr/smart/avatar/template/shared.js +3 -2
  21. package/distr/smart/avatars/js/avatars.min.js +4 -4
  22. package/distr/smart/context-menu/smart.manifest.json +1 -1
  23. package/distr/smart/drawer/css/drawer.min.css +1 -1
  24. package/distr/smart/drawer/smart.manifest.json +1 -1
  25. package/distr/smart/icon-buttons/js/icon-buttons.min.js +15 -11
  26. package/distr/smart/icon-buttons/smart.manifest.json +23 -2
  27. package/distr/smart/icon-buttons/template/default.js +4 -2
  28. package/distr/smart/icons/js/icons.min.js +17 -7
  29. package/distr/smart/icons/smart.manifest.json +26 -5
  30. package/distr/smart/icons/template/default.js +17 -0
  31. package/distr/smart/popover/css/popover.min.css +1 -1
  32. package/distr/smart/popover/smart.manifest.json +1 -1
  33. package/distr/smart/popover/template/default.css +1 -0
  34. package/package-manifest.json +35 -35
  35. package/package.json +4 -4
package/distr/component/icon-buttons/css/icon-buttons.min.css CHANGED
@@ -1 +1 @@
1
- @property --sf-icon-button--border-top-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-bottom-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-inline-start-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-inline-end-width{syntax:"<length>";inherits:true;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}}.sf-icon-button:where(:dir(ltr)){padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}}.sf-icon-button:where(:dir(rtl)){padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}}.sf-icon-button:where(:dir(ltr)){padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}}.sf-icon-button:where(:dir(rtl)){padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}}.sf-icon-button:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}}.sf-icon-button:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}}.sf-icon-button:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}}.sf-icon-button:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}.sf-icon-button{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-icon-button-color, var(--sf-on-surface-variant)));--sf-icon-button--radius: var(--sf-icon-button-radius, var(--sf-radius--ui));border-end-end-radius:var(--sf-icon-button--radius);border-end-end-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius));border-end-start-radius:var(--sf-icon-button--radius);border-end-start-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius));border-start-end-radius:var(--sf-icon-button--radius);border-start-end-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius));border-start-start-radius:var(--sf-icon-button--radius);border-start-start-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius));-webkit-padding-start:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width));padding-inline-start:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width));padding-top:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));-webkit-padding-end:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width));padding-inline-end:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width));padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, 0);background-color:var(--sf-icon-button--background-color);border-color:transparent;border-color:var(--sf-icon-button--border-color, var(--sf-icon-button-border-color, transparent));border-width:0;border-width:var(--sf-icon-button--border-width, 0);border-top-width:0;border-top-width:var(--sf-icon-button--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-icon-button--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-icon-button--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-icon-button--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-icon-button--border-style, solid);box-shadow:0 0 rgba(0, 0, 0, 0),0 0 rgba(0, 0, 0, 0);box-shadow:var(--sf-icon-button--focus-inset, 0 0 rgba(0, 0, 0, 0)),var(--sf-icon-button--box-shadow, 0 0 rgba(0, 0, 0, 0))}.sf-icon-button .sf-close-icon{background-color:var(--sf-close-icon--background-color);border-color:transparent;border-color:var(--sf-close-icon--border-color, transparent)}.sf-icon-button .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-icon-button-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-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-primary))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-primary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface-inverse))}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-primary))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface-inverse))}.sf-icon-button.sf-icon-button--size-2.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-2.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-3.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-3.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1\/2.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1\/2.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1\/3.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1\/3.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button--size-1{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-default))}.sf-icon-button--size-1.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low))}.sf-icon-button--size-1.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low))}.sf-icon-button--size-1.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high))}.sf-icon-button--size-1.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high))}.sf-icon-button--size-1.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest))}.sf-icon-button--size-1.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest))}.sf-icon-button--size-2{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-default))}.sf-icon-button--size-2.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low))}.sf-icon-button--size-2.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low))}.sf-icon-button--size-2.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high))}.sf-icon-button--size-2.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high))}.sf-icon-button--size-2.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest))}.sf-icon-button--size-2.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest))}.sf-icon-button--size-3{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-default))}.sf-icon-button--size-3.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low))}.sf-icon-button--size-3.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low))}.sf-icon-button--size-3.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high))}.sf-icon-button--size-3.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high))}.sf-icon-button--size-3.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest))}.sf-icon-button--size-3.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest))}.sf-icon-button--size-1\/2{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default))}.sf-icon-button--size-1\/2.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-icon-button--size-1\/2.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-icon-button--size-1\/2.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-icon-button--size-1\/2.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-icon-button--size-1\/2.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-icon-button--size-1\/2.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-icon-button--size-1\/3{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default))}.sf-icon-button--size-1\/3.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-icon-button--size-1\/3.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-icon-button--size-1\/3.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-icon-button--size-1\/3.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-icon-button--size-1\/3.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-icon-button--size-1\/3.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-icon-button--outline{--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-style: solid;--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-width: var(--sf-icon-button-border-width, var(--sf-px))}.sf-icon-button.radius-default{border-radius:var(--sf-radius-default)}.sf-icon-button.radius-square{border-radius:var(--sf-radius-square)}.sf-icon-button.radius-rounded{border-radius:var(--sf-radius-rounded)}.sf-icon-button.segment-start{--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-inline-end-width: var(--sf-px)}.sf-icon-button.segment-middle{--sf-icon-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-inline-start-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-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-icon-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-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-icon-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-icon-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button.segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button.segment-end{--sf-icon-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-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-icon-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-button--outline).segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-button--outline).segment-start:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-button--outline).segment-middle:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button:not(.sf-icon-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-icon-button.sf-icon-button--surface{--sf-icon-button--background-color: transparent}.sf-icon-button.sf-icon-button--surface{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-alpha-4));--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-alpha-8));--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-style: solid;--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-width: var(--sf-icon-button-border-width, var(--sf-px))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--on-surface{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--on-surface.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--primary{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary))}}@layer sf.states{.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-secondary-container-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-secondary-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-on-surface-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-on-surface-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-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-icon-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-icon-button--focus-ink, transparent)}.sf-icon-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-icon-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-icon-button--focus-ink, transparent)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary{--sf-icon-button--focus-ink: var(--sf-on-primary)}.sf-icon-button.segment-start:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.segment-middle:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.segment-end:not(:disabled):not(.disabled).focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-icon-button.segment-start:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.segment-middle:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.segment-end:not(:disabled):not(.disabled):focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}@media(forced-colors: active){.sf-icon-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1)}.sf-icon-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1)}}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-alpha-8)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):hover{--sf-icon-button--border-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):active{--sf-icon-button--border-color: var(--sf-alpha-16)}.sf-icon-button.sf-icon-button--surface.active:not(:disabled):not(.disabled){--sf-icon-button--border-color: var(--sf-alpha-16)}.sf-icon-button.sf-icon-button--surface:disabled,.sf-icon-button.sf-icon-button--surface.disabled{--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-alpha-4)}.sf-icon-button.sf-icon-button--surface:disabled,.sf-icon-button.sf-icon-button--surface.disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--surface:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--surface.disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}}@layer sf.components{.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}}@layer sf.states{.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error{--sf-icon-button--focus-ink: var(--sf-on-error)}}@layer sf.override{sf-icon-button[\:has\(.sf-icon-button--outline\[class*\%3Dsegment-\]\)]+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button.sf-icon-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-icon-button:has(.sf-icon-button--outline[class*=segment-])+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button.sf-icon-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-icon-button[\:has\(.sf-icon-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-icon-button.sf-icon-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-icon-button:has(.sf-icon-button--outline[class*=segment-])+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-icon-button.sf-icon-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-icon-button[\:has\(\%2Bsf-icon-button\%20.sf-icon-button--outline\[class*\%3Dsegment-\]\)] .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline)[\:has\(\%2B.sf-icon-button.sf-icon-button--outline\[class*\%3Dsegment-\]\)]{--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-icon-button:has(+sf-icon-button .sf-icon-button--outline[class*=segment-]) .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-icon-button.sf-icon-button--outline[class*=segment-]){--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-icon-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline)[\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--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-icon-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-button.sf-button--outline[class*=segment-]){--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)}}@layer sf.components{.sf-icon-button>*{position:relative;z-index:1}.sf-icon-button.loading,.sf-icon-button.sf-icon-button-state-loading{pointer-events:none;position:relative}.sf-icon-button.loading::after,.sf-icon-button.sf-icon-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-icon-button-loading-stripe, transparent) 0, var(--sf-icon-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-icon-button{--sf-icon-button-spinner--size: var(--sf-icon-size-3)}.sf-icon-button.sf-icon-button--size-1\/3{--sf-icon-button-spinner--size: var(--sf-text-height-1\/3)}.sf-icon-button.sf-icon-button--size-1\/2{--sf-icon-button-spinner--size: var(--sf-text-height-1\/2)}.sf-icon-button.sf-icon-button--size-1{--sf-icon-button-spinner--size: var(--sf-text-height-1)}.sf-icon-button.sf-icon-button--size-2{--sf-icon-button-spinner--size: var(--sf-text-height-2)}.sf-icon-button.sf-icon-button--size-3{--sf-icon-button-spinner--size: var(--sf-text-height-3)}.sf-icon-button .sf-icon-button-spinner{--sf-loader-svg-width: var(--sf-icon-button-spinner--size);--sf-loader-svg-height: var(--sf-icon-button-spinner--size);display:inline-flex;vertical-align:bottom;flex:none;width:var(--sf-icon-button-spinner--size);inline-size:var(--sf-icon-button-spinner--size);height:var(--sf-icon-button-spinner--size);block-size:var(--sf-icon-button-spinner--size);color:currentColor;color:var(--sf-loader--color, currentColor)}.sf-icon-button .sf-icon-button-spinner .sf-loader--loading-indicator{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-icon-button .sf-icon-button-spinner .sf-loader-svg{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}}@layer sf.states{.sf-icon-button:disabled .sf-icon-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}.sf-icon-button.disabled .sf-icon-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}}
1
+ @property --sf-icon-button--border-top-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-bottom-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-inline-start-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-inline-end-width{syntax:"<length>";inherits:true;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}}.sf-icon-button:where(:dir(ltr)){padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}}.sf-icon-button:where(:dir(rtl)){padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}}.sf-icon-button:where(:dir(ltr)){padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}}.sf-icon-button:where(:dir(rtl)){padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}}.sf-icon-button:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}}.sf-icon-button:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}}.sf-icon-button:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}}.sf-icon-button:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}.sf-icon-button{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-icon-button-color, var(--sf-on-surface-variant)));--sf-icon-button--radius: var(--sf-icon-button-radius, var(--sf-radius--ui));border-end-end-radius:var(--sf-icon-button--radius);border-end-end-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius));border-end-start-radius:var(--sf-icon-button--radius);border-end-start-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius));border-start-end-radius:var(--sf-icon-button--radius);border-start-end-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius));border-start-start-radius:var(--sf-icon-button--radius);border-start-start-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius));-webkit-padding-start:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width));padding-inline-start:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width));padding-top:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));-webkit-padding-end:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width));padding-inline-end:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width));padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, 0);background-color:var(--sf-icon-button--background-color);border-color:transparent;border-color:var(--sf-icon-button--border-color, var(--sf-icon-button-border-color, transparent));border-width:0;border-width:var(--sf-icon-button--border-width, 0);border-top-width:0;border-top-width:var(--sf-icon-button--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-icon-button--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-icon-button--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-icon-button--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-icon-button--border-style, solid);box-shadow:0 0 rgba(0, 0, 0, 0),0 0 rgba(0, 0, 0, 0);box-shadow:var(--sf-icon-button--focus-inset, 0 0 rgba(0, 0, 0, 0)),var(--sf-icon-button--box-shadow, 0 0 rgba(0, 0, 0, 0))}.sf-icon-button .sf-close-icon{background-color:var(--sf-close-icon--background-color);border-color:transparent;border-color:var(--sf-close-icon--border-color, transparent)}.sf-icon-button .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-icon-button-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-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-primary))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-primary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface-inverse))}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-primary))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface-inverse))}.sf-icon-button.sf-icon-button--size-2.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-2.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-3.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-3.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1\/2.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1\/2.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1\/3.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1\/3.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button--size-1{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-default))}.sf-icon-button--size-1.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low))}.sf-icon-button--size-1.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low))}.sf-icon-button--size-1.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high))}.sf-icon-button--size-1.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high))}.sf-icon-button--size-1.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest))}.sf-icon-button--size-1.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest))}.sf-icon-button--size-2{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-default))}.sf-icon-button--size-2.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low))}.sf-icon-button--size-2.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low))}.sf-icon-button--size-2.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high))}.sf-icon-button--size-2.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high))}.sf-icon-button--size-2.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest))}.sf-icon-button--size-2.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest))}.sf-icon-button--size-3{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-default))}.sf-icon-button--size-3.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low))}.sf-icon-button--size-3.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low))}.sf-icon-button--size-3.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high))}.sf-icon-button--size-3.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high))}.sf-icon-button--size-3.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest))}.sf-icon-button--size-3.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest))}.sf-icon-button--size-1\/2{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default))}.sf-icon-button--size-1\/2.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-icon-button--size-1\/2.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-icon-button--size-1\/2.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-icon-button--size-1\/2.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-icon-button--size-1\/2.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-icon-button--size-1\/2.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-icon-button--size-1\/3{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default))}.sf-icon-button--size-1\/3.tightness-low{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-icon-button--size-1\/3.spacing-compact{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-icon-button--size-1\/3.tightness-high{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-icon-button--size-1\/3.spacing-comfortable{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-icon-button--size-1\/3.tightness-highest{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-icon-button--size-1\/3.spacing-spacious{--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-icon-button--outline{--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-style: solid;--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-width: var(--sf-icon-button-border-width, var(--sf-px))}.sf-icon-button.radius-default{border-radius:var(--sf-radius-default);--sf-icon-button--anchor-radius: var(--sf-radius-default)}.sf-icon-button.radius-square{border-radius:var(--sf-radius-square)}.sf-icon-button.radius-rounded{border-radius:var(--sf-radius-rounded)}.sf-icon-button.segment-start{--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-inline-end-width: var(--sf-px)}.sf-icon-button.segment-middle{--sf-icon-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-inline-start-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-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-icon-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-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-icon-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-icon-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button.segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button.segment-end{--sf-icon-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-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-icon-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-button--outline).segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-button--outline).segment-start:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-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-icon-button:not(.sf-icon-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button:not(.sf-icon-button--outline).segment-middle:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button:not(.sf-icon-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-icon-button.sf-icon-button--surface{--sf-icon-button--background-color: transparent}.sf-icon-button.sf-icon-button--surface{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-alpha-4));--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-alpha-8));--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-style: solid;--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-width: var(--sf-icon-button-border-width, var(--sf-px))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--on-surface{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--on-surface.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--primary{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary))}}@layer sf.states{.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-secondary-container-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-secondary-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-on-surface-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-on-surface-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-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-icon-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-icon-button--focus-ink, transparent)}.sf-icon-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-icon-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-icon-button--focus-ink, transparent)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary{--sf-icon-button--focus-ink: var(--sf-on-primary)}.sf-icon-button.segment-start:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.segment-middle:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.segment-end:not(:disabled):not(.disabled).focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-icon-button.segment-start:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.segment-middle:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.segment-end:not(:disabled):not(.disabled):focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}@media(forced-colors: active){.sf-icon-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1)}.sf-icon-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1)}}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-alpha-8)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):hover{--sf-icon-button--border-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):active{--sf-icon-button--border-color: var(--sf-alpha-16)}.sf-icon-button.sf-icon-button--surface.active:not(:disabled):not(.disabled){--sf-icon-button--border-color: var(--sf-alpha-16)}.sf-icon-button.sf-icon-button--surface:disabled,.sf-icon-button.sf-icon-button--surface.disabled{--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-alpha-4)}.sf-icon-button.sf-icon-button--surface:disabled,.sf-icon-button.sf-icon-button--surface.disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--surface:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--surface.disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}}@layer sf.components{.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}}@layer sf.states{.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error{--sf-icon-button--focus-ink: var(--sf-on-error)}}@layer sf.override{sf-icon-button[\:has\(.sf-icon-button--outline\[class*\%3Dsegment-\]\)]+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button.sf-icon-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-icon-button:has(.sf-icon-button--outline[class*=segment-])+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button.sf-icon-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-icon-button[\:has\(.sf-icon-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-icon-button.sf-icon-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-icon-button:has(.sf-icon-button--outline[class*=segment-])+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-icon-button.sf-icon-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-icon-button[\:has\(\%2Bsf-icon-button\%20.sf-icon-button--outline\[class*\%3Dsegment-\]\)] .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline)[\:has\(\%2B.sf-icon-button.sf-icon-button--outline\[class*\%3Dsegment-\]\)]{--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-icon-button:has(+sf-icon-button .sf-icon-button--outline[class*=segment-]) .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-icon-button.sf-icon-button--outline[class*=segment-]){--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-icon-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline)[\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--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-icon-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-button.sf-button--outline[class*=segment-]){--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)}}@layer sf.components{.sf-icon-button>*{position:relative;z-index:1}.sf-icon-button.loading,.sf-icon-button.sf-icon-button-state-loading{pointer-events:none;position:relative}.sf-icon-button.loading::after,.sf-icon-button.sf-icon-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-icon-button-loading-stripe, transparent) 0, var(--sf-icon-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-icon-button{--sf-icon-button-spinner--size: var(--sf-icon-size-3)}.sf-icon-button.sf-icon-button--size-1\/3{--sf-icon-button-spinner--size: var(--sf-text-height-1\/3)}.sf-icon-button.sf-icon-button--size-1\/2{--sf-icon-button-spinner--size: var(--sf-text-height-1\/2)}.sf-icon-button.sf-icon-button--size-1{--sf-icon-button-spinner--size: var(--sf-text-height-1)}.sf-icon-button.sf-icon-button--size-2{--sf-icon-button-spinner--size: var(--sf-text-height-2)}.sf-icon-button.sf-icon-button--size-3{--sf-icon-button-spinner--size: var(--sf-text-height-3)}.sf-icon-button .sf-icon-button-spinner{--sf-loader-svg-width: var(--sf-icon-button-spinner--size);--sf-loader-svg-height: var(--sf-icon-button-spinner--size);display:inline-flex;vertical-align:bottom;flex:none;width:var(--sf-icon-button-spinner--size);inline-size:var(--sf-icon-button-spinner--size);height:var(--sf-icon-button-spinner--size);block-size:var(--sf-icon-button-spinner--size);color:currentColor;color:var(--sf-loader--color, currentColor)}.sf-icon-button .sf-icon-button-spinner .sf-loader--loading-indicator{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-icon-button .sf-icon-button-spinner .sf-loader-svg{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}}@layer sf.states{.sf-icon-button:disabled .sf-icon-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}.sf-icon-button.disabled .sf-icon-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}}
package/distr/component/menu/css/menu.min.css CHANGED
@@ -1 +1 @@
1
- @layer sf.components{.sf-menu{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item:not(.open)>.sf-menu{display:none}}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-menu-element{text-align:left}}.sf-menu-element:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-menu-element{text-align:right}}.sf-menu-element:where(:dir(rtl)){text-align:right}.sf-menu-element{--sf-menu-element--background-color: var(--sf-transparent);--sf-menu-element--border-color: var(--sf-surface-container);--sf-menu-element--border-width: var(--sf-px);--sf-menu-element--color: var(--sf-on-surface);--sf-menu-element--gap: var(--sf-space-1\/3);--sf-menu-element--radius: var(--sf-radius--ui);display:flex;box-sizing:border-box;align-items:center;gap:var(--sf-menu-element--gap);min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);width:100%;width:100%;inline-size:100%;max-width:100%;max-width:100%;max-inline-size:100%;margin:var(--sf-0);padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-before:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-start:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-before:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-start:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-after:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-end:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-after:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-end:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));padding-inline-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));border-color:var(--sf-menu-element--border-color);border-style:solid;border-style:var(--sf-menu-element--border-style, solid);border-top-width:var(--sf-menu-element--border-width);border-block-start-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-block-start-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-bottom-width:var(--sf-menu-element--border-width);border-block-end-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-block-end-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-inline-start-width:var(--sf-menu-element--border-width);border-inline-start-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width));border-inline-end-width:var(--sf-menu-element--border-width);border-inline-end-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width));border-start-start-radius:var(--sf-menu-element--radius);border-start-start-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius));border-start-end-radius:var(--sf-menu-element--radius);border-start-end-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius));border-end-start-radius:var(--sf-menu-element--radius);border-end-start-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius));border-end-end-radius:var(--sf-menu-element--radius);border-end-end-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius));color:var(--sf-menu-element--color);background-color:var(--sf-menu-element--background-color);font-family:var(--sf-text--family);font-family:var(--sf-menu-element--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-menu-element--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-menu-element--font-weight, var(--sf-font-weight-regular));line-height:var(--sf-text-height-1);line-height:var(--sf-menu-element--line-height, var(--sf-text-height-1));text-align:start;text-decoration:none}button.sf-menu-element,a.sf-menu-element,.sf-menu-element[role=button]{cursor:pointer}button.sf-menu-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sf-menu-element .sf-menu-element-wrap{display:flex;flex:1 1 auto;align-items:center;gap:var(--sf-space-1\/3);gap:var(--sf-menu-element-wrap--gap, var(--sf-space-1\/3));min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);color:inherit;font:inherit}.sf-menu-element-text{min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);word-wrap:anywhere}.sf-menu-element-icon,.sf-menu-element>.sf-icon-button{flex:none}.sf-menu-element.disabled,.sf-menu-element:disabled,.sf-menu-element[aria-disabled=true]{--sf-menu-element--background-color: var(--sf-disable);--sf-menu-element--border-color: var(--sf-outline-disable);--sf-menu-element--color: var(--sf-on-disable);cursor:default}.sf-menu-element.disabled .sf-icon,.sf-menu-element:disabled .sf-icon,.sf-menu-element[aria-disabled=true] .sf-icon{--sf-icon--color: currentColor}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):hover{--sf-menu-element--background-color: var(--sf-surface-container-hover);--sf-menu-element--border-color: var(--sf-surface-container-hover)}.sf-menu-element.open,.sf-menu-element[aria-expanded=true]{--sf-menu-element--background-color: var(--sf-surface-container-active);--sf-menu-element--border-color: var(--sf-surface-container-active)}.sf-menu-element[aria-expanded=false]:dir(rtl)>.sf-icon-button .sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sf-menu-element:focus{outline:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-4)}.sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-5)}@media(forced-colors: active){.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}}@layer sf.components{.sf-menu{display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:transparent;background-color:var(--sf-menu--background-color, transparent);gap:var(--sf-space-1\/3);gap:var(--sf-menu--gap, var(--sf-space-1\/3))}.sf-menu .sf-menu-item{--sf-menu-item--background-color: transparent;--sf-menu-item--gap: var(--sf-space-1\/3);display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:var(--sf-menu-item--background-color);gap:var(--sf-menu-item--gap)}.sf-menu.sf-menu--horizontal{flex-direction:row;align-items:center;flex-wrap:nowrap}.sf-menu.sf-menu--horizontal>.sf-menu-item{position:relative;flex:0 0 auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu-element{width:auto;inline-size:auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item{position:relative}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu,.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{position:absolute;z-index:3;z-index:var(--sf-menu-horizontal-submenu--z-index, 3);width:-webkit-max-content;width:-moz-max-content;width:max-content;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;min-width:100%;min-inline-size:100%;max-width:calc(100vw - var(--sf-space-2));max-inline-size:calc(100vw - var(--sf-space-2));padding:var(--sf-space-1\/3);padding:var(--sf-menu-horizontal-submenu--padding, var(--sf-space-1\/3));border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-px) solid var(--sf-menu-horizontal-submenu--border-color, var(--sf-outline-variant));border-radius:var(--sf-radius--ui);border-radius:var(--sf-menu-horizontal-submenu--radius, var(--sf-radius--ui));background:var(--sf-elevation-2--surface);background:var(--sf-menu-horizontal-submenu--background-color, var(--sf-elevation-2--surface));--sf-on-surface-variant: var(--sf-on-elevation-2--variant);box-shadow:var(--sf-elevation-2--shadow);box-shadow:var(--sf-menu-horizontal-submenu--box-shadow, var(--sf-elevation-2--shadow))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(rtl)){right:0}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{top:100%;inset-block-start:100%;inset-inline-start:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(ltr)){left:100%}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(rtl)){right:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{top:0;inset-block-start:0;inset-inline-start:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-element{width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree,.sf-menu.sf-menu--documentation-tree .sf-menu{--sf-menu--gap: var(--sf-space-1\/4);list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element{--sf-menu-element--border-width: var(--sf-0);--sf-menu-element--padding-top: var(--sf-0);--sf-menu-element--padding-bottom: var(--sf-0);--sf-menu-element--padding-right: var(--sf-0);min-width:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap{min-width:var(--sf-0);padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);word-wrap:anywhere}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-2)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu.sf-menu--documentation-tree [aria-current=page]{background:var(--sf-surface-container-active);color:var(--sf-on-surface);font-weight:var(--sf-font-weight-medium)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}}
1
+ @layer sf.components{.sf-menu{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item{list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu>.sf-menu-item:not(.open)>.sf-menu{display:none}}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}}.sf-menu-element:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-menu-element{padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-menu-element{padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}}.sf-menu-element:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-start, var(--sf-space-1))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-menu-element{border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(ltr)){border-right-width:var(--sf-menu-element--border-width);border-right-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-menu-element{border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}}.sf-menu-element:where(:dir(rtl)){border-left-width:var(--sf-menu-element--border-width);border-left-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-top-right-radius:var(--sf-menu-element--radius);border-top-right-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-menu-element{border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-top-left-radius:var(--sf-menu-element--radius);border-top-left-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-menu-element{border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(ltr)){border-bottom-right-radius:var(--sf-menu-element--radius);border-bottom-right-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-menu-element{border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}}.sf-menu-element:where(:dir(rtl)){border-bottom-left-radius:var(--sf-menu-element--radius);border-bottom-left-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element{text-align:left}@supports not (text-align: start){html:not([dir="rtl"]) .sf-menu-element{text-align:left}}.sf-menu-element:where(:dir(ltr)){text-align:left}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element{text-align:right}@supports not (text-align: start){[dir="rtl"] .sf-menu-element{text-align:right}}.sf-menu-element:where(:dir(rtl)){text-align:right}.sf-menu-element{--sf-menu-element--background-color: var(--sf-transparent);--sf-menu-element--border-color: var(--sf-surface-container);--sf-menu-element--border-width: var(--sf-px);--sf-menu-element--color: var(--sf-on-surface);--sf-menu-element--gap: var(--sf-space-1\/3);--sf-menu-element--radius: var(--sf-radius--ui);display:flex;box-sizing:border-box;align-items:center;gap:var(--sf-menu-element--gap);min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);width:100%;width:100%;inline-size:100%;max-width:100%;max-width:100%;max-inline-size:100%;margin:var(--sf-0);padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-before:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-start:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-top:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-before:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-start:var(--sf-menu-element--padding-top, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));-webkit-padding-after:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-block-end:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width));padding-bottom:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-after:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));padding-block-end:var(--sf-menu-element--padding-bottom, var(--sf-menu-element--padding-block, calc((var(--sf-ui-1--control-height) - var(--sf-text-height-1)) / 2 - var(--sf-menu-element--border-width))));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));padding-inline-end:var(--sf-menu-element--padding-right, var(--sf-menu-element--padding-inline-end, var(--sf-space-1)));-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));padding-inline-start:var(--sf-menu-element--padding-inline-start, var(--sf-space-1));border-color:var(--sf-menu-element--border-color);border-style:solid;border-style:var(--sf-menu-element--border-style, solid);border-top-width:var(--sf-menu-element--border-width);border-block-start-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-width);border-top-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-block-start-width:var(--sf-menu-element--border-top-width, var(--sf-menu-element--border-width));border-bottom-width:var(--sf-menu-element--border-width);border-block-end-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-width);border-bottom-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-block-end-width:var(--sf-menu-element--border-bottom-width, var(--sf-menu-element--border-width));border-inline-start-width:var(--sf-menu-element--border-width);border-inline-start-width:var(--sf-menu-element--border-left-width, var(--sf-menu-element--border-width));border-inline-end-width:var(--sf-menu-element--border-width);border-inline-end-width:var(--sf-menu-element--border-right-width, var(--sf-menu-element--border-width));border-start-start-radius:var(--sf-menu-element--radius);border-start-start-radius:var(--sf-menu-element--border-top-left-radius, var(--sf-menu-element--radius));border-start-end-radius:var(--sf-menu-element--radius);border-start-end-radius:var(--sf-menu-element--border-top-right-radius, var(--sf-menu-element--radius));border-end-start-radius:var(--sf-menu-element--radius);border-end-start-radius:var(--sf-menu-element--border-bottom-left-radius, var(--sf-menu-element--radius));border-end-end-radius:var(--sf-menu-element--radius);border-end-end-radius:var(--sf-menu-element--border-bottom-right-radius, var(--sf-menu-element--radius));color:var(--sf-menu-element--color);background-color:var(--sf-menu-element--background-color);font-family:var(--sf-text--family);font-family:var(--sf-menu-element--font-family, var(--sf-text--family));font-size:var(--sf-text-size-1);font-size:var(--sf-menu-element--font-size, var(--sf-text-size-1));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-menu-element--font-weight, var(--sf-font-weight-regular));line-height:var(--sf-text-height-1);line-height:var(--sf-menu-element--line-height, var(--sf-text-height-1));text-align:start;text-decoration:none}button.sf-menu-element,a.sf-menu-element,.sf-menu-element[role=button]{cursor:pointer}button.sf-menu-element{-webkit-appearance:none;-moz-appearance:none;appearance:none}.sf-menu-element .sf-menu-element-wrap{display:flex;flex:1 1 auto;align-items:center;gap:var(--sf-space-1\/3);gap:var(--sf-menu-element-wrap--gap, var(--sf-space-1\/3));min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);color:inherit;font:inherit}.sf-menu-element-text{min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);word-wrap:anywhere}.sf-menu-element-icon,.sf-menu-element>.sf-icon-button{flex:none}.sf-menu-element.disabled,.sf-menu-element:disabled,.sf-menu-element[aria-disabled=true]{--sf-menu-element--background-color: var(--sf-disable);--sf-menu-element--border-color: var(--sf-outline-disable);--sf-menu-element--color: var(--sf-on-disable);cursor:default}.sf-menu-element.disabled .sf-icon,.sf-menu-element:disabled .sf-icon,.sf-menu-element[aria-disabled=true] .sf-icon{--sf-icon--color: currentColor}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):hover{--sf-menu-element--background-color: var(--sf-surface-container-hover);--sf-menu-element--border-color: var(--sf-surface-container-hover)}.sf-menu-element.open,.sf-menu-element[aria-expanded=true]{--sf-menu-element--background-color: var(--sf-surface-container-active);--sf-menu-element--border-color: var(--sf-surface-container-active)}.sf-menu-element[aria-expanded=false]:dir(rtl)>.sf-icon-button .sf-icon{-webkit-transform:scaleX(-1);transform:scaleX(-1)}.sf-menu-element:focus{outline:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{position:relative;z-index:1;outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-4)}.sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-5)}@media(forced-colors: active){.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]).focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}.sf-menu-element:not(:disabled):not(.disabled):not([aria-disabled=true]):focus-visible,.sf-menu-element>.sf-icon-button:not(:disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);box-shadow:none}}}@layer sf.components{.sf-menu{display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:transparent;background-color:var(--sf-menu--background-color, transparent);gap:var(--sf-space-1\/3);gap:var(--sf-menu--gap, var(--sf-space-1\/3))}.sf-menu .sf-menu-item{--sf-menu-item--background-color: transparent;--sf-menu-item--gap: var(--sf-space-1\/3);display:flex;box-sizing:border-box;flex-direction:column;align-items:stretch;min-width:var(--sf-0);min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-width:100%;max-inline-size:100%;background-color:var(--sf-menu-item--background-color);gap:var(--sf-menu-item--gap)}.sf-menu.sf-menu--horizontal{flex-direction:row;align-items:center;flex-wrap:nowrap}.sf-menu.sf-menu--horizontal>.sf-menu-item{position:relative;flex:0 0 auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu-element{width:auto;inline-size:auto;max-width:none;max-inline-size:none}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item{position:relative}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu,.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{position:absolute;z-index:3;z-index:var(--sf-menu-horizontal-submenu--z-index, 3);width:-webkit-max-content;width:-moz-max-content;width:max-content;inline-size:-webkit-max-content;inline-size:-moz-max-content;inline-size:max-content;min-width:100%;min-inline-size:100%;max-width:calc(100vw - var(--sf-space-2));max-inline-size:calc(100vw - var(--sf-space-2));padding:var(--sf-space-1\/3);padding:var(--sf-menu-horizontal-submenu--padding, var(--sf-space-1\/3));border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-px) solid var(--sf-menu-horizontal-submenu--border-color, var(--sf-outline-variant));border-radius:var(--sf-radius--ui);border-radius:var(--sf-menu-horizontal-submenu--radius, var(--sf-radius--ui));background:var(--sf-elevation-2--surface);background:var(--sf-menu-horizontal-submenu--background-color, var(--sf-elevation-2--surface));--sf-on-surface-variant: var(--sf-on-elevation-2--variant);--sf-badge--surface: var(--sf-menu-horizontal-submenu--background-color, var(--sf-elevation-2--surface));box-shadow:var(--sf-elevation-2--shadow);box-shadow:var(--sf-menu-horizontal-submenu--box-shadow, var(--sf-elevation-2--shadow))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{left:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{right:0}}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu:where(:dir(rtl)){right:0}.sf-menu.sf-menu--horizontal>.sf-menu-item>.sf-menu{top:100%;inset-block-start:100%;inset-inline-start:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{left:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(ltr)){left:100%}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{right:100%}}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu:where(:dir(rtl)){right:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-item>.sf-menu{top:0;inset-block-start:0;inset-inline-start:100%}.sf-menu.sf-menu--horizontal .sf-menu .sf-menu-element{width:100%;inline-size:100%;max-width:100%;max-inline-size:100%;--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree,.sf-menu.sf-menu--documentation-tree .sf-menu{--sf-menu--gap: var(--sf-space-1\/4);list-style:none;margin:var(--sf-0);padding:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element{--sf-menu-element--border-width: var(--sf-0);--sf-menu-element--padding-top: var(--sf-0);--sf-menu-element--padding-bottom: var(--sf-0);--sf-menu-element--padding-right: var(--sf-0);min-width:var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap{min-width:var(--sf-0);padding-top:var(--sf-space-1\/3);padding-bottom:var(--sf-space-1\/3);padding-block:var(--sf-space-1\/3);padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);word-wrap:anywhere}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-1{--sf-menu-element--padding-inline-start: var(--sf-0)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-2{--sf-menu-element--padding-inline-start: var(--sf-space-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-3{--sf-menu-element--padding-inline-start: var(--sf-space-2)}.sf-menu.sf-menu--documentation-tree .sf-menu-element--level-4{--sf-menu-element--padding-inline-start: var(--sf-space-3)}.sf-menu.sf-menu--documentation-tree [aria-current=page]{background:var(--sf-surface-container-active);color:var(--sf-on-surface);font-weight:var(--sf-font-weight-medium)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-menu.sf-menu--documentation-tree .sf-menu-element-wrap:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}}@property --sf-badge--anchor-radius{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --sf-badge--anchor-border{syntax:"<length>";inherits:false;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu-element-wrap>.sf-badge{margin-left:auto}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-menu-element-wrap>.sf-badge{margin-left:auto}}.sf-menu-element-wrap>.sf-badge:where(:dir(ltr)){margin-left:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-menu-element-wrap>.sf-badge{margin-right:auto}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-menu-element-wrap>.sf-badge{margin-right:auto}}.sf-menu-element-wrap>.sf-badge:where(:dir(rtl)){margin-right:auto}.sf-menu-element-wrap>.sf-badge{flex:none;-webkit-margin-start:auto;margin-inline-start:auto}.sf-menu.sf-menu--compact .sf-menu-element{justify-content:center;padding-left:var(--sf-space-1);padding-right:var(--sf-space-1);padding-inline:var(--sf-space-1);padding-left:var(--sf-space-1);padding-left:var(--sf-menu-element--padding-inline-end, var(--sf-space-1));padding-right:var(--sf-space-1);padding-right:var(--sf-menu-element--padding-inline-end, var(--sf-space-1));padding-inline:var(--sf-menu-element--padding-inline-end, var(--sf-space-1))}.sf-menu.sf-menu--compact .sf-menu-element-wrap{position:relative;flex:none}.sf-menu.sf-menu--compact .sf-menu-element-text{position:absolute;width:var(--sf-px);inline-size:var(--sf-px);height:var(--sf-px);block-size:var(--sf-px);margin:calc(var(--sf-px)*-1);padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.sf-menu.sf-menu--compact .sf-menu-element>.sf-icon-button,.sf-menu.sf-menu--compact .sf-menu-item>.sf-menu{display:none}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(ltr)){left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(rtl)){right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-left:0}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-left:0}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(ltr)){margin-left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-right:0}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{margin-right:0}}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:where(:dir(rtl)){margin-right:0}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{--sf-badge--anchored-count: var(--sf-b6);--sf-badge--anchored-dot: var(--sf-b0);--sf-badge--anchored-font-size: var(--sf-text-size-1\/4);--sf-badge--anchored-padding: var(--sf-a4);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none;--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none;--sf-badge--anchored-inset: calc(min(var(--sf-badge--anchor-radius), 50% + var(--sf-badge--anchor-border)) * 0.29289);--sf-badge--ring: var(--sf-badge-ring-color, var(--sf-badge--surface, var(--sf-surface-0)));--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error));position:absolute;top:calc(var(--sf-badge--anchored-inset) - var(--sf-badge--anchor-border));inset-block-start:calc(var(--sf-badge--anchored-inset) - var(--sf-badge--anchor-border));inset-inline-start:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset));translate:-50% -50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sf-badge--anchored-size);block-size:var(--sf-badge--anchored-size);min-height:var(--sf-badge--anchored-size);min-block-size:var(--sf-badge--anchored-size);min-width:var(--sf-badge--anchored-size);min-inline-size:var(--sf-badge--anchored-size);max-width:var(--sf-badge--anchored-max);max-inline-size:var(--sf-badge--anchored-max);padding-top:0;padding-bottom:0;padding-block:0;padding-left:var(--sf-badge--anchored-padding);padding-right:var(--sf-badge--anchored-padding);padding-inline:var(--sf-badge--anchored-padding);overflow:hidden;font-size:var(--sf-badge--anchored-font-size);line-height:var(--sf-badge--anchored-size);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 var(--sf-badge--ring-width) var(--sf-badge--ring);-webkit-margin-start:0;margin-inline-start:0}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge:dir(rtl){translate:50% -50%}@media(forced-colors: active){.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge{forced-color-adjust:none;background-color:Highlight;color:HighlightText;box-shadow:none;outline:var(--sf-badge--ring-width) solid Canvas}}.sf-menu.sf-menu--compact .sf-menu-element-wrap[\:has\(\%3E.sf-avatar\:not\(.sf-avatar--square\)\)]>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius-circle)}.sf-menu.sf-menu--compact .sf-menu-element-wrap:has(>.sf-avatar:not(.sf-avatar--square))>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius-circle)}.sf-menu.sf-menu--compact .sf-menu-element-wrap[\:has\(\%3E.sf-avatar--square\)]>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius--ui)}.sf-menu.sf-menu--compact .sf-menu-element-wrap:has(>.sf-avatar--square)>.sf-badge{--sf-badge--anchor-radius: var(--sf-radius--ui)}.sf-menu.sf-menu--compact .sf-menu-element-wrap>.sf-badge.sf-badge--dot{--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}}