@simai-studio/ui 5.20261023.214 → 5.20261025.207

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 (50) hide show
  1. package/README.md +4 -4
  2. package/distr/component/button-group/css/button-group.min.css +1 -1
  3. package/distr/core/contracts/public-variables.v1.json +88 -0
  4. package/distr/core/contracts/third-party-notices.v1.json +1 -1
  5. package/distr/core/css/core.css +3 -2
  6. package/distr/core/js/composition/overlay.mjs +472 -24
  7. package/distr/core/js/composition/sortable-inserter.mjs +534 -0
  8. package/distr/core/js/core-loader.js +1 -1
  9. package/distr/core/js/core-loader.min.js +1 -1
  10. package/distr/core/js/core-rules.js +242 -185
  11. package/distr/core/js/core-rules.min.js +1 -1
  12. package/distr/core/js/open-surface-mark.js +88 -0
  13. package/distr/core/js/template-utilities.generated.json +3 -0
  14. package/distr/rule/js/rule.min.js +1 -1
  15. package/distr/rule/rule.json +47 -1
  16. package/distr/smart/color/css/color.min.css +1 -0
  17. package/distr/smart/color/js/color.min.js +36 -17
  18. package/distr/smart/color/smart.manifest.json +45 -4
  19. package/distr/smart/color/template/default.js +13 -2
  20. package/distr/smart/composition-overlay/css/composition-overlay.min.css +1 -1
  21. package/distr/smart/composition-overlay/js/composition-overlay.min.js +1 -1
  22. package/distr/smart/composition-overlay/smart.manifest.json +178 -11
  23. package/distr/smart/dropdown/css/dropdown.min.css +1 -0
  24. package/distr/smart/dropdown/js/dropdown.min.js +41 -21
  25. package/distr/smart/dropdown/smart.manifest.json +62 -3
  26. package/distr/smart/dropdown/template/default.js +5 -1
  27. package/distr/smart/field-renderers/js/field-renderers.min.js +54 -42
  28. package/distr/smart/image-field/css/image-field.min.css +1 -0
  29. package/distr/smart/image-field/js/image-field.min.js +62 -0
  30. package/distr/smart/image-field/smart.manifest.json +519 -0
  31. package/distr/smart/image-field/studio.fixture.json +15 -0
  32. package/distr/smart/image-field/studio.scenario.json +22 -0
  33. package/distr/smart/image-field/template/default.js +125 -0
  34. package/distr/smart/inputs/css/inputs.min.css +1 -0
  35. package/distr/smart/inputs/js/inputs.min.js +93 -75
  36. package/distr/smart/inputs/smart.manifest.json +62 -3
  37. package/distr/smart/inputs/template/default.js +8 -2
  38. package/distr/smart/sortable/css/sortable.min.css +1 -1
  39. package/distr/smart/sortable/js/sortable.min.js +1 -1
  40. package/distr/smart/sortable/smart.manifest.json +101 -14
  41. package/distr/smart/switch/css/switch.min.css +1 -0
  42. package/distr/smart/switch/js/switch.min.js +31 -13
  43. package/distr/smart/switch/smart.manifest.json +62 -3
  44. package/distr/smart/switch/template/default.js +2 -0
  45. package/distr/smart/textarea/css/textarea.min.css +1 -0
  46. package/distr/smart/textarea/js/textarea.min.js +51 -32
  47. package/distr/smart/textarea/smart.manifest.json +62 -3
  48. package/distr/smart/textarea/template/default.js +8 -1
  49. package/package-manifest.json +50 -39
  50. package/package.json +5 -4
package/README.md CHANGED
@@ -1,11 +1,11 @@
1
1
  # @simai-studio/ui
2
2
 
