@simai-studio/ui 5.20261019.1559 → 5.20261019.1827
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 +4 -4
- package/distr/component/button-group/css/button-group.min.css +1 -1
- package/distr/core/contracts/public-js-api.json +5 -2
- package/distr/core/contracts/public-variables.v1.json +11 -0
- package/distr/core/css/core.css +11 -0
- package/distr/core/css/core.min.css +1 -1
- package/distr/core/js/core-loader.js +1 -1
- package/distr/core/js/core-loader.min.js +1 -1
- package/distr/core/js/core.js +508 -76
- package/distr/core/js/core.min.js +64 -1
- package/distr/core/js/template-utilities.generated.json +1 -0
- package/distr/smart/button-group/js/button-group.min.js +22 -21
- package/distr/smart/button-group/smart.manifest.json +22 -1
- package/distr/smart/button-group/template/default.js +4 -0
- package/package-manifest.json +16 -16
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
# @simai-studio/ui
|
|
2
2
|
|
|
3
|
-
SIMAI Framework, release `ui-
|
|
3
|
+
SIMAI Framework, release `ui-3521193e0c6b` (commit 3521193e0c6b7417912f50aaaab72895f48e43d2 of [simai/ui](https://github.com/simai/ui)).
|
|
4
4
|
|
|
5
5
|
```html
|
|
6
|
-
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.
|
|
7
|
-
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.
|
|
8
|
-
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.
|
|
6
|
+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.1827/distr/core/css/core.css">
|
|
7
|
+
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.1827/distr/';</script>
|
|
8
|
+
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261019.1827/distr/core/js/core.js"></script>
|
|
9
9
|
```
|
|
10
10
|
|
|
11
11
|
Components, utilities and Smart Components ship in their minified form (the Loader asks for it); Core in both forms. Documentation: https://simai.github.io/ui-doc/
|
|
@@ -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>.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-radius, var(--sf-radius--ui));--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:calc(var(--sf-button-group--plate-radius) + var(--sf-button-group--padding));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%}}@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, 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}}}
|
|
@@ -88,13 +88,14 @@
|
|
|
88
88
|
"status": "public",
|
|
89
89
|
"kind": "object",
|
|
90
90
|
"loaded_by": "core",
|
|
91
|
-
"summary": "Background effects (simai.effect): check a manifest, read stored settings, resolve a placement's theme, mount an effect or a windows group under the rules, load one from the pinned catalogue with integrity.",
|
|
91
|
+
"summary": "Background effects (simai.effect): check a manifest, read stored settings, resolve a placement's theme, mount an effect or a windows group under the rules, load one from the pinned catalogue with integrity, run a foreign one only in a sandboxed frame.",
|
|
92
92
|
"members": [
|
|
93
93
|
"checkEffectManifest",
|
|
94
94
|
"checkSetting",
|
|
95
95
|
"effectSettings",
|
|
96
96
|
"effectSchemes",
|
|
97
97
|
"pairIsForeign",
|
|
98
|
+
"foreignMode",
|
|
98
99
|
"allowedModes",
|
|
99
100
|
"resolveTheme",
|
|
100
101
|
"pageScheme",
|
|
@@ -102,7 +103,9 @@
|
|
|
102
103
|
"mountWindows",
|
|
103
104
|
"loadEffect",
|
|
104
105
|
"placeEffect",
|
|
105
|
-
"
|
|
106
|
+
"EFFECT_FORMAT",
|
|
107
|
+
"EFFECT_SCHEMA",
|
|
108
|
+
"SANDBOX_RUNNER_SHA256"
|
|
106
109
|
]
|
|
107
110
|
},
|
|
108
111
|
{
|
|
@@ -1069,6 +1069,17 @@
|
|
|
1069
1069
|
"size"
|
|
1070
1070
|
]
|
|
1071
1071
|
},
|
|
1072
|
+
{
|
|
1073
|
+
"name": "--sf-button-group-radius",
|
|
1074
|
+
"role": "radius",
|
|
1075
|
+
"summary": "The corner radius of a segment and the plate under the selected one, a button-sized control; the track takes it plus the padding, so the corners stay concentric. The radius attribute, when set, wins.",
|
|
1076
|
+
"default": "var(--sf-button-radius, var(--sf-radius--ui))",
|
|
1077
|
+
"since": "2026-10-19",
|
|
1078
|
+
"varies_with": [
|
|
1079
|
+
"appearance",
|
|
1080
|
+
"size"
|
|
1081
|
+
]
|
|
1082
|
+
},
|
|
1072
1083
|
{
|
|
1073
1084
|
"name": "--sf-button-group-color",
|
|
1074
1085
|
"role": "color",
|
package/distr/core/css/core.css
CHANGED
|
@@ -169,6 +169,17 @@
|
|
|
169
169
|
.theme-dark {
|
|
170
170
|
color-scheme: dark;
|
|
171
171
|
}
|
|
172
|
+
/* An effect area or window card takes the theme its effect is drawn in
|
|
173
|
+
(SF.Effects, area-takes-the-drawn-theme). The class changes the tokens,
|
|
174
|
+
but the text keeps the colour it inherited from the page, so a light page
|
|
175
|
+
left dark text over a dark scene; the area takes its theme's ink. In
|
|
176
|
+
sf.base, so a colour utility on the area still wins. */
|
|
177
|
+
.sf-effect-area.theme-dark {
|
|
178
|
+
color: var(--sf-on-surface);
|
|
179
|
+
}
|
|
180
|
+
.sf-effect-area.theme-light {
|
|
181
|
+
color: var(--sf-on-surface);
|
|
182
|
+
}
|
|
172
183
|
.theme-light,
|
|
173
184
|
.theme-dark {
|
|
174
185
|
--sf-neutral: light-dark(var(--sf-neutral-40), var(--sf-neutral-80));
|