@simai-studio/ui 5.20261019.1827 → 5.20261019.2041

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 (38) hide show
  1. package/README.md +4 -4
  2. package/distr/component/button-group/css/button-group.min.css +1 -1
  3. package/distr/component/country-code/js/country-code.min.js +1 -1
  4. package/distr/component/dropdown/js/dropdown.min.js +1 -1
  5. package/distr/component/file-upload/js/file-upload.min.js +1 -1
  6. package/distr/component/inputs/js/inputs.min.js +1 -1
  7. package/distr/component/pagination/css/pagination.min.css +1 -1
  8. package/distr/component/quantity/js/quantity.min.js +1 -1
  9. package/distr/component/textarea/js/textarea.min.js +1 -1
  10. package/distr/core/contracts/adaptive-sizing.schema.json +1 -1
  11. package/distr/core/contracts/composite-host-port.v1.schema.json +1 -1
  12. package/distr/core/contracts/composition-document.v1.schema.json +1 -1
  13. package/distr/core/contracts/composition-editor-field-kind.v1.schema.json +1 -1
  14. package/distr/core/contracts/composition-editor-manifest.v1.schema.json +1 -1
  15. package/distr/core/contracts/composition-port-manifest.v1.schema.json +1 -1
  16. package/distr/core/contracts/composition-type-manifest.v1.schema.json +1 -1
  17. package/distr/core/js/core-loader.js +12 -10
  18. package/distr/core/js/core-loader.min.js +1 -1
  19. package/distr/core/js/core.js +42 -17
  20. package/distr/core/js/core.min.js +1 -1
  21. package/distr/core/js/smart-base.js +2 -2
  22. package/distr/core/js/smart-base.min.js +1 -1
  23. package/distr/smart/avatar/js/avatar.min.js +1 -1
  24. package/distr/smart/badges/js/badges.min.js +1 -1
  25. package/distr/smart/buttons/js/buttons.min.js +1 -1
  26. package/distr/smart/country-code/js/country-code.min.js +1 -1
  27. package/distr/smart/datepicker/js/datepicker.min.js +1 -1
  28. package/distr/smart/dropdown/js/dropdown.min.js +1 -1
  29. package/distr/smart/file-upload/js/file-upload.min.js +1 -1
  30. package/distr/smart/inputs/js/inputs.min.js +1 -1
  31. package/distr/smart/list-item/js/list-item.min.js +16 -16
  32. package/distr/smart/modal/contract.json +1 -1
  33. package/distr/smart/progress-scale/js/progress-scale.min.js +1 -1
  34. package/distr/smart/reference-link/js/reference-link.min.js +1 -1
  35. package/distr/smart/tags/js/tags.min.js +1 -1
  36. package/distr/smart/textarea/js/textarea.min.js +5 -5
  37. package/package-manifest.json +38 -38
  38. package/package.json +4 -4
package/README.md CHANGED
@@ -1,11 +1,11 @@
1
1
  # @simai-studio/ui
2
2
 
3
- SIMAI Framework, release `ui-3521193e0c6b` (commit 3521193e0c6b7417912f50aaaab72895f48e43d2 of [simai/ui](https://github.com/simai/ui)).
3
+ SIMAI Framework, release `ui-32c7a64e4575` (commit 32c7a64e457583eaf5a1860590001217a86b5af9 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.20261019.1827/distr/core/css/core.css">
7
- <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.1827/distr/';</script>
8
- <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.1827/distr/core/js/core.js"></script>
6
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.2041/distr/core/css/core.css">
7
+ <script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.2041/distr/';</script>
8
+ <script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.2041/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://simai.github.io/ui-doc/
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, var(--sf-a4));--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, var(--sf-a2));--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, var(--sf-a4));--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, var(--sf-a6));--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;position:relative;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{--sf-button--padding-inline-start: var(--sf-button--padding-top);--sf-button--padding-inline-end: var(--sf-button--padding-top)}.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-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}}}