3
- SIMAI Framework, release `ui-3d9bf903a590` (commit 3d9bf903a590fc7c21e5ea14983742b0225edbe7 of [simai/ui](https://github.com/simai/ui)).
3
+ SIMAI Framework, release `ui-045432a6fb24` (commit 045432a6fb2474758fbc8c47022800801e6333e8 of [simai/ui](https://github.com/simai/ui)).
4
4
 
5
5
  ```html
6
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.214/distr/core/css/core.css">
7
- <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.214/distr/';</script>
8
- <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261023.214/distr/core/js/core.js"></script>
6
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261025.207/distr/core/css/core.css">
7
+ <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261025.207/distr/';</script>
8
+ <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261025.207/distr/core/js/core.js"></script>
9
9
  ```
10
10
 
11
11
  Components, utilities and Smart Components ship in their minified form (the Loader asks for it); Core in both forms. Documentation: https://ui.simai.io/
package/distr/component/button-group/css/button-group.min.css CHANGED
@@ -1 +1 @@
1
- @layer sf.components{.sf-button-group{display:inline-flex;flex-direction:row;align-items:stretch;max-width:100%;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;isolation:isolate;scrollbar-width:thin}.sf-button-group>sf-button,.sf-button-group>.sf-button{flex:0 0 auto;min-width:0;min-inline-size:0}.sf-button-group[data-orientation=vertical]{flex-direction:column;overflow-x:hidden;overflow-y:auto}.sf-button-group[aria-orientation=vertical]{flex-direction:column;overflow-x:hidden;overflow-y:auto}.sf-button-group[data-orientation=vertical]>sf-button{width:100%;inline-size:100%}.sf-button-group[aria-orientation=vertical]>sf-button{width:100%;inline-size:100%}.sf-button-group[data-orientation=vertical]>sf-button>.sf-button{width:100%;inline-size:100%}.sf-button-group[aria-orientation=vertical]>sf-button>.sf-button{width:100%;inline-size:100%}.sf-button-group[data-orientation=vertical]>.sf-button{width:100%;inline-size:100%}.sf-button-group[aria-orientation=vertical]>.sf-button{width:100%;inline-size:100%}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-top-right-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-top-left-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-right-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-left-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,.sf-button-group>.sf-button:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.sf-button-group>sf-button:not(:first-child):not(:last-child)>.sf-button,.sf-button-group>.sf-button:not(:first-child):not(:last-child){border-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-top-left-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-top-right-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-left-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-right-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(rtl)){border-bottom-right-radius:0}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,.sf-button-group>.sf-button:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.sf-button-group>sf-button[focus-within],.sf-button-group>.sf-button.focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button:focus-within,.sf-button-group>.sf-button.focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button[focus-within],.sf-button-group>.sf-button.focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button[focus-within],.sf-button-group>.sf-button:focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button:focus-within,.sf-button-group>.sf-button:focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}}@layer sf.override{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-left-width:0}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-right-width:0}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-right-width:var(--sf-px)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-right-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(ltr)){border-right-width:var(--sf-px)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-left-width:var(--sf-px)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-left-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(rtl)){border-left-width:var(--sf-px)}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: 0;--sf-button--border-inline-end-width: var(--sf-px);border-top-width:var(--sf-px);border-bottom-width:var(--sf-px);border-block-width:var(--sf-px);border-inline-start-width:0;border-inline-end-width:var(--sf-px);border-top-color:var(--sf-outline);border-bottom-color:var(--sf-outline);border-block-color:var(--sf-outline);border-left-color:var(--sf-outline);border-right-color:var(--sf-outline);border-inline-color:var(--sf-outline)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-left-width:var(--sf-px)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-left-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-left-width:var(--sf-px)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-right-width:var(--sf-px)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-right-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-right-width:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]:first-child{--sf-button--border-inline-start-width: var(--sf-px);border-inline-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-end-start-radius:var(--sf-button--radius);border-start-end-radius:0;border-end-end-radius:0}.sf-button-group>sf-button[segment][type][scheme]:not(:first-child):not(:last-child)>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]:not(:first-child):not(:last-child){border-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]:last-child{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}.sf-button-group>sf-button[\:has\(\%3E.sf-button.focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button:has(>.sf-button.focus-visible)>.sf-button,.sf-button-group>.sf-button.focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button:focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button:has(>.sf-button:focus-visible)>.sf-button,.sf-button-group>.sf-button:focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}@media(forced-colors: active){.sf-button-group>sf-button[\:has\(\%3E.sf-button.focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button:has(>.sf-button.focus-visible)>.sf-button,.sf-button-group>.sf-button.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button:has(>.sf-button:focus-visible)>.sf-button,.sf-button-group>.sf-button:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}}.sf-button-group.sf-button-group--radius-default:not(.sf-button-group--segmented)>sf-button>.sf-button,.sf-button-group.sf-button-group--radius-default:not(.sf-button-group--segmented)>.sf-button{--sf-button--radius: var(--sf-radius-default)}.sf-button-group.sf-button-group--radius-square:not(.sf-button-group--segmented)>sf-button>.sf-button,.sf-button-group.sf-button-group--radius-square:not(.sf-button-group--segmented)>.sf-button{--sf-button--radius: var(--sf-radius-square)}.sf-button-group.sf-button-group--radius-rounded:not(.sf-button-group--segmented)>sf-button>.sf-button,.sf-button-group.sf-button-group--radius-rounded:not(.sf-button-group--segmented)>.sf-button{--sf-button--radius: var(--sf-radius-rounded)}.sf-button-group>sf-button>.sf-button,.sf-button-group>.sf-button{transition-property:color,background-color}@media(prefers-reduced-motion: reduce){.sf-button-group>sf-button>.sf-button,.sf-button-group>.sf-button{transition-duration:0s}}}@layer sf.components{.sf-button-group.sf-button-group--segmented{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-ui-1--space-y-tightness-low)));--sf-button-group--plate-radius: var(--sf-button-group-radius, var(--sf-button-radius, var(--sf-radius--ui)));--sf-button-group--radius: calc(var(--sf-button-group--plate-radius) + var(--sf-button-group--padding));--sf-button-group--count-gap: var(--sf-ui-1--text-space-x);--sf-button-group--text-size: var(--sf-text-size-1);--sf-button-group--text-height: var(--sf-text-height-1);box-sizing:border-box;gap:var(--sf-button-group--padding);padding:var(--sf-button-group--padding);border-radius:var(--sf-button-group--radius);background-color:var(--sf-surface-container);background-color:var(--sf-button-group-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-button-group--segmented.sf-button-group--size-1\/3{--sf-button-group--padding: var(--sf-button-group-padding, var(--sf-a2));--sf-button-group--count-gap: var(--sf-ui-1\/3--text-space-x);--sf-button-group--text-size: var(--sf-text-size-1\/3);--sf-button-group--text-height: var(--sf-text-height-1\/3)}.sf-button-group--segmented.sf-button-group--size-1\/2{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-ui-1\/2--space-y-tightness-low)));--sf-button-group--count-gap: var(--sf-ui-1\/2--text-space-x);--sf-button-group--text-size: var(--sf-text-size-1\/2);--sf-button-group--text-height: var(--sf-text-height-1\/2)}.sf-button-group--segmented.sf-button-group--size-2{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-ui-2--space-y-tightness-low)));--sf-button-group--count-gap: var(--sf-ui-2--text-space-x);--sf-button-group--text-size: var(--sf-text-size-2);--sf-button-group--text-height: var(--sf-text-height-2)}.sf-button-group--segmented.sf-button-group--size-3{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-3--space-y-tightness-default) - var(--sf-ui-3--space-y-tightness-low)));--sf-button-group--count-gap: var(--sf-ui-3--text-space-x);--sf-button-group--text-size: var(--sf-text-size-3);--sf-button-group--text-height: var(--sf-text-height-3)}.sf-button-group--segmented.sf-button-group--full-width{display:flex;width:100%;inline-size:100%}.sf-button-group--segmented.sf-button-group--radius-default{--sf-button-group--plate-radius: var(--sf-radius-default)}.sf-button-group--segmented.sf-button-group--radius-square{--sf-button-group--plate-radius: calc(var(--sf-px) * 0)}.sf-button-group--segmented.sf-button-group--radius-rounded{--sf-button-group--plate-radius: var(--sf-radius-rounded)}}@layer sf.override{.sf-button-group--segmented>.sf-button-group-segment{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: 0;--sf-button--border-inline-start-width: 0;--sf-button--border-inline-end-width: 0;--sf-button--background-color: transparent;--sf-button--box-shadow: none;--sf-button-group--segment-padding-block: max(calc(var(--sf-px) * 0), calc(var(--sf-button--padding-top) - var(--sf-button-group--padding)));position:relative;padding-top:var(--sf-button-group--segment-padding-block);padding-bottom:var(--sf-button-group--segment-padding-block);padding-block:var(--sf-button-group--segment-padding-block);justify-content:center;border-width:0;border-radius:var(--sf-button-group--plate-radius);color:var(--sf-on-surface-variant);color:var(--sf-button-group-color, var(--sf-on-surface-variant))}.sf-button-group--segmented>.sf-button-group-segment .sf-button-text-container,.sf-button-group--segmented>.sf-button-group-segment .sf-icon{color:inherit}.sf-button-group--segmented.sf-button-group--full-width>.sf-button-group-segment{flex:1 1 0;min-width:0;min-inline-size:0}.sf-button-group--segmented>.sf-button-group-icon-only{padding-left:var(--sf-button-group--segment-padding-block);padding-right:var(--sf-button-group--segment-padding-block);padding-inline:var(--sf-button-group--segment-padding-block)}.sf-button-group--segmented .sf-button-group-label--hidden{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-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group--segmented .sf-button-group-count{margin-left:var(--sf-button-group--count-gap)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-button-group--segmented .sf-button-group-count{margin-left:var(--sf-button-group--count-gap)}}.sf-button-group--segmented .sf-button-group-count:where(:dir(ltr)){margin-left:var(--sf-button-group--count-gap)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group--segmented .sf-button-group-count{margin-right:var(--sf-button-group--count-gap)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-button-group--segmented .sf-button-group-count{margin-right:var(--sf-button-group--count-gap)}}.sf-button-group--segmented .sf-button-group-count:where(:dir(rtl)){margin-right:var(--sf-button-group--count-gap)}.sf-button-group--segmented .sf-button-group-count{-webkit-margin-start:var(--sf-button-group--count-gap);margin-inline-start:var(--sf-button-group--count-gap);color:currentColor;color:var(--sf-button-group-count-color, currentColor);font-size:var(--sf-button-group--text-size);line-height:var(--sf-button-group--text-height);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-button-group--segmented.sf-button-group--primary>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-primary));--sf-button--focus-ink: var(--sf-on-primary);color:var(--sf-on-primary);color:var(--sf-button-group-plate-color, var(--sf-on-primary))}.sf-button-group--segmented.sf-button-group--secondary>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-secondary));--sf-button--focus-ink: var(--sf-on-secondary);color:var(--sf-on-secondary);color:var(--sf-button-group-plate-color, var(--sf-on-secondary))}.sf-button-group--segmented.sf-button-group--on-surface>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-on-surface));--sf-button--focus-ink: var(--sf-on-surface-inverse);color:var(--sf-on-surface-inverse);color:var(--sf-button-group-plate-color, var(--sf-on-surface-inverse))}.sf-button-group--segmented.sf-button-group--plate-raised>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-elevation-1--surface));--sf-on-surface-variant: var(--sf-on-elevation-1--variant);--sf-button--box-shadow: var(--sf-elevation-1--shadow);--sf-button--focus-ink: transparent;color:var(--sf-on-surface);color:var(--sf-button-group-plate-color, var(--sf-on-surface))}.sf-button-group--segmented>.sf-button-group-segment.active .sf-button-group-count{color:currentColor}.sf-button-group--segmented>.sf-button-group-segment:not(.active):not(:disabled):hover{--sf-button--background-color: var(--sf-alpha-8);color:var(--sf-on-surface)}.sf-button-group--segmented>.sf-button-group-segment:not(.active):not(:disabled):active{--sf-button--background-color: var(--sf-alpha-12);color:var(--sf-on-surface)}.sf-button-group--segmented>.sf-button-group-segment:disabled{color:var(--sf-on-disable)}.sf-button-group--segmented>.sf-button-group-segment.active:disabled{--sf-button--background-color: var(--sf-disable);--sf-button--box-shadow: none}.sf-button-group--segmented>.sf-button-group-segment.focus-visible{outline-offset:0}.sf-button-group--segmented>.sf-button-group-segment:focus-visible{outline-offset:0}@media(forced-colors: active){.sf-button-group--segmented{border:var(--sf-px) solid CanvasText}.sf-button-group--segmented>.sf-button-group-segment.active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.sf-button-group--segmented>.sf-button-group-segment:disabled{color:GrayText}.sf-button-group--segmented>.sf-button-group-segment.focus-visible{outline:var(--sf-focus-outline-width) solid CanvasText;outline-offset:0}.sf-button-group--segmented>.sf-button-group-segment:focus-visible{outline:var(--sf-focus-outline-width) solid CanvasText;outline-offset:0}}}
1
+ @layer sf.components{.sf-button-group{display:inline-flex;flex-direction:row;align-items:stretch;max-width:100%;max-inline-size:100%;overflow-x:auto;overflow-y:hidden;isolation:isolate;scrollbar-width:thin}.sf-button-group>sf-button,.sf-button-group>.sf-button{flex:0 0 auto;min-width:0;min-inline-size:0}.sf-button-group[data-orientation=vertical]{flex-direction:column;overflow-x:hidden;overflow-y:auto}.sf-button-group[aria-orientation=vertical]{flex-direction:column;overflow-x:hidden;overflow-y:auto}.sf-button-group[data-orientation=vertical]>sf-button{width:100%;inline-size:100%}.sf-button-group[aria-orientation=vertical]>sf-button{width:100%;inline-size:100%}.sf-button-group[data-orientation=vertical]>sf-button>.sf-button{width:100%;inline-size:100%}.sf-button-group[aria-orientation=vertical]>sf-button>.sf-button{width:100%;inline-size:100%}.sf-button-group[data-orientation=vertical]>.sf-button{width:100%;inline-size:100%}.sf-button-group[aria-orientation=vertical]>.sf-button{width:100%;inline-size:100%}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-top-right-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-top-left-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-right-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:first-child:not(:last-child){border-bottom-left-radius:0}}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:first-child:not(:last-child):where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group>sf-button:first-child:not(:last-child)>.sf-button,.sf-button-group>.sf-button:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.sf-button-group>sf-button:not(:first-child):not(:last-child)>.sf-button,.sf-button-group>.sf-button:not(:first-child):not(:last-child){border-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-top-left-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-top-right-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,html:not([dir="rtl"]) .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-left-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(ltr)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,[dir="rtl"] .sf-button-group>.sf-button:last-child:not(:first-child){border-bottom-right-radius:0}}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button:where(:dir(rtl)),.sf-button-group>.sf-button:last-child:not(:first-child):where(:dir(rtl)){border-bottom-right-radius:0}.sf-button-group>sf-button:last-child:not(:first-child)>.sf-button,.sf-button-group>.sf-button:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.sf-button-group>sf-button[focus-within],.sf-button-group>.sf-button.focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button:focus-within,.sf-button-group>.sf-button.focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button[focus-within],.sf-button-group>.sf-button.focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button[focus-within],.sf-button-group>.sf-button:focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}.sf-button-group>sf-button:focus-within,.sf-button-group>.sf-button:focus-visible,.sf-button-group>[aria-pressed=true],.sf-button-group>.active{position:relative;z-index:1}}@layer sf.override{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-left-width:0}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-right-width:0}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-right-width:var(--sf-px)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]{border-right-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(ltr)){border-right-width:var(--sf-px)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-left-width:var(--sf-px)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]{border-left-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:where(:dir(rtl)){border-left-width:var(--sf-px)}.sf-button-group>sf-button[segment][type][scheme]>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: 0;--sf-button--border-inline-end-width: var(--sf-px);border-top-width:var(--sf-px);border-bottom-width:var(--sf-px);border-block-width:var(--sf-px);border-inline-start-width:0;border-inline-end-width:var(--sf-px);border-top-color:var(--sf-outline);border-bottom-color:var(--sf-outline);border-block-color:var(--sf-outline);border-left-color:var(--sf-outline);border-right-color:var(--sf-outline);border-inline-color:var(--sf-outline)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-left-width:var(--sf-px)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-left-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-left-width:var(--sf-px)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-right-width:var(--sf-px)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-right-width:var(--sf-px)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-right-width:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-top-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]:first-child{--sf-button--border-inline-start-width: var(--sf-px);border-inline-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-end-start-radius:var(--sf-button--radius);border-start-end-radius:0;border-end-end-radius:0}.sf-button-group>sf-button[segment][type][scheme]:not(:first-child):not(:last-child)>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]:not(:first-child):not(:last-child){border-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:0}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],html:not([dir="rtl"]) .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],[dir="rtl"] .sf-button-group>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)),.sf-button-group>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-],.sf-button-group>.sf-button[class*=segment-]:last-child{border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);border-top-width:0;border-block-start-width:0;border-bottom-width:var(--sf-px);border-block-end-width:var(--sf-px);border-left-width:var(--sf-px);border-right-width:var(--sf-px);border-inline-width:var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:first-child>.sf-button[class*=segment-]{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:first-child{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-top-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(ltr)){border-bottom-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{border-bottom-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child:where(:dir(rtl)){border-bottom-left-radius:0}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:first-child{--sf-button--border-top-width: var(--sf-px);border-top-width:var(--sf-px);border-block-start-width:var(--sf-px);border-start-start-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--radius);border-end-start-radius:0;border-end-end-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[data-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[aria-orientation=vertical]>sf-button[segment][type][scheme]:last-child>.sf-button[class*=segment-]{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[data-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-left-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-right-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-right-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-top-right-radius:0}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-top-left-radius:0}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-top-left-radius:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-right-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-bottom-left-radius:var(--sf-button--radius)}}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius)}.sf-button-group[aria-orientation=vertical]>.sf-button[class*=segment-]:last-child{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--radius)}.sf-button-group>sf-button[\:has\(\%3E.sf-button.focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button:has(>.sf-button.focus-visible)>.sf-button,.sf-button-group>.sf-button.focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button:focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-button-group>sf-button:has(>.sf-button:focus-visible)>.sf-button,.sf-button-group>.sf-button:focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}@media(forced-colors: active){.sf-button-group>sf-button[\:has\(\%3E.sf-button.focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button:has(>.sf-button.focus-visible)>.sf-button,.sf-button-group>.sf-button.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button[\:has\(\%3E.sf-button\:focus-visible\)]>.sf-button,.sf-button-group>.sf-button:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}.sf-button-group>sf-button:has(>.sf-button:focus-visible)>.sf-button,.sf-button-group>.sf-button:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1);--sf-button--box-shadow: none}}.sf-button-group.sf-button-group--radius-default:not(.sf-button-group--segmented)>sf-button>.sf-button,.sf-button-group.sf-button-group--radius-default:not(.sf-button-group--segmented)>.sf-button{--sf-button--radius: var(--sf-radius-default)}.sf-button-group.sf-button-group--radius-square:not(.sf-button-group--segmented)>sf-button>.sf-button,.sf-button-group.sf-button-group--radius-square:not(.sf-button-group--segmented)>.sf-button{--sf-button--radius: var(--sf-radius-square)}.sf-button-group.sf-button-group--radius-rounded:not(.sf-button-group--segmented)>sf-button>.sf-button,.sf-button-group.sf-button-group--radius-rounded:not(.sf-button-group--segmented)>.sf-button{--sf-button--radius: var(--sf-radius-rounded)}.sf-button-group>sf-button>.sf-button,.sf-button-group>.sf-button{transition-property:color,background-color}@media(prefers-reduced-motion: reduce){.sf-button-group>sf-button>.sf-button,.sf-button-group>.sf-button{transition-duration:0s}}}@layer sf.components{.sf-button-group.sf-button-group--segmented{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-ui-1--space-y-tightness-low)));--sf-button-group--plate-radius: var(--sf-button-group-radius, var(--sf-button-radius, var(--sf-radius--ui)));--sf-button-group--radius: calc(var(--sf-button-group--plate-radius) + var(--sf-button-group--padding));--sf-button-group--count-gap: var(--sf-ui-1--text-space-x);--sf-button-group--text-size: var(--sf-text-size-1);--sf-button-group--text-height: var(--sf-text-height-1);box-sizing:border-box;gap:var(--sf-button-group--padding);padding:var(--sf-button-group--padding);border-radius:var(--sf-button-group--radius);background-color:var(--sf-surface-container);background-color:var(--sf-button-group-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-button-group--segmented.sf-button-group--size-1\/3{--sf-button-group--padding: var(--sf-button-group-padding, var(--sf-a2));--sf-button-group--count-gap: var(--sf-ui-1\/3--text-space-x);--sf-button-group--text-size: var(--sf-text-size-1\/3);--sf-button-group--text-height: var(--sf-text-height-1\/3)}.sf-button-group--segmented.sf-button-group--size-1\/2{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-ui-1\/2--space-y-tightness-low)));--sf-button-group--count-gap: var(--sf-ui-1\/2--text-space-x);--sf-button-group--text-size: var(--sf-text-size-1\/2);--sf-button-group--text-height: var(--sf-text-height-1\/2)}.sf-button-group--segmented.sf-button-group--size-2{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-ui-2--space-y-tightness-low)));--sf-button-group--count-gap: var(--sf-ui-2--text-space-x);--sf-button-group--text-size: var(--sf-text-size-2);--sf-button-group--text-height: var(--sf-text-height-2)}.sf-button-group--segmented.sf-button-group--size-3{--sf-button-group--padding: var(--sf-button-group-padding, calc(var(--sf-ui-3--space-y-tightness-default) - var(--sf-ui-3--space-y-tightness-low)));--sf-button-group--count-gap: var(--sf-ui-3--text-space-x);--sf-button-group--text-size: var(--sf-text-size-3);--sf-button-group--text-height: var(--sf-text-height-3)}.sf-button-group--segmented.sf-button-group--full-width{display:flex;width:100%;inline-size:100%}.sf-button-group--segmented.sf-button-group--radius-default{--sf-button-group--plate-radius: var(--sf-radius-default)}.sf-button-group--segmented.sf-button-group--radius-square{--sf-button-group--plate-radius: calc(var(--sf-px) * 0)}.sf-button-group--segmented.sf-button-group--radius-rounded{--sf-button-group--plate-radius: var(--sf-radius-rounded)}}@layer sf.override{.sf-button-group--segmented>.sf-button-group-segment{--sf-button--border-top-width: 0;--sf-button--border-bottom-width: 0;--sf-button--border-inline-start-width: 0;--sf-button--border-inline-end-width: 0;--sf-button--background-color: transparent;--sf-button--box-shadow: none;--sf-button-group--segment-padding-block: max(calc(var(--sf-px) * 0), calc(var(--sf-button--padding-top) - var(--sf-button-group--padding)));position:relative;padding-top:var(--sf-button-group--segment-padding-block);padding-bottom:var(--sf-button-group--segment-padding-block);padding-block:var(--sf-button-group--segment-padding-block);justify-content:center;border-width:0;border-radius:var(--sf-button-group--plate-radius);color:var(--sf-on-surface-variant);color:var(--sf-button-group-color, var(--sf-on-surface-variant))}.sf-button-group--segmented>.sf-button-group-segment .sf-button-text-container,.sf-button-group--segmented>.sf-button-group-segment .sf-icon{color:inherit}.sf-button-group--segmented.sf-button-group--full-width>.sf-button-group-segment{flex:1 1 0;min-width:0;min-inline-size:0}.sf-button-group--segmented>.sf-button-group-icon-only{padding-left:var(--sf-button-group--segment-padding-block);padding-right:var(--sf-button-group--segment-padding-block);padding-inline:var(--sf-button-group--segment-padding-block)}.sf-button-group--segmented .sf-button-group-label--hidden{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-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button-group--segmented .sf-button-group-count{margin-left:var(--sf-button-group--count-gap)}@supports not (margin-inline-start: initial){html:not([dir="rtl"]) .sf-button-group--segmented .sf-button-group-count{margin-left:var(--sf-button-group--count-gap)}}.sf-button-group--segmented .sf-button-group-count:where(:dir(ltr)){margin-left:var(--sf-button-group--count-gap)}_:-ms-input-placeholder, [dir="rtl"] .sf-button-group--segmented .sf-button-group-count{margin-right:var(--sf-button-group--count-gap)}@supports not (margin-inline-start: initial){[dir="rtl"] .sf-button-group--segmented .sf-button-group-count{margin-right:var(--sf-button-group--count-gap)}}.sf-button-group--segmented .sf-button-group-count:where(:dir(rtl)){margin-right:var(--sf-button-group--count-gap)}.sf-button-group--segmented .sf-button-group-count{-webkit-margin-start:var(--sf-button-group--count-gap);margin-inline-start:var(--sf-button-group--count-gap);color:currentColor;color:var(--sf-button-group-count-color, currentColor);font-size:var(--sf-button-group--text-size);line-height:var(--sf-button-group--text-height);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sf-button-group--segmented.sf-button-group--primary>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-primary));--sf-button--focus-ink: var(--sf-on-primary);color:var(--sf-on-primary);color:var(--sf-button-group-plate-color, var(--sf-on-primary))}.sf-button-group--segmented.sf-button-group--secondary>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-secondary));--sf-button--focus-ink: var(--sf-on-secondary);color:var(--sf-on-secondary);color:var(--sf-button-group-plate-color, var(--sf-on-secondary))}.sf-button-group--segmented.sf-button-group--on-surface>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-on-surface));--sf-button--focus-ink: var(--sf-on-surface-inverse);color:var(--sf-on-surface-inverse);color:var(--sf-button-group-plate-color, var(--sf-on-surface-inverse))}.sf-button-group--segmented.sf-button-group--plate-raised>.sf-button-group-segment.active{--sf-button--background-color: var(--sf-button-group-plate-background-color, var(--sf-elevation-1--surface));--sf-on-surface-variant: var(--sf-on-elevation-1--variant);--sf-button--box-shadow: var(--sf-elevation-1--shadow);--sf-button--focus-ink: transparent;color:var(--sf-on-surface);color:var(--sf-button-group-plate-color, var(--sf-on-surface))}.sf-button-group--segmented>.sf-button-group-segment.active .sf-button-group-count{color:currentColor}.sf-button-group--segmented>.sf-button-group-segment:not(.active):not(:disabled):hover{--sf-button--background-color: var(--sf-alpha-8);color:var(--sf-on-surface)}.sf-button-group--segmented>.sf-button-group-segment:not(.active):not(:disabled):active{--sf-button--background-color: var(--sf-alpha-12);color:var(--sf-on-surface)}.sf-button-group--segmented>.sf-button-group-segment:disabled{color:var(--sf-on-disable)}.sf-button-group--segmented>.sf-button-group-segment.active:disabled{--sf-button--background-color: var(--sf-disable);--sf-button--box-shadow: none}.sf-button-group--segmented>.sf-button-group-segment.focus-visible{outline-offset:0}.sf-button-group--segmented>.sf-button-group-segment:focus-visible{outline-offset:0}@media(forced-colors: active){.sf-button-group--segmented{border:var(--sf-px) solid CanvasText}.sf-button-group--segmented.sf-button-group--primary>.sf-button-group-segment.active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.sf-button-group--segmented.sf-button-group--secondary>.sf-button-group-segment.active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.sf-button-group--segmented.sf-button-group--on-surface>.sf-button-group-segment.active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.sf-button-group--segmented.sf-button-group--plate-raised>.sf-button-group-segment.active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.sf-button-group--segmented.sf-button-group--segmented>.sf-button-group-segment.active{forced-color-adjust:none;background-color:Highlight;color:HighlightText}.sf-button-group--segmented>.sf-button-group-segment:disabled{color:GrayText}.sf-button-group--segmented>.sf-button-group-segment.focus-visible{outline:var(--sf-focus-outline-width) solid CanvasText;outline-offset:0}.sf-button-group--segmented>.sf-button-group-segment:focus-visible{outline:var(--sf-focus-outline-width) solid CanvasText;outline-offset:0}}}
package/distr/core/contracts/public-variables.v1.json CHANGED
@@ -1137,6 +1137,94 @@
1137
1137
  ]
