@simai-studio/ui 5.20261019.1921 → 5.20261020.1056
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.
- package/README.md +5 -5
- package/distr/component/button-group/css/button-group.min.css +1 -1
- package/distr/component/buttons/css/buttons.min.css +1 -1
- package/distr/component/buttons/js/buttons.min.js +1 -1
- package/distr/component/icon-buttons/css/icon-buttons.min.css +1 -1
- package/distr/component/icon-buttons/js/icon-buttons.min.js +1 -1
- package/distr/component/spinner/css/spinner.min.css +1 -1
- package/distr/component/spinner/js/spinner.min.js +1 -1
- package/distr/core/js/core-rules.js +25 -2
- package/distr/core/js/core-rules.min.js +1 -1
- package/distr/rule/js/rule.min.js +1 -1
- package/distr/rule/rule.json +24 -0
- package/distr/smart/button-group/js/button-group.min.js +13 -10
- package/distr/smart/button-group/smart.manifest.json +8 -3
- package/distr/smart/button-group/template/default.js +15 -2
- package/distr/smart/buttons/js/buttons.min.js +11 -10
- package/distr/smart/buttons/smart.manifest.json +3 -2
- package/distr/smart/buttons/template/default.js +17 -2
- package/distr/smart/icon-buttons/js/icon-buttons.min.js +11 -11
- package/distr/smart/icon-buttons/smart.manifest.json +4 -3
- package/distr/smart/icon-buttons/template/default.js +6 -2
- package/distr/smart/spinner/js/spinner.min.js +2 -2
- package/distr/smart/spinner/smart.manifest.json +36 -9
- package/distr/smart/spinner/template/default.js +4 -1
- package/package-manifest.json +26 -26
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
# @simai-studio/ui
|
|
2
2
|
|
|
3
|
-
SIMAI Framework, release `ui-
|
|
3
|
+
SIMAI Framework, release `ui-132b0863e12b` (commit 132b0863e12b9d5d9c9180d32b20c71f0584e7eb 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.
|
|
7
|
-
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.
|
|
8
|
-
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.
|
|
6
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1056/distr/core/css/core.css">
|
|
7
|
+
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1056/distr/';</script>
|
|
8
|
+
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261020.1056/distr/core/js/core.js"></script>
|
|
9
9
|
```
|
|
10
10
|
|
|
11
|
-
Components, utilities and Smart Components ship in their minified form (the Loader asks for it); Core in both forms. Documentation: https://simai.
|
|
11
|
+
Components, utilities and Smart Components ship in their minified form (the Loader asks for it); Core in both forms. Documentation: https://ui.simai.io/
|
|
@@ -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}}}
|