@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/component/breadcrumbs/js/breadcrumbs.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const e=(()=>{const e="undefined"!=typeof globalThis?globalThis:{},t="__sfPageLanguage";return e[t]||(e[t]={listeners:new Set,registered:new Map,chosen:null}),e[t]})(),t=e.listeners,n=e.registered,r=e=>String(e??"").trim().toLowerCase().replace("_","-"),s=()=>{for(const e of[...t])try{e()}catch{}};function a(e){let t=e;for(;t;){const e="function"==typeof t.closest?t.closest("[lang]"):null;if(e)return e;const n="function"==typeof t.getRootNode?t.getRootNode():null;t=n&&n!==t&&n.host?n.host:null}return null}function o(t){if(e.chosen)return e.chosen.split("-")[0];const n=a(t),s=n?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return r(s).split("-")[0]||"en"}function i(t){if(e.chosen)return e.chosen;const n=a(t);return r(n?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function c(e,t,s,a){const o=a??(e=>{const t=e?.tagName;return"string"==typeof t?t.toLowerCase():null})(s);for(const a of(e=>{const t=r(e),n=t.split("-")[0],s=[];for(const e of[t,n,"en"])e&&!s.includes(e)&&s.push(e);return s})(i(s))){const r=o?n.get(o)?.get(a)?.[t]:void 0;if(void 0!==r)return r;const s=e?.[a]?.[t];if(void 0!==s)return s}return t}const u={current:(e=globalThis.document?.documentElement??null)=>i(e),use(t){const n=null==t?null:r(t);return n===e.chosen||(e.chosen=n,s()),e.chosen},register(e,t,a){const o=String(e??"").toLowerCase(),i=r(t);if(!o||!i)throw new TypeError("a component and a language are required");n.has(o)||n.set(o,new Map);const c=n.get(o);return null===a?c.delete(i):c.set(i,{...c.get(i)??{},...a}),s(),this},registerAll(e,t={}){for(const[n,r]of Object.entries(t))this.register(n,e,r);return this},known(e){const t=String(e??"").toLowerCase();return[...n.get(t)?.keys()??[]]},components:()=>[...n.keys()],onChange:e=>"function"!=typeof e?()=>{}:(t.add(e),()=>t.delete(e)),forget(){return n.clear(),e.chosen=null,s(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=u,window.SF.pageLanguage=o,window.SF.pageText=c);const l=".sf-breadcrumbs",d={en:{expandLabel:"Show hidden breadcrumbs"},ru:{expandLabel:"Показать скрытые крошки"}},f='[data-sf-breadcrumbs-generated="ellipsis"]',m="__sfBreadcrumbsBound";function b(e){if(!(e instanceof HTMLElement))return!1;if(e.classList.contains("sf-breadcrumbs-item--separator")||"true"===e.dataset.sfBreadcrumbSeparator)return!0;if(!e.classList.contains("sf-breadcrumbs-item--default"))return!1;const t=function(e){return String(e.textContent||"").trim()}(e);return"chevron_right"===t||"chevron_rightchevron_right"===t}function g(e){return e?.matches?.(f)}function h(e){return Array.from(e.children).filter(e=>e instanceof HTMLElement&&e.matches(".sf-breadcrumbs-item")&&!g(e))}function p(e){return h(e).filter(e=>!b(e))}function E(e){e.querySelectorAll(f).forEach(e=>e.remove())}function w(e,t=[]){const n=new Set(t);h(e).forEach(e=>{const r=n.has(e)||t.some(t=>function(e){let t=e.previousElementSibling;for(;t&&g(t);)t=t.previousElementSibling;return b(t)?t:null}(t)===e);e.hidden=r})}function x(e,t){const n=document.createElement("button");return n.type="button",n.className="sf-breadcrumbs-item sf-breadcrumbs-item--link sf-breadcrumbs-item--default",n.dataset.sfBreadcrumbsGenerated="ellipsis",n.dataset.sfBreadcrumbIndex="ellipsis",n.setAttribute("aria-label",function(e){return e.getAttribute("data-expand-label")||e.getAttribute("expand-label")||c(d,"expandLabel",e)}(e)),n.setAttribute("aria-expanded","false"),n.innerHTML='<span class="sf-breadcrumbs-item-container flex items-cross-center"><span aria-hidden="true">…</span></span>',n.addEventListener("click",n=>{const r=new CustomEvent("sf-breadcrumb-click",{bubbles:!0,composed:!0,cancelable:!0,detail:{root:e,item:{label:"...",ellipsis:!0,hiddenItems:t},index:"ellipsis",items:p(e),originalEvent:n}});e.dispatchEvent(r),r.defaultPrevented||function(e){e.dataset.sfBreadcrumbsExpanded="true",E(e),w(e,[])}(e)}),n}function L(e){const t=function(e){const t=e.getAttribute("data-max-items")||e.getAttribute("max-items")||e.dataset.maxItems,n=Number(t);return Number.isFinite(n)?Math.max(0,Math.floor(n)):4}(e),n=p(e);if(E(e),w(e,[]),"true"===e.dataset.sfBreadcrumbsExpanded)return;if(t<3||n.length<=t)return;const r=t-1,s=Math.floor(r/2),a=r-s,o=n.slice(s,n.length-a);if(!o.length)return;w(e,o);const i=o[0],c=o[o.length-1].nextElementSibling,u=function(){const e=document.createElement("div");return e.className="sf-breadcrumbs-item sf-breadcrumbs-item--default sf-breadcrumbs-item--separator",e.dataset.sfBreadcrumbsGenerated="ellipsis",e.dataset.sfBreadcrumbSeparator="true",e.setAttribute("aria-hidden","true"),e.innerHTML='<span class="sf-breadcrumbs-item-container flex items-cross-center"><i class="sf-icon" aria-hidden="true">chevron_right</i></span>',e}(),l=x(e,o);e.insertBefore(u,i),e.insertBefore(l,c)}function v(e){e instanceof HTMLElement&&!e[m]&&(e.closest("sf-breadcrumbs")||(e[m]=!0,L(e)))}function S(e=document){e instanceof HTMLElement&&e.matches(l)&&v(e),e.querySelectorAll?.(l).forEach(v)}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>S(document)):S(document),"undefined"!=typeof MutationObserver&&new MutationObserver(e=>{e.forEach(e=>{if("attributes"===e.type){const t=e.target;return void(t instanceof HTMLElement&&t.matches(l)&&(delete t.dataset.sfBreadcrumbsExpanded,L(t)))}e.addedNodes.forEach(e=>{if(!(e instanceof HTMLElement)||g(e))return;S(e);const t=e.closest?.(l);t instanceof HTMLElement&&t[m]&&(delete t.dataset.sfBreadcrumbsExpanded,L(t))});const t=Array.from(e.removedNodes).some(e=>!g(e)),n=e.target.closest?.(l);t&&n instanceof HTMLElement&&n[m]&&(delete n.dataset.sfBreadcrumbsExpanded,L(n))})}).observe(document.documentElement,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-max-items","max-items","data-expand-label","expand-label"]})})();

package/distr/component/button-group/css/button-group.min.css

@@ -0,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>.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}}}

package/distr/component/button-group/js/button-group.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const e=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const n=t.match(/\(([^)]+)\)/g);n&&n.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&e.add(t.slice(1))})})}),Array.from(e)}applyLayoutUtilities(t,e){if(!t||!e)return;const n=this.getUtilityMap();if(!n||!n[e])return;this.extractUtilityClasses(n[e]).forEach(e=>t.classList.add(e))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const e=function(t,e){if(t&&e)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,e);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,e])}}else window.registerSfComponent(t,e)},n=".sf-button-group",i=["start","middle","end"],o="__sfButtonGroupObserver",r=new Set(["listbox","menu","radiogroup","tablist","toolbar","tree"]);function s(t){if(!(t instanceof HTMLElement&&t.matches(n)))return t;const e=function(t){return Array.from(t.children).filter(t=>t.matches?.("sf-button, .sf-button"))}(t),o=t.getAttribute("role")||"group";t.getAttribute("role")!==o&&t.setAttribute("role",o);const s="vertical"===t.getAttribute("data-orientation")||"vertical"===t.getAttribute("aria-orientation")?"vertical":"horizontal";t.getAttribute("data-orientation")!==s&&t.setAttribute("data-orientation",s),r.has(o)?t.getAttribute("aria-orientation")!==s&&t.setAttribute("aria-orientation",s):t.hasAttribute("aria-orientation")&&t.removeAttribute("aria-orientation");const a=t.classList.contains("sf-button-group--segmented");return e.forEach((t,n)=>{!function(t,e){t.matches("sf-button")?e?t.setAttribute("segment",e):t.removeAttribute("segment"):(i.forEach(e=>t.classList.remove(`segment-${e}`)),e&&t.classList.add(`segment-${e}`))}(t,a||1===e.length?"":0===n?"start":n===e.length-1?"end":"middle")}),t}function a(t){return t instanceof HTMLElement&&!t[o]?(s(t),t[o]=new MutationObserver(()=>s(t)),t[o].observe(t,{childList:!0,attributes:!0,attributeFilter:["role","data-orientation","aria-orientation","class"]}),t):s(t)}function u(t=document){t instanceof Element&&t.matches?.(n)&&a(t),t.querySelectorAll?.(n).forEach(a)}e("ButtonGroup",class extends t{static componentName="ButtonGroup";html=null}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.ButtonGroup=window.SF.ButtonGroup||{},window.SF.ButtonGroup.init=u,window.SF.ButtonGroup.sync=s),"undefined"!=typeof document&&("loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>u(document)):u(document))})();

package/distr/component/button-group/json/button-group.utility.json

@@ -0,0 +1,12 @@
+{
+  ".sf-button-group": [
+    "display/inline-flex (.inline-flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "align-items/stretch (.items-stretch)"
+  ],
+  ".sf-button-group[data-orientation='vertical'], .sf-button-group[aria-orientation='vertical']": [
+    "flex-direction/column (.flex-col)",
+    "align-items/stretch (.items-stretch)"
+  ]
+}

package/distr/component/buttons/css/buttons.min.css

@@ -0,0 +1 @@
+@property --sf-button--border-top-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-bottom-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-inline-start-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-button--border-inline-end-width{syntax:"<length>";inherits:true;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-button{border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-button--radius);border-bottom-left-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-button{border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-button--radius);border-bottom-right-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-button{border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(ltr)){border-top-left-radius:var(--sf-button--radius);border-top-left-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-button{border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}}.sf-button:where(:dir(rtl)){border-top-right-radius:var(--sf-button--radius);border-top-right-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-button{padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}}.sf-button:where(:dir(ltr)){padding-left:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-button{padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}}.sf-button:where(:dir(rtl)){padding-right:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-button{padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}}.sf-button:where(:dir(ltr)){padding-right:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-button{padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-button{padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}}.sf-button:where(:dir(rtl)){padding-left:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}}.sf-button:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-button--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}}.sf-button:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-button--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-button{border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}}.sf-button:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-button--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-button{border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}}.sf-button:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-button--border-inline-start-width, 0)}.sf-button{--sf-button--radius: var(--sf-button-radius, var(--sf-radius--ui));border-end-end-radius:var(--sf-button--radius);border-end-end-radius:var(--sf-button--border-bottom-right-radius, var(--sf-button--radius));border-end-start-radius:var(--sf-button--radius);border-end-start-radius:var(--sf-button--border-bottom-left-radius, var(--sf-button--radius));border-start-end-radius:var(--sf-button--radius);border-start-end-radius:var(--sf-button--border-top-right-radius, var(--sf-button--radius));border-start-start-radius:var(--sf-button--radius);border-start-start-radius:var(--sf-button--border-top-left-radius, var(--sf-button--radius));-webkit-padding-start:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width));padding-inline-start:calc(var(--sf-button--padding-inline-start) - var(--sf-button--border-inline-start-width));padding-top:calc(var(--sf-button--padding-top) - var(--sf-button--border-top-width));-webkit-padding-end:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width));padding-inline-end:calc(var(--sf-button--padding-inline-end) - var(--sf-button--border-inline-end-width));padding-bottom:calc(var(--sf-button--padding-bottom) - var(--sf-button--border-bottom-width));--sf-button--border-top-width: var(--sf-button-border-width, 0);--sf-button--border-bottom-width: var(--sf-button-border-width, 0);--sf-button--border-inline-start-width: var(--sf-button-border-width, 0);--sf-button--border-inline-end-width: var(--sf-button-border-width, 0);background-color:var(--sf-button--background-color);border-color:transparent;border-color:var(--sf-button--border-color, var(--sf-button-border-color, transparent));border-width:0;border-width:var(--sf-button--border-width, 0);border-top-width:0;border-top-width:var(--sf-button--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-button--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-button--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-button--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-button--border-style, solid);box-shadow:0 0 rgba(0, 0, 0, 0),0 0 rgba(0, 0, 0, 0);box-shadow:var(--sf-button--focus-inset, 0 0 rgba(0, 0, 0, 0)),var(--sf-button--box-shadow, 0 0 rgba(0, 0, 0, 0))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-end)}}.sf-button .sf-button-text-container:where(:dir(ltr)){padding-right:var(--sf-button-text-container--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-end)}}.sf-button .sf-button-text-container:where(:dir(rtl)){padding-left:var(--sf-button-text-container--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-button .sf-button-text-container{padding-left:var(--sf-button-text-container--padding-inline-start)}}.sf-button .sf-button-text-container:where(:dir(ltr)){padding-left:var(--sf-button-text-container--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-button .sf-button-text-container{padding-right:var(--sf-button-text-container--padding-inline-start)}}.sf-button .sf-button-text-container:where(:dir(rtl)){padding-right:var(--sf-button-text-container--padding-inline-start)}.sf-button .sf-button-text-container{word-break:normal;--sf-button-text-container--background-color: transparent;background-color:var(--sf-button-text-container--background-color);color:var(--sf-button-text-container--color);font-family:var(--sf-button-text-container--font-family);font-size:var(--sf-button-text-container--font-size);font-weight:var(--sf-button-text-container--font-weight);line-height:var(--sf-button-text-container--line-height);-webkit-padding-end:var(--sf-button-text-container--padding-inline-end);padding-inline-end:var(--sf-button-text-container--padding-inline-end);-webkit-padding-start:var(--sf-button-text-container--padding-inline-start);padding-inline-start:var(--sf-button-text-container--padding-inline-start)}.sf-button .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon-size-3);font-size:var(--sf-icon--font-size, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3))}.sf-button.sf-button--default.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-primary))}.sf-button.sf-button--default.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-secondary))}.sf-button.sf-button--size-1 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1--text-space-x)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--secondary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--default.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-primary))}.sf-button.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-secondary))}.sf-button.sf-button--default.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-on-primary)}.sf-button.sf-button--default.sf-button--secondary .sf-icon{--sf-icon--color: var(--sf-on-secondary)}.sf-button.sf-button--default.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-on-surface))}.sf-button.sf-button--default.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface-inverse))}.sf-button.sf-button--default.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface-inverse)}.sf-button.sf-button--tonal.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-secondary-container))}.sf-button.sf-button--tonal.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, var(--sf-primary-container))}.sf-button.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-secondary-container))}.sf-button.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-primary-container))}.sf-button.sf-button--tonal.sf-button--secondary .sf-icon{--sf-icon--color: var(--sf-on-secondary-container)}.sf-button.sf-button--tonal.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-on-primary-container)}.sf-button.sf-button--tonal.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-button.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--link.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--ghost.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--tonal.sf-button--on-surface .sf-icon,.sf-button.sf-button--outline.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--outline.sf-button--primary,.sf-button.sf-button--outline.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent);--sf-button--border-color: var(--sf-button-border-color, var(--sf-outline))}.sf-button.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--outline.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--link.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--ghost.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--outline.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-button.sf-button--link.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--primary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--link.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--on-surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--loading.sf-button--default.sf-button--primary,.sf-button.sf-button--loading.sf-button--default.sf-button--secondary{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--size-2 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-2--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-2--text-space-x)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-3 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-3--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-3--text-space-x)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-1\/2 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1\/2--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1\/2--text-space-x)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/3 .sf-button-text-container{--sf-button-text-container--padding-inline-end: var(--sf-ui-1\/3--text-space-x);--sf-button-text-container--padding-inline-start: var(--sf-ui-1\/3--text-space-x)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--primary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--on-surface .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--primary .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--secondary .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button--size-1{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-default))}.sf-button.sf-button--size-1 .sf-icon{--sf-icon--font-size: var(--sf-text-height-1);--sf-icon--height: var(--sf-text-height-1);--sf-icon--width: var(--sf-text-height-1)}.sf-button--size-1.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low))}.sf-button--size-1.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-low))}.sf-button--size-1.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high))}.sf-button--size-1.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-high))}.sf-button--size-1.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest))}.sf-button--size-1.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1--space-y-tightness-highest))}.sf-button--size-2{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-2--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-2--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-default))}.sf-button.sf-button--size-2 .sf-icon{--sf-icon--font-size: var(--sf-text-height-2);--sf-icon--height: var(--sf-text-height-2);--sf-icon--width: var(--sf-text-height-2)}.sf-button--size-2.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low))}.sf-button--size-2.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-low))}.sf-button--size-2.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high))}.sf-button--size-2.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-high))}.sf-button--size-2.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest))}.sf-button--size-2.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-2--space-y-tightness-highest))}.sf-button--size-3{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-3--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-3--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-default))}.sf-button.sf-button--size-3 .sf-icon{--sf-icon--font-size: var(--sf-text-height-3);--sf-icon--height: var(--sf-text-height-3);--sf-icon--width: var(--sf-text-height-3)}.sf-button--size-3.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low))}.sf-button--size-3.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-low))}.sf-button--size-3.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high))}.sf-button--size-3.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-high))}.sf-button--size-3.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest))}.sf-button--size-3.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-3--space-y-tightness-highest))}.sf-button--size-1\/2{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1\/2--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1\/2--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default))}.sf-button.sf-button--size-1\/2 .sf-icon{--sf-icon--font-size: var(--sf-text-height-1\/2);--sf-icon--height: var(--sf-text-height-1\/2);--sf-icon--width: var(--sf-text-height-1\/2)}.sf-button--size-1\/2.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-button--size-1\/2.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-button--size-1\/2.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-button--size-1\/2.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-button--size-1\/2.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-button--size-1\/2.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-button--size-1\/3{--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-button--padding-inline-end: var(--sf-button-padding-inline, var(--sf-ui-1\/3--space-x));--sf-button--padding-inline-start: var(--sf-button-padding-inline, var(--sf-ui-1\/3--space-x));--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default))}.sf-button.sf-button--size-1\/3 .sf-icon{--sf-icon--font-size: var(--sf-text-height-1\/3);--sf-icon--height: var(--sf-text-height-1\/3);--sf-icon--width: var(--sf-text-height-1\/3)}.sf-button--size-1\/3.tightness-low{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-button--size-1\/3.spacing-compact{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-button--size-1\/3.tightness-high{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-button--size-1\/3.spacing-comfortable{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-button--size-1\/3.tightness-highest{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-button--size-1\/3.spacing-spacious{--sf-button--padding-top: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-button--padding-bottom: var(--sf-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-button--outline{--sf-button--border-bottom-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-style: solid;--sf-button--border-top-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-width: var(--sf-px)}.sf-button.radius-default{border-radius:var(--sf-radius-default)}.sf-button.radius-square{border-radius:var(--sf-radius-square)}.sf-button.radius-rounded{border-radius:var(--sf-radius-rounded)}.sf-button.segment-start{--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-inline-end-width: var(--sf-px)}.sf-button.segment-middle{--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-button--border-top-right-radius: var(--sf-radius-square);--sf-button--border-bottom-right-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button.segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button.segment-end:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button.segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button.segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button.segment-end{--sf-button--border-top-left-radius: var(--sf-radius-square);--sf-button--border-bottom-left-radius: var(--sf-radius-square);border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent);--sf-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-end{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-end:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-end{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-end:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-end{border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-start{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-start:where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-start{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-start:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-start{border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){html:not([dir="rtl"]) .sf-button:not(.sf-button--outline).segment-middle{border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(ltr)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-start-color: initial){[dir="rtl"] .sf-button:not(.sf-button--outline).segment-middle{border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-button:not(.sf-button--outline).segment-middle:where(:dir(rtl)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}.sf-button:not(.sf-button--outline).segment-middle{border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent);border-inline-start-color:transparent;border-inline-start-color:var(--sf-white--alfa-24, transparent)}.sf-button.sf-button--surface{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--surface{--sf-button--background-color: var(--sf-button-background-color, var(--sf-alpha-4));--sf-button--border-color: var(--sf-button-border-color, var(--sf-alpha-8));--sf-button--border-bottom-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-end-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-inline-start-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-style: solid;--sf-button--border-top-width: var(--sf-button-border-width, var(--sf-px));--sf-button--border-width: var(--sf-px)}.sf-button.sf-button--size-1.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--surface .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3);--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--surface.sf-button--on-surface .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-surface))}.sf-button.sf-button--surface.sf-button--on-surface .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-button.sf-button--surface.sf-button--primary .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-primary))}.sf-button.sf-button--surface.sf-button--primary .sf-icon{--sf-icon--color: var(--sf-primary)}}@layer sf.states{.sf-button.sf-button--link.sf-button--primary.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):focus-visible,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--tonal.sf-button--secondary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--tonal.sf-button--primary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--default.sf-button--primary:disabled,.sf-button.sf-button--default.sf-button--on-surface:disabled,.sf-button.sf-button--tonal.sf-button--on-surface:disabled,.sf-button.sf-button--default.sf-button--secondary:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--tonal.sf-button--secondary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--tonal.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--link.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--primary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--link.sf-button--on-surface:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--on-surface:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--default.sf-button--primary:disabled .sf-button-text-container,.sf-button.sf-button--default.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--primary:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:disabled .sf-button-text-container,.sf-button.sf-button--default.sf-button--secondary:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--outline.sf-button--primary:disabled{--sf-button--border-color: var(--sf-outline-disable)}.sf-button.sf-button--outline.sf-button--on-surface:disabled{--sf-button--border-color: var(--sf-outline-variant)}.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-hover)}.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-secondary-hover)}.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-on-surface-hover)}.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-secondary-container-hover)}.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):hover,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-surface-container-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-primary-container-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-hover)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-primary-hover)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-on-surface-hover)}.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--primary:not(:disabled):not(.disabled).active,.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--secondary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-active)}.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--on-surface:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-on-surface-active)}.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--secondary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-secondary-container-active)}.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--primary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled).active,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-surface-container-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-primary-container-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--primary.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--ghost.sf-button--primary.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--primary:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-primary-active)}.sf-button.sf-button--link.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--link.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--ghost.sf-button--on-surface.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--on-surface:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-on-surface-active)}.sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-button--focus-ink, transparent)}.sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-button--focus-ink, transparent)}.sf-button.sf-button--default.sf-button--primary{--sf-button--focus-ink: var(--sf-on-primary)}.sf-button.sf-button--default.sf-button--secondary{--sf-button--focus-ink: var(--sf-on-secondary)}.sf-button.sf-button--default.sf-button--on-surface{--sf-button--focus-ink: var(--sf-on-surface-inverse, var(--sf-surface-0))}@media(forced-colors: active){.sf-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}.sf-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}}.sf-button.sf-button.sf-button:disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-alpha-8)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):hover{--sf-button--border-color: var(--sf-alpha-12)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-alpha-12)}.sf-button.sf-button--surface.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-alpha-12)}.sf-button.sf-button--surface:not(:disabled):not(.disabled):active{--sf-button--border-color: var(--sf-alpha-16)}.sf-button.sf-button--surface.active:not(:disabled):not(.disabled){--sf-button--border-color: var(--sf-alpha-16)}.sf-button.sf-button--surface:disabled,.sf-button.sf-button--surface.disabled{--sf-button--background-color: transparent;--sf-button--border-color: var(--sf-alpha-4)}.sf-button.sf-button--surface:disabled .sf-button-text-container,.sf-button.sf-button--surface.disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--surface:disabled .sf-icon,.sf-button.sf-button--surface.disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}}@layer sf.components{.sf-button.sf-button--default.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, var(--sf-error))}.sf-button.sf-button--size-1.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1);--sf-button-text-container--line-height: var(--sf-text-height-1)}.sf-button.sf-button--size-1.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--size-1.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-family: var(--sf-text--family);--sf-button-text-container--font-weight: var(--sf-font-weight-medium)}.sf-button.sf-button--default.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-error))}.sf-button.sf-button--default.sf-button--error .sf-icon{--sf-icon--color: var(--sf-on-error)}.sf-button.sf-button--tonal.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, var(--sf-error-container))}.sf-button.sf-button--tonal.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-on-error-container))}.sf-button.sf-button--tonal.sf-button--error .sf-icon{--sf-icon--color: var(--sf-on-error-container)}.sf-button.sf-button--outline.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent);--sf-button--border-color: var(--sf-button-border-color, var(--sf-outline))}.sf-button.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--color: var(--sf-button-color, var(--sf-error))}.sf-button.sf-button--link.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--ghost.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--outline.sf-button--error .sf-icon{--sf-icon--color: var(--sf-error)}.sf-button.sf-button--link.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--ghost.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--loading.sf-button--default.sf-button--error{--sf-button--background-color: var(--sf-button-background-color, transparent)}.sf-button.sf-button--size-2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-2.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-2);--sf-button-text-container--line-height: var(--sf-text-height-2)}.sf-button.sf-button--size-3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-3);--sf-button-text-container--line-height: var(--sf-text-height-3)}.sf-button.sf-button--size-1\/2.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/2.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/2.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/2);--sf-button-text-container--line-height: var(--sf-text-height-1\/2)}.sf-button.sf-button--size-1\/3.sf-button--link.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--ghost.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}.sf-button.sf-button--size-1\/3.sf-button--default.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--tonal.sf-button--error .sf-button-text-container,.sf-button.sf-button--size-1\/3.sf-button--outline.sf-button--error .sf-button-text-container{--sf-button-text-container--font-size: var(--sf-text-size-1\/3);--sf-button-text-container--line-height: var(--sf-text-height-1\/3)}}@layer sf.states{.sf-button.sf-button--link.sf-button--error.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error.focus-visible:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):focus-visible{--sf-button--background-color: var(--sf-transparent-for-focus)}.sf-button.sf-button--default.sf-button--error:disabled,.sf-button.sf-button--tonal.sf-button--error:disabled{--sf-button--background-color: var(--sf-disable)}.sf-button.sf-button--link.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--ghost.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--default.sf-button--error:disabled .sf-button-text-container,.sf-button.sf-button--tonal.sf-button--error:disabled .sf-button-text-container,.sf-button.sf-button--outline.sf-button--error:disabled .sf-button-text-container{--sf-button-text-container--color: var(--sf-on-disable)}.sf-button.sf-button--outline.sf-button--error:disabled{--sf-button--border-color: var(--sf-outline-disable)}.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-hover)}.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover{--sf-button--background-color: var(--sf-error-container-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-hover)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):hover .sf-icon{--sf-icon--color: var(--sf-error-hover)}.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--default.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-active)}.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--tonal.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled){--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active{--sf-button--background-color: var(--sf-error-container-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled) .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active .sf-button-text-container,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active .sf-button-text-container{--sf-button-text-container--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error:not(:disabled):not(.disabled):active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--link.sf-button--error.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--ghost.sf-button--error.active:not(:disabled):not(.disabled) .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled):active .sf-icon,.sf-button.sf-button--outline.sf-button--error:not(:disabled):not(.disabled).active .sf-icon{--sf-icon--color: var(--sf-error-active)}.sf-button.sf-button--default.sf-button--error{--sf-button--focus-ink: var(--sf-on-error)}}@layer sf.components{.sf-button,.sf-icon-button{transition-duration:var(--sf-duration-fast);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--sf-animation)}.sf-button{--sf-button-loading-stripe: var(--sf-alpha-8)}.sf-button>*{position:relative;z-index:1}.sf-button.loading,.sf-button.sf-button-state-loading{pointer-events:none;position:relative;overflow:hidden}.sf-button.loading::after,.sf-button.sf-button-state-loading::after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;inset:-50%;background-image:repeating-linear-gradient(135deg, var(--sf-button-loading-stripe) 0, var(--sf-button-loading-stripe) var(--sf-space-1\/2), transparent var(--sf-space-1\/2), transparent var(--sf-space-1));-webkit-animation:sf-button-stripes-slide calc(var(--sf-duration-slow)*2) linear infinite;animation:sf-button-stripes-slide calc(var(--sf-duration-slow)*2) linear infinite;will-change:transform;pointer-events:none}@-webkit-keyframes sf-button-stripes-slide{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(var(--sf-space-1) * 1.41421356));transform:translateX(calc(var(--sf-space-1) * 1.41421356))}}@keyframes sf-button-stripes-slide{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(calc(var(--sf-space-1) * 1.41421356));transform:translateX(calc(var(--sf-space-1) * 1.41421356))}}@media(prefers-reduced-motion: reduce){.sf-button,.sf-icon-button{transition-duration:0s}.sf-button.loading::after,.sf-button.sf-button-state-loading::after{-webkit-animation:none;animation:none}}}@layer sf.override{.sf-button.sf-button--link[class*=segment-]{border-color:var(--sf-outline);--sf-button--border-top-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px)}.sf-button.sf-button--link.segment-start,.sf-button.sf-button--link.segment-middle{--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: 0}.sf-button.sf-button--link.segment-end{--sf-button--border-inline-start-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px)}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button:has(.sf-button--outline[class*=segment-])+sf-icon-button .sf-icon-button[class*=segment-]:not(.sf-icon-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-button[class*=segment-]:not(.sf-button--outline){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button.sf-button--outline[class*=segment-]+.sf-button[class*=segment-]:not(.sf-button--outline){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(\%2Bsf-icon-button\%20.sf-icon-button--outline\[class*\%3Dsegment-\]\)] .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline) [\:has\(\%2B.sf-icon-button.sf-icon-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(+sf-icon-button .sf-icon-button--outline[class*=segment-]) .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline) :has(+.sf-icon-button.sf-icon-button--outline[class*=segment-]){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline)[\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button[class*=segment-]:not(.sf-button--outline),.sf-button[class*=segment-]:not(.sf-button--outline):has(+.sf-button.sf-button--outline[class*=segment-]){--sf-button--border-top-width: var(--sf-px);--sf-button--border-inline-end-width: var(--sf-px);--sf-button--border-bottom-width: var(--sf-px);--sf-button--border-inline-start-width: var(--sf-px)}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-left-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}@supports not (border-inline-start-width: initial){[dir="rtl"] sf-button[*|\:has\(.sf-button--outline\[class]+sf-button .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{border-right-width:0}}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)){border-right-width:0}sf-button[\:has\(.sf-button--outline\[class*\%3Dsegment-\]\)]+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}sf-button:has(.sf-button--outline[class*=segment-])+sf-button .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--outline[class*=segment-]+.sf-button.sf-button--link[class*=segment-]{--sf-button--border-inline-start-width: 0;border-inline-start-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-inline-end-width: 0;border-inline-end-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-right-width:0}}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]):where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){border-left-width:0}}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]):where(:dir(rtl)){border-left-width:0}_:-ms-input-placeholder, html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],html:not([dir="rtl"]) .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-right-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(ltr)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(ltr)){border-right-width:0}_:-ms-input-placeholder, [dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}@supports not (border-inline-end-width: initial){[dir="rtl"] sf-button[*|\:has\(\%2Bsf-button\%20.sf-button--outline\[class] .sf-button.sf-button--link[class*=segment-],[dir="rtl"] .sf-button.sf-button--link[class*=segment-][*|\:has\(\%2B.sf-button.sf-button--outline\[class]{border-left-width:0}}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-]:where(:dir(rtl)),.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]:where(:dir(rtl)){border-left-width:0}sf-button[\:has\(\%2Bsf-button\%20.sf-button--outline\[class*\%3Dsegment-\]\)] .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-][\:has\(\%2B.sf-button.sf-button--outline\[class*\%3Dsegment-\]\)]{--sf-button--border-inline-end-width: 0;border-inline-end-width:0}sf-button:has(+sf-button .sf-button--outline[class*=segment-]) .sf-button.sf-button--link[class*=segment-],.sf-button.sf-button--link[class*=segment-]:has(+.sf-button.sf-button--outline[class*=segment-]){--sf-button--border-inline-end-width: 0;border-inline-end-width:0}}