1138
1138
  }
1139
1139
  ]
1140
+ },
1141
+ {
1142
+ "component": "image-field",
1143
+ "selector": ".sf-image-field",
1144
+ "variables": [
1145
+ {
1146
+ "name": "--sf-image-field-background-color",
1147
+ "role": "background",
1148
+ "summary": "The well's fill at rest; drag-over and disabled keep their own.",
1149
+ "default": "var(--sf-surface-0)",
1150
+ "since": "2026-10-24"
1151
+ },
1152
+ {
1153
+ "name": "--sf-image-field-border-color",
1154
+ "role": "border-color",
1155
+ "summary": "The well's border at rest, dashed while the field is empty; drag-over, error and disabled keep their own.",
1156
+ "default": "var(--sf-outline)",
1157
+ "since": "2026-10-24"
1158
+ },
1159
+ {
1160
+ "name": "--sf-image-field-border-width",
1161
+ "role": "border-width",
1162
+ "summary": "The well's border width on every side.",
1163
+ "default": "var(--sf-px)",
1164
+ "since": "2026-10-24"
1165
+ },
1166
+ {
1167
+ "name": "--sf-image-field-radius",
1168
+ "role": "radius",
1169
+ "summary": "The well's corner radius.",
1170
+ "default": "var(--sf-radius--ui)",
1171
+ "since": "2026-10-24"
1172
+ },
1173
+ {
1174
+ "name": "--sf-image-field-padding-inline",
1175
+ "role": "padding-inline",
1176
+ "summary": "Space inside the well before and after the thumbnail and the buttons.",
1177
+ "default": "calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px))",
1178
+ "since": "2026-10-24",
1179
+ "varies_with": [
1180
+ "size"
1181
+ ]
1182
+ },
1183
+ {
1184
+ "name": "--sf-image-field-padding-block",
1185
+ "role": "padding-block",
1186
+ "summary": "Space inside the well above and below the thumbnail.",
1187
+ "default": "calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px))",
1188
+ "since": "2026-10-24",
1189
+ "varies_with": [
1190
+ "size"
1191
+ ]
1192
+ },
1193
+ {
1194
+ "name": "--sf-image-field-gap",
1195
+ "role": "gap",
1196
+ "summary": "Space between the thumbnail, the name and the buttons; the rows of a narrow field keep their own.",
1197
+ "default": "calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px))",
1198
+ "since": "2026-10-24",
1199
+ "varies_with": [
1200
+ "size"
1201
+ ]
1202
+ },
1203
+ {
1204
+ "name": "--sf-image-field-thumbnail-size",
1205
+ "role": "size",
1206
+ "summary": "The thumbnail's width and height: the control height one rung above the field's size.",
1207
+ "default": "var(--sf-ui-2--control-height)",
1208
+ "since": "2026-10-24",
1209
+ "varies_with": [
1210
+ "size"
1211
+ ]
1212
+ },
1213
+ {
1214
+ "name": "--sf-image-field-thumbnail-radius",
1215
+ "role": "radius",
1216
+ "summary": "The thumbnail's corner radius.",
1217
+ "default": "var(--sf-radius--ui)",
1218
+ "since": "2026-10-24"
1219
+ },
1220
+ {
1221
+ "name": "--sf-image-field-thumbnail-background-color",
1222
+ "role": "background",
1223
+ "summary": "The thumbnail's fill behind a fitted image or the glyph of an empty one; the glyph keeps its colour, so a fill set here must keep it legible.",
1224
+ "default": "var(--sf-surface-container)",
1225
+ "since": "2026-10-24"
1226
+ }
1227
+ ]
1140
1228
  }
1141
1229
  ]
1142
1230
  }
package/distr/core/contracts/third-party-notices.v1.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "project": {
6
6
  "name": "SIMAI Framework",
7
7
  "spdx": "Apache-2.0",
8
- "copyright": "Copyright (c) 2008-2026 Rim Zabarov and contributors",
8
+ "copyright": "Copyright (c) 2008-2026 Rim Zabarov",
9
9
  "note": "Applies to the project-owned code and assets of this distribution. The entries below are not project-owned and carry their own terms.",
10
10
  "license_text": " Apache License\n Version 2.0, January 2004\n http://www.apache.org/licenses/\n\n TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION\n\n 1. Definitions.\n\n \"License\" shall mean the terms and conditions for use, reproduction,\n and distribution as defined by Sections 1 through 9 of this document.\n\n \"Licensor\" shall mean the copyright owner or entity authorized by\n the copyright owner that is granting the License.\n\n \"Legal Entity\" shall mean the union of the acting entity and all\n other entities that control, are controlled by, or are under common\n control with that entity. For the purposes of this definition,\n \"control\" means (i) the power, direct or indirect, to cause the\n direction or management of such entity, whether by contract or\n otherwise, or (ii) ownership of fifty percent (50%) or more of the\n outstanding shares, or (iii) beneficial ownership of such entity.\n\n \"You\" (or \"Your\") shall mean an individual or Legal Entity\n exercising permissions granted by this License.\n\n \"Source\" form shall mean the preferred form for making modifications,\n including but not limited to software source code, documentation\n source, and configuration files.\n\n \"Object\" form shall mean any form resulting from mechanical\n transformation or translation of a Source form, including but\n not limited to compiled object code, generated documentation,\n and conversions to other media types.\n\n \"Work\" shall mean the work of authorship, whether in Source or\n Object form, made available under the License, as indicated by a\n copyright notice that is included in or attached to the work\n (an example is provided in the Appendix below).\n\n \"Derivative Works\" shall mean any work, whether in Source or Object\n form, that is based on (or derived from) the Work and for which the\n editorial revisions, annotations, elaborations, or other modifications\n represent, as a whole, an original work of authorship. For the purposes\n of this License, Derivative Works shall not include works that remain\n separable from, or merely link (or bind by name) to the interfaces of,\n the Work and Derivative Works thereof.\n\n \"Contribution\" shall mean any work of authorship, including\n the original version of the Work and any modifications or additions\n to that Work or Derivative Works thereof, that is intentionally\n submitted to Licensor for inclusion in the Work by the copyright owner\n or by an individual or Legal Entity authorized to submit on behalf of\n the copyright owner. For the purposes of this definition, \"submitted\"\n means any form of electronic, verbal, or written communication sent\n to the Licensor or its representatives, including but not limited to\n communication on electronic mailing lists, source code control systems,\n and issue tracking systems that are managed by, or on behalf of, the\n Licensor for the purpose of discussing and improving the Work, but\n excluding communication that is conspicuously marked or otherwise\n designated in writing by the copyright owner as \"Not a Contribution.\"\n\n \"Contributor\" shall mean Licensor and any individual or Legal Entity\n on behalf of whom a Contribution has been received by Licensor and\n subsequently incorporated within the Work.\n\n 2. Grant of Copyright License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n copyright license to reproduce, prepare Derivative Works of,\n publicly display, publicly perform, sublicense, and distribute the\n Work and such Derivative Works in Source or Object form.\n\n 3. Grant of Patent License. Subject to the terms and conditions of\n this License, each Contributor hereby grants to You a perpetual,\n worldwide, non-exclusive, no-charge, royalty-free, irrevocable\n (except as stated in this section) patent license to make, have made,\n use, offer to sell, sell, import, and otherwise transfer the Work,\n where such license applies only to those patent claims licensable\n by such Contributor that are necessarily infringed by their\n Contribution(s) alone or by combination of their Contribution(s)\n with the Work to which such Contribution(s) was submitted. If You\n institute patent litigation against any entity (including a\n cross-claim or counterclaim in a lawsuit) alleging that the Work\n or a Contribution incorporated within the Work constitutes direct\n or contributory patent infringement, then any patent licenses\n granted to You under this License for that Work shall terminate\n as of the date such litigation is filed.\n\n 4. Redistribution. You may reproduce and distribute copies of the\n Work or Derivative Works thereof in any medium, with or without\n modifications, and in Source or Object form, provided that You\n meet the following conditions:\n\n (a) You must give any other recipients of the Work or\n Derivative Works a copy of this License; and\n\n (b) You must cause any modified files to carry prominent notices\n stating that You changed the files; and\n\n (c) You must retain, in the Source form of any Derivative Works\n that You distribute, all copyright, patent, trademark, and\n attribution notices from the Source form of the Work,\n excluding those notices that do not pertain to any part of\n the Derivative Works; and\n\n (d) If the Work includes a \"NOTICE\" text file as part of its\n distribution, then any Derivative Works that You distribute must\n include a readable copy of the attribution notices contained\n within such NOTICE file, excluding those notices that do not\n pertain to any part of the Derivative Works, in at least one\n of the following places: within a NOTICE text file distributed\n as part of the Derivative Works; within the Source form or\n documentation, if provided along with the Derivative Works; or,\n within a display generated by the Derivative Works, if and\n wherever such third-party notices normally appear. The contents\n of the NOTICE file are for informational purposes only and\n do not modify the License. You may add Your own attribution\n notices within Derivative Works that You distribute, alongside\n or as an addendum to the NOTICE text from the Work, provided\n that such additional attribution notices cannot be construed\n as modifying the License.\n\n You may add Your own copyright statement to Your modifications and\n may provide additional or different license terms and conditions\n for use, reproduction, or distribution of Your modifications, or\n for any such Derivative Works as a whole, provided Your use,\n reproduction, and distribution of the Work otherwise complies with\n the conditions stated in this License.\n\n 5. Submission of Contributions. Unless You explicitly state otherwise,\n any Contribution intentionally submitted for inclusion in the Work\n by You to the Licensor shall be under the terms and conditions of\n this License, without any additional terms or conditions.\n Notwithstanding the above, nothing herein shall supersede or modify\n the terms of any separate license agreement you may have executed\n with Licensor regarding such Contributions.\n\n 6. Trademarks. This License does not grant permission to use the trade\n names, trademarks, service marks, or product names of the Licensor,\n except as required for reasonable and customary use in describing the\n origin of the Work and reproducing the content of the NOTICE file.\n\n 7. Disclaimer of Warranty. Unless required by applicable law or\n agreed to in writing, Licensor provides the Work (and each\n Contributor provides its Contributions) on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\n implied, including, without limitation, any warranties or conditions\n of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A\n PARTICULAR PURPOSE. You are solely responsible for determining the\n appropriateness of using or redistributing the Work and assume any\n risks associated with Your exercise of permissions under this License.\n\n 8. Limitation of Liability. In no event and under no legal theory,\n whether in tort (including negligence), contract, or otherwise,\n unless required by applicable law (such as deliberate and grossly\n negligent acts) or agreed to in writing, shall any Contributor be\n liable to You for damages, including any direct, indirect, special,\n incidental, or consequential damages of any character arising as a\n result of this License or out of the use or inability to use the\n Work (including but not limited to damages for loss of goodwill,\n work stoppage, computer failure or malfunction, or any and all\n other commercial damages or losses), even if such Contributor\n has been advised of the possibility of such damages.\n\n 9. Accepting Warranty or Additional Liability. While redistributing\n the Work or Derivative Works thereof, You may choose to offer,\n and charge a fee for, acceptance of support, warranty, indemnity,\n or other liability obligations and/or rights consistent with this\n License. However, in accepting such obligations, You may act only\n on Your own behalf and on Your sole responsibility, not on behalf\n of any other Contributor, and only if You agree to indemnify,\n defend, and hold each Contributor harmless for any liability\n incurred by, or claims asserted against, such Contributor by reason\n of your accepting any such warranty or additional liability.\n\n END OF TERMS AND CONDITIONS\n\n APPENDIX: How to apply the Apache License to your work.\n\n To apply the Apache License to your work, attach the following\n boilerplate notice, with the fields enclosed by brackets \"[]\"\n replaced with your own identifying information. (Don't include\n the brackets!) The text should be enclosed in the appropriate\n comment syntax for the file format. We also recommend that a\n file or class name and description of purpose be included on the\n same \"printed page\" as the copyright notice for easier\n identification within third-party archives.\n\n Copyright [yyyy] [name of copyright owner]\n\n Licensed under the Apache License, Version 2.0 (the \"License\");\n you may not use this file except in compliance with the License.\n You may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\n Unless required by applicable law or agreed to in writing, software\n distributed under the License is distributed on an \"AS IS\" BASIS,\n WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n See the License for the specific language governing permissions and\n limitations under the License."
11
11
  },
package/distr/core/css/core.css CHANGED
@@ -3,8 +3,9 @@
3
3
  * SIMAI Framework
4
4
  * https://simai.io
5
5
  *
6
- * Copyright (c) 2008-2026 Rim Zabarov and contributors
7
- * Released under the MIT License.
6
+ * Author: Rim Zabarov
7
+ * Copyright (c) 2008-2026 Rim Zabarov
8
+ * Released under the Apache License, Version 2.0.
8
9
  */
9
10
  @layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
10
11
  @layer sf.base {