package/distr/component/buttons/js/buttons.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class t{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(t){this.props=t,this.id=t?.id,this.params=t?.param,this.attrs=t?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(t){if(!Array.isArray(t))return[];const i=new Set;return t.forEach(t=>{if("string"!=typeof t)return;const s=t.match(/\(([^)]+)\)/g);s&&s.forEach(t=>{t.slice(1,-1).split(/\s+/).filter(Boolean).forEach(t=>{t.startsWith(".")&&t.length>1&&i.add(t.slice(1))})})}),Array.from(i)}applyLayoutUtilities(t,i){if(!t||!i)return;const s=this.getUtilityMap();if(!s||!s[i])return;this.extractUtilityClasses(s[i]).forEach(i=>t.classList.add(i))}render(){return this.html=this.template,"function"==typeof this.init&&this.init(),this.html&&window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:render`,{detail:this})),this.html}destroy(){this.destroyInternal?.(),this.props=null,this.id=null,this.params=null,this.template=null,this.html&&(this.html.remove(),this.html=null),window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:destroy`,{detail:this}))}destroyInternal(){}}const i=JSON.parse('{".sf-button":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-button .sf-icon":["display/flex (.flex)","justify-content/center (.justify-center)","align-items/center (.items-center)"],".sf-button .sf-button-text-container":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","justify-content/center (.justify-center)","align-items/center (.items-center)"]}');const s=function(t,i){if(t&&i)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(t,i);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([t,i])}}else window.registerSfComponent(t,i)};class e extends t{static componentName="Buttons";html=null;constructor(t){super(t);const{size:i="1",type:s="default",scheme:e="primary",text:n="",icon:o,iconLeft:a,iconRight:r,iconPosition:l="start",tightness:c,spacing:h,radius:u,loading:d=!1,disabled:f=!1,utilities:p={}}=this.params||{},y=this.attrs.class||this.attrs.className;this.button=document.createElement("button"),this.id&&(this.button.id=this.id),this.button.classList.add("sf-button",`sf-button--size-${i}`,`sf-button--${s}`,`sf-button--${e}`);const m=["normal","compact","comfortable","spacious"].includes(h);m&&"normal"!==h?this.button.classList.add(`spacing-${h}`):!m&&c&&this.button.classList.add(`tightness-${c}`),u&&this.button.classList.add(`radius-${u}`),d&&(this.button.classList.add("loading","sf-button-state-loading"),this.button.setAttribute("aria-busy","true"),this.button.disabled=!0),f&&(this.button.disabled=!0),y&&this.button.classList.add(...`${y}`.split(" ").filter(Boolean)),Object.entries(this.attrs).filter(([t])=>!["class","className"].includes(t)).forEach(([t,i])=>{null!=i&&this.button.setAttribute(t,i)}),this.button.hasAttribute("type")||this.button.setAttribute("type","button");const b=`${l}`.toLowerCase(),w=["right","end"].includes(b),x=a??(o&&!w?o:null),g=r??(o&&w?o:null);this.iconLeft=this.createIcon(x),this.iconRight=this.createIcon(g),this.textContainer=document.createElement("span"),this.textContainer.classList.add("sf-button-text-container"),this.textElement=document.createElement("span"),this.textElement.classList.add("sf-button-text"),this.textContainer.textContent=n,this.applyLayoutUtilities(this.button,".sf-button"),this.applyLayoutUtilities(this.iconLeft,".sf-button .sf-icon"),this.applyLayoutUtilities(this.iconRight,".sf-button .sf-icon"),this.applyLayoutUtilities(this.textContainer,".sf-button .sf-button-text-container"),this.applyUtilities(this.button,p.button??p),this.applyUtilities(this.iconLeft,p.icon),this.applyUtilities(this.iconRight,p.icon),this.applyUtilities(this.textContainer,p.textContainer),this.iconLeft&&this.button.append(this.iconLeft),this.button.append(this.textContainer),this.iconRight&&this.button.append(this.iconRight),this.template=this.button}createIcon(t){if(!t)return null;const i=document.createElement("i");return i.classList.add("sf-icon"),i.setAttribute("aria-hidden","true"),i.textContent=t,i}applyUtilities(t,i){if(!t||!i)return;var s;(s=i,Array.isArray(s)?s:"string"==typeof s?s.split(" "):Array.isArray(s?.classes)?s.classes:"string"==typeof s?.classes?s.classes.split(" "):Array.isArray(s?.button)?s.button:"string"==typeof s?.button?s.button.split(" "):[]).filter(Boolean).forEach(i=>t.classList.add(i))}}e.utilityMap=i,s("Buttons",e)})();

package/distr/component/buttons/json/button.utility.json

@@ -0,0 +1,21 @@
+{
+  ".sf-button": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-button .sf-icon": [
+    "display/flex (.flex)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ],
+  ".sf-button .sf-button-text-container": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "justify-content/center (.justify-center)",
+    "align-items/center (.items-center)"
+  ]
+}

package/distr/component/carousel/css/carousel.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-carousel{--sf-carousel--block-size: var(--sf-g3);--sf-carousel-control--background-color: var(--sf-primary);--sf-carousel-control--color: var(--sf-on-primary);--sf-carousel-pagination--background-color: var(--sf-primary);--sf-carousel-pagination-item--color: var(--sf-on-primary);height:var(--sf-carousel--block-size);block-size:var(--sf-carousel--block-size);width:100%;inline-size:100%;margin-left:auto;margin-right:auto;margin-inline:auto;min-width:0;min-inline-size:0;overflow:hidden;position:relative}.sf-carousel .sf-carousel-slider,.sf-carousel .swiper{height:100%;block-size:100%;width:100%;inline-size:100%;min-width:0;min-inline-size:0}.sf-carousel .swiper-wrapper{box-sizing:border-box;display:flex;height:100%;block-size:100%}.sf-carousel .sf-carousel-slide,.sf-carousel .swiper-slide{height:100%;block-size:100%;flex-shrink:0;width:100%;inline-size:100%;min-width:0;min-inline-size:0}.sf-carousel .sf-carousel-slide img,.sf-carousel .swiper-slide img{height:100%;block-size:100%;display:block;width:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.sf-carousel-switch,.sf-carousel-rotation{-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center;background-color:var(--sf-carousel-control--background-color);border:0;border-radius:var(--sf-radius--ui);color:var(--sf-carousel-control--color);cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-height:var(--sf-ui-1--control-height);min-block-size:var(--sf-ui-1--control-height);min-width:var(--sf-ui-1--control-height);min-inline-size:var(--sf-ui-1--control-height);padding:var(--sf-ui-1--space-y)}.sf-carousel-switch:hover,.sf-carousel-rotation:hover{--sf-carousel-control--background-color: var(--sf-primary-hover);--sf-carousel-control--color: var(--sf-on-primary)}.sf-carousel-switch.focus-visible,.sf-carousel-rotation.focus-visible,.sf-carousel-pagination-item.focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-carousel-switch:focus-visible,.sf-carousel-rotation:focus-visible,.sf-carousel-pagination-item:focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-carousel-switch--secondary-container{--sf-carousel-control--background-color: var(--sf-secondary-container);--sf-carousel-control--color: var(--sf-on-secondary-container)}.sf-carousel-switch--secondary-container:hover{--sf-carousel-control--background-color: var(--sf-secondary-container-hover);--sf-carousel-control--color: var(--sf-on-secondary-container)}.sf-carousel-switch--surface-inverse{--sf-carousel-control--background-color: var(--sf-surface-inverse);--sf-carousel-control--color: var(--sf-on-surface-inverse)}.sf-carousel-switch--surface-inverse:hover{--sf-carousel-control--background-color: var(--sf-surface-inverse-hover);--sf-carousel-control--color: var(--sf-on-surface-inverse)}.sf-carousel-switch--surface-zero{--sf-carousel-control--background-color: var(--sf-surface-0);--sf-carousel-control--color: var(--sf-on-surface)}.sf-carousel-switch--surface-zero:hover{--sf-carousel-control--background-color: var(--sf-surface-1);--sf-carousel-control--color: var(--sf-on-surface-hover)}.sf-carousel-switch--big{min-height:var(--sf-ui-2--control-height);min-block-size:var(--sf-ui-2--control-height);min-width:var(--sf-ui-2--control-height);min-inline-size:var(--sf-ui-2--control-height);padding:var(--sf-ui-2--space-y)}.sf-carousel .sf-carousel-switch{top:50%;inset-block-start:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--right,html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--next{right:var(--sf-space-1)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--right,html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--next{right:var(--sf-space-1)}}.sf-carousel .sf-carousel-switch--right:where(:dir(ltr)),.sf-carousel .sf-carousel-switch--next:where(:dir(ltr)){right:var(--sf-space-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-carousel .sf-carousel-switch--right,[dir="rtl"] .sf-carousel .sf-carousel-switch--next{left:var(--sf-space-1)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-carousel .sf-carousel-switch--right,[dir="rtl"] .sf-carousel .sf-carousel-switch--next{left:var(--sf-space-1)}}.sf-carousel .sf-carousel-switch--right:where(:dir(rtl)),.sf-carousel .sf-carousel-switch--next:where(:dir(rtl)){left:var(--sf-space-1)}.sf-carousel .sf-carousel-switch--right,.sf-carousel .sf-carousel-switch--next{inset-inline-end:var(--sf-space-1)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--left,html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--prev{left:var(--sf-space-1)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--left,html:not([dir="rtl"]) .sf-carousel .sf-carousel-switch--prev{left:var(--sf-space-1)}}.sf-carousel .sf-carousel-switch--left:where(:dir(ltr)),.sf-carousel .sf-carousel-switch--prev:where(:dir(ltr)){left:var(--sf-space-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-carousel .sf-carousel-switch--left,[dir="rtl"] .sf-carousel .sf-carousel-switch--prev{right:var(--sf-space-1)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-carousel .sf-carousel-switch--left,[dir="rtl"] .sf-carousel .sf-carousel-switch--prev{right:var(--sf-space-1)}}.sf-carousel .sf-carousel-switch--left:where(:dir(rtl)),.sf-carousel .sf-carousel-switch--prev:where(:dir(rtl)){right:var(--sf-space-1)}.sf-carousel .sf-carousel-switch--left,.sf-carousel .sf-carousel-switch--prev{inset-inline-start:var(--sf-space-1)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-carousel .sf-carousel-rotation{right:var(--sf-space-1)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-carousel .sf-carousel-rotation{right:var(--sf-space-1)}}.sf-carousel .sf-carousel-rotation:where(:dir(ltr)){right:var(--sf-space-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-carousel .sf-carousel-rotation{left:var(--sf-space-1)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-carousel .sf-carousel-rotation{left:var(--sf-space-1)}}.sf-carousel .sf-carousel-rotation:where(:dir(rtl)){left:var(--sf-space-1)}.sf-carousel .sf-carousel-rotation{top:var(--sf-space-1);inset-block-start:var(--sf-space-1);inset-inline-end:var(--sf-space-1);position:absolute;z-index:2}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-carousel-pagination{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-carousel-pagination{left:50%}}.sf-carousel-pagination:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-carousel-pagination{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-carousel-pagination{right:50%}}.sf-carousel-pagination:where(:dir(rtl)){right:50%}.sf-carousel-pagination{align-items:center;background-color:var(--sf-carousel-pagination--background-color);border-radius:var(--sf-radius--ui);display:inline-flex;gap:var(--sf-space-1\/2);bottom:var(--sf-space-1);inset-block-end:var(--sf-space-1);inset-inline-start:50%;padding:var(--sf-space-1\/2);position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2}.sf-carousel-pagination-item,button.sf-carousel-pagination-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:0;border-radius:var(--sf-radius-circle);color:var(--sf-carousel-pagination-item--color);cursor:pointer;min-height:var(--sf-ui-1\/3--control-height);min-block-size:var(--sf-ui-1\/3--control-height);min-width:var(--sf-ui-1\/3--control-height);min-inline-size:var(--sf-ui-1\/3--control-height);padding:0;position:relative}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-carousel-pagination-item::after{left:50%}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-carousel-pagination-item::after{left:50%}}.sf-carousel-pagination-item::after:where(:dir(ltr)){left:50%}_:-ms-input-placeholder, [dir="rtl"] .sf-carousel-pagination-item::after{right:50%}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-carousel-pagination-item::after{right:50%}}.sf-carousel-pagination-item::after:where(:dir(rtl)){right:50%}.sf-carousel-pagination-item::after{background-color:currentColor;border-radius:var(--sf-radius-circle);height:var(--sf-a8);block-size:var(--sf-a8);content:"";width:var(--sf-a8);inline-size:var(--sf-a8);top:50%;inset-block-start:50%;inset-inline-start:50%;opacity:var(--sf-opacity-40);position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.sf-carousel-pagination-item:hover::after,.sf-carousel-pagination-item--active::after,.swiper-pagination-bullet-active::after{opacity:1;opacity:initial}.sf-carousel-pagination--primary-container{--sf-carousel-pagination--background-color: var(--sf-primary-container);--sf-carousel-pagination-item--color: var(--sf-on-primary-container)}.sf-carousel-pagination--surface-2{--sf-carousel-pagination--background-color: var(--sf-surface-1);--sf-carousel-pagination-item--color: var(--sf-on-surface)}.sf-carousel-pagination--surface-inverse{--sf-carousel-pagination--background-color: var(--sf-surface-inverse);--sf-carousel-pagination-item--color: var(--sf-on-surface-inverse)}.sf-carousel-pagination--no-background{--sf-carousel-pagination--background-color: transparent;--sf-carousel-pagination-item--color: var(--sf-primary)}.sf-carousel-pagination--big .sf-carousel-pagination-item{min-height:var(--sf-ui-1--control-height);min-block-size:var(--sf-ui-1--control-height);min-width:var(--sf-ui-1--control-height);min-inline-size:var(--sf-ui-1--control-height)}.sf-carousel .swiper-button-disabled{cursor:default;opacity:var(--sf-opacity-40)}@media(prefers-reduced-motion: reduce){.sf-carousel .swiper-wrapper,.sf-carousel .sf-carousel-slide{transition-duration:0s !important}}@media(forced-colors: active){.sf-carousel-switch,.sf-carousel-rotation,.sf-carousel-pagination{border:var(--sf-focus-outline-width) solid ButtonText;forced-color-adjust:none}.sf-carousel-pagination-item{color:ButtonText}.sf-carousel-pagination-item--active{color:Highlight}}}

package/distr/component/carousel/js/carousel.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";const e=".sf-carousel",t="sfCarouselBound",a="sfCarouselWaiting";function n(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on"].includes(String(e).toLowerCase())}function o(e,t,a,n){const o=Number(e);return Number.isFinite(o)?Math.min(n,Math.max(a,o)):t}function r(e){return{main:e.querySelector(".sf-carousel-slider.swiper, .swiper"),next:e.querySelector(".sf-carousel-switch--right, .sf-carousel-switch--next"),previous:e.querySelector(".sf-carousel-switch--left, .sf-carousel-switch--prev"),pagination:e.querySelector(".sf-carousel-pagination"),rotation:e.querySelector(".sf-carousel-rotation")}}function s(e){const t=e._sfCarouselAuthoredState;if(!t)return;const a={"aria-hidden":t.ariaHidden,"aria-label":t.ariaLabel,role:t.role,"aria-roledescription":t.roleDescription};Object.entries(a).forEach(([t,a])=>{null===a?e.removeAttribute(t):e.setAttribute(t,a)}),e.toggleAttribute("inert",t.inert),delete e._sfCarouselAuthoredState}function i(e){const t=e._sfCarousel,{main:a,rotation:n}=r(e);if(!t||!a)return;const o=[...a.querySelectorAll(".swiper-wrapper > .swiper-slide")],s=t.activeIndex??0;o.forEach((t,a)=>{!function(e){e._sfCarouselAuthoredState||(e._sfCarouselAuthoredState={ariaHidden:e.getAttribute("aria-hidden"),ariaLabel:e.getAttribute("aria-label"),role:e.getAttribute("role"),roleDescription:e.getAttribute("aria-roledescription"),inert:e.hasAttribute("inert")})}(t);const n=a===s||t.classList.contains("swiper-slide-active");t.setAttribute("role","group"),t.setAttribute("aria-roledescription","slide"),t._sfCarouselAuthoredState.ariaLabel||t.setAttribute("aria-label",function(e,t,a){const n=String(e.dataset.slideLabel||"").trim();return n?n.replaceAll("{{index}}",String(t+1)).replaceAll("{{count}}",String(a)):`${t+1} / ${a}`}(e,a,o.length)),t.setAttribute("aria-hidden",String(!n)),t.toggleAttribute("inert",!n)});const i=Boolean(t.autoplay?.running);e.dataset.rotation=i?"playing":"paused",a.setAttribute("aria-live",i?"off":"polite"),n&&(n.setAttribute("aria-pressed",String(!i)),function(e,t,a){const n=String(a||"").trim();n?e.setAttribute(t,n):e.removeAttribute(t)}(n,"aria-label",i?e.dataset.pauseLabel:e.dataset.playLabel)),e.dispatchEvent(new CustomEvent("sf:carousel-change",{bubbles:!0,detail:{index:t.realIndex??s,playing:i}}))}function l(e,t="api"){const a=e?._sfCarousel;return!!a&&(a.autoplay?.stop?.(),e.dataset.pauseReason=t,i(e),!0)}function u(e,t="api"){const a=e?._sfCarousel;return!(!a||!e._sfCarouselAutoplayAllowed)&&(a.autoplay?.start?.(),delete e.dataset.pauseReason,e.dataset.playReason=t,i(e),!0)}function d(e){if(!(e instanceof HTMLElement))return null;if("true"===e.dataset[t])return e._sfCarousel;if("function"!=typeof window.Swiper)return function(e){if("true"===e.dataset[a])return null;e.dataset[a]="true";let t=0;const n=()=>{if(document.documentElement.contains(e)){if("function"==typeof window.Swiper)return delete e.dataset[a],void d(e);t+=1,t<40?window.setTimeout(n,50):delete e.dataset[a]}};return window.setTimeout(n,0),null}(e);const{main:s,next:c,previous:f,pagination:p,rotation:b}=r(e);if(!(s instanceof HTMLElement))return null;const g=n(e.dataset.autoplay,!1)&&b instanceof HTMLButtonElement&&Boolean(e.dataset.playLabel?.trim())&&Boolean(e.dataset.pauseLabel?.trim());e._sfCarouselAutoplayAllowed=g;const m=e.getAttribute("aria-label")||e.dataset.label;e.setAttribute("role",m?"region":"group"),e.setAttribute("aria-roledescription","carousel"),m&&e.setAttribute("aria-label",m);const v=window.matchMedia("(prefers-reduced-motion: reduce)").matches,w={a11y:{enabled:!0,nextSlideMessage:c?.getAttribute("aria-label")||void 0,prevSlideMessage:f?.getAttribute("aria-label")||void 0,paginationBulletMessage:e.dataset.slideLabel||"{{index}}"},loop:n(e.dataset.loop,!1),speed:v?0:o(e.dataset.speed,450,0,2e3)};(c||f)&&(w.navigation={nextEl:c,prevEl:f}),p&&(w.pagination={bulletActiveClass:"sf-carousel-pagination-item--active",bulletClass:"sf-carousel-pagination-item",bulletElement:"button",clickable:!0,el:p}),g&&!v&&(w.autoplay={delay:o(e.dataset.delay,5e3,1e3,6e4),disableOnInteraction:!0,pauseOnMouseEnter:!1});const y=new window.Swiper(s,w);return e._sfCarousel=y,e.dataset[t]="true",function(e){const{rotation:t}=r(e),a=()=>l(e,"focus"),n=()=>{e._sfCarouselWasPlaying=Boolean(e._sfCarousel?.autoplay?.running),e._sfCarouselWasPlaying&&l(e,"hover")},o=()=>{e._sfCarouselWasPlaying&&!e.matches(":focus-within")&&u(e,"hover-end"),e._sfCarouselWasPlaying=!1},s=()=>{e._sfCarousel?.autoplay?.running?l(e,"user"):u(e,"user")};e.addEventListener("focusin",a),e.addEventListener("mouseenter",n),e.addEventListener("mouseleave",o),t?.addEventListener("click",s),e._sfCarouselEvents={onFocusIn:a,onMouseEnter:n,onMouseLeave:o,onRotation:s,rotation:t}}(e),["init","slideChange","transitionEnd","autoplayStart","autoplayStop"].forEach(t=>{y.on?.(t,()=>i(e))}),i(e),y}function c(t=document){t instanceof Element&&t.matches?.(e)&&d(t),t.querySelectorAll?.(e).forEach(d)}"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Carousel={bind:d,refresh:function(e){const t=e?._sfCarousel||d(e);return t?.update?.(),i(e),t||null},unbind:function(e){e instanceof HTMLElement&&(function(e){const t=e._sfCarouselEvents;t&&(e.removeEventListener("focusin",t.onFocusIn),e.removeEventListener("mouseenter",t.onMouseEnter),e.removeEventListener("mouseleave",t.onMouseLeave),t.rotation?.removeEventListener("click",t.onRotation),delete e._sfCarouselEvents)}(e),e._sfCarousel?.destroy?.(!0,!0),e.querySelectorAll(".swiper-wrapper > .swiper-slide").forEach(s),delete e._sfCarousel,delete e._sfCarouselAutoplayAllowed,delete e._sfCarouselWasPlaying,delete e.dataset[t],delete e.dataset.pauseReason,delete e.dataset.playReason,delete e.dataset.rotation)},next:e=>e?._sfCarousel?.slideNext?.(),previous:e=>e?._sfCarousel?.slidePrev?.(),goTo:(e,t)=>e?._sfCarousel?.slideTo?.(Number(t)),play:u,pause:l,getState:e=>({index:e?._sfCarousel?.realIndex??0,playing:Boolean(e?._sfCarousel?.autoplay?.running)})}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>c(),{once:!0}):c(),new MutationObserver(e=>e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&c(e)})})).observe(document.documentElement,{childList:!0,subtree:!0})})();