@simai-studio/ui 0.0.0-stage → 5.20261019.1710

package/distr/component/tags/css/tags.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-tag--border-bottom-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-tag{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-tag--border-bottom-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-tag--border-bottom-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-tag--border-bottom-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-tag{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-tag--border-bottom-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-tag--border-bottom-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-tag--border-bottom-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-tag{border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-tag--border-bottom-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius--ui);border-bottom-left-radius:var(--sf-tag--border-bottom-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-tag--border-bottom-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-tag{border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-tag--border-bottom-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius--ui);border-bottom-right-radius:var(--sf-tag--border-bottom-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-tag--border-top-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-tag{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-tag--border-top-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-tag--border-top-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-tag--border-top-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-tag{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-tag--border-top-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-tag--border-top-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-tag--border-top-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-tag{border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-tag--border-top-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--ui);border-top-left-radius:var(--sf-tag--border-top-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-tag--border-top-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-tag{border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-tag--border-top-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}}.sf-tag:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--ui);border-top-right-radius:var(--sf-tag--border-top-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag{padding-left:var(--sf-tag--padding-inline-start);padding-left:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tag{padding-left:var(--sf-tag--padding-inline-start);padding-left:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)))}}.sf-tag:where(:dir(ltr)){padding-left:var(--sf-tag--padding-inline-start);padding-left:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag{padding-right:var(--sf-tag--padding-inline-start);padding-right:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tag{padding-right:var(--sf-tag--padding-inline-start);padding-right:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)))}}.sf-tag:where(:dir(rtl)){padding-right:var(--sf-tag--padding-inline-start);padding-right:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag{padding-right:var(--sf-tag--padding-inline-end);padding-right:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tag{padding-right:var(--sf-tag--padding-inline-end);padding-right:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)))}}.sf-tag:where(:dir(ltr)){padding-right:var(--sf-tag--padding-inline-end);padding-right:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag{padding-left:var(--sf-tag--padding-inline-end);padding-left:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tag{padding-left:var(--sf-tag--padding-inline-end);padding-left:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)))}}.sf-tag:where(:dir(rtl)){padding-left:var(--sf-tag--padding-inline-end);padding-left:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)))}.sf-tag{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-end-end-radius:var(--sf-radius--ui);border-end-end-radius:var(--sf-tag--border-bottom-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)));border-end-start-radius:var(--sf-radius--ui);border-end-start-radius:var(--sf-tag--border-bottom-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)));border-start-end-radius:var(--sf-radius--ui);border-start-end-radius:var(--sf-tag--border-top-right-radius, var(--sf-tag-radius, var(--sf-radius--ui)));border-start-start-radius:var(--sf-radius--ui);border-start-start-radius:var(--sf-tag--border-top-left-radius, var(--sf-tag-radius, var(--sf-radius--ui)));box-sizing:border-box;color:inherit;font:inherit;gap:var(--sf-a1);gap:var(--sf-tag--gap, var(--sf-tag-gap, var(--sf-a1)));-webkit-padding-start:var(--sf-tag--padding-inline-start);padding-inline-start:var(--sf-tag--padding-inline-start);-webkit-padding-start:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)));padding-inline-start:var(--sf-tag--inline-start, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-start)));padding-top:var(--sf-tag--padding-top);padding-top:var(--sf-tag--block, var(--sf-tag-padding-block, var(--sf-tag--padding-top)));-webkit-padding-end:var(--sf-tag--padding-inline-end);padding-inline-end:var(--sf-tag--padding-inline-end);-webkit-padding-end:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)));padding-inline-end:var(--sf-tag--inline-end, var(--sf-tag-padding-inline, var(--sf-tag--padding-inline-end)));padding-bottom:var(--sf-tag--padding-bottom);padding-bottom:var(--sf-tag--block, var(--sf-tag-padding-block, var(--sf-tag--padding-bottom)));background-color:var(--sf-tag--background-color);box-shadow:var(--sf-tag--box-shadow);margin:0;max-width:100%;max-inline-size:100%;min-width:0;min-inline-size:0;transition:background-color var(--sf-duration-fast) var(--sf-animation),color var(--sf-duration-fast) var(--sf-animation),box-shadow var(--sf-duration-fast) var(--sf-animation)}.sf-tag--interactive{cursor:pointer}.sf-tag .sf-tag-check{align-items:center;height:var(--sf-icon-size-1);block-size:var(--sf-icon-size-1);border:var(--sf-px) solid var(--sf-outline);border-radius:var(--sf-radius--ui);color:var(--sf-on-primary-container);display:inline-flex;flex:0 0 auto;width:var(--sf-icon-size-1);inline-size:var(--sf-icon-size-1);justify-content:center}.sf-tag .sf-tag-check::before{content:"✓";font-size:var(--sf-text-size-1\/2);line-height:var(--sf-text-height-1\/2);opacity:0}.sf-tag.active .sf-tag-check{background-color:var(--sf-primary);border-color:var(--sf-primary)}.sf-tag.active .sf-tag-check::before{opacity:1}.sf-tag .sf-avatar--text{--sf-avatar--color: var(--sf-on-surface)}.sf-tag .sf-avatar--placeholder{--sf-avatar--color: var(--sf-on-surface)}.sf-tag .sf-avatar{height:var(--sf-avatar--height);opacity:var(--sf-avatar--opacity);width:var(--sf-avatar--width)}.sf-tag .sf-close-icon{background-color:var(--sf-close-icon--background-color);border-color:transparent;border-color:var(--sf-close-icon--border-color, transparent)}.sf-tag .sf-dot-item{background-color:var(--sf-dot-item--background-color)}.sf-tag .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon--font-size);height:var(--sf-icon--height);width:var(--sf-icon--width)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-end);padding-right:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tag .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-end);padding-right:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end))}}.sf-tag .sf-icon-button:where(:dir(ltr)){padding-right:var(--sf-icon-button--padding-inline-end);padding-right:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-end);padding-left:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tag .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-end);padding-left:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end))}}.sf-tag .sf-icon-button:where(:dir(rtl)){padding-left:var(--sf-icon-button--padding-inline-end);padding-left:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-start);padding-left:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tag .sf-icon-button{padding-left:var(--sf-icon-button--padding-inline-start);padding-left:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start))}}.sf-tag .sf-icon-button:where(:dir(ltr)){padding-left:var(--sf-icon-button--padding-inline-start);padding-left:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-start);padding-right:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tag .sf-icon-button{padding-right:var(--sf-icon-button--padding-inline-start);padding-right:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start))}}.sf-tag .sf-icon-button:where(:dir(rtl)){padding-right:var(--sf-icon-button--padding-inline-start);padding-right:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start))}.sf-tag .sf-icon-button{padding-bottom:var(--sf-icon-button--padding-bottom);-webkit-padding-end:var(--sf-icon-button--padding-inline-end);padding-inline-end:var(--sf-icon-button--padding-inline-end);-webkit-padding-end:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end));padding-inline-end:var(--sf-tag--inline-end, var(--sf-icon-button--padding-inline-end));-webkit-padding-start:var(--sf-icon-button--padding-inline-start);padding-inline-start:var(--sf-icon-button--padding-inline-start);-webkit-padding-start:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start));padding-inline-start:var(--sf-tag--inline-start, var(--sf-icon-button--padding-inline-start));padding-top:var(--sf-icon-button--padding-top);padding-top:var(--sf-tag--block, var(--sf-icon-button--padding-top))}.sf-tag .sf-tag-color-icon{border-radius:var(--sf-tag-color-icon--border-radius);height:var(--sf-tag-color-icon--height);opacity:var(--sf-tag-color-icon--opacity);width:var(--sf-tag-color-icon--width)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag .sf-tag-container{padding-right:var(--sf-tag-container--padding-inline-end);padding-right:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tag .sf-tag-container{padding-right:var(--sf-tag-container--padding-inline-end);padding-right:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end))}}.sf-tag .sf-tag-container:where(:dir(ltr)){padding-right:var(--sf-tag-container--padding-inline-end);padding-right:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag .sf-tag-container{padding-left:var(--sf-tag-container--padding-inline-end);padding-left:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tag .sf-tag-container{padding-left:var(--sf-tag-container--padding-inline-end);padding-left:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end))}}.sf-tag .sf-tag-container:where(:dir(rtl)){padding-left:var(--sf-tag-container--padding-inline-end);padding-left:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag .sf-tag-container{padding-left:var(--sf-tag-container--padding-inline-start);padding-left:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-tag .sf-tag-container{padding-left:var(--sf-tag-container--padding-inline-start);padding-left:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start))}}.sf-tag .sf-tag-container:where(:dir(ltr)){padding-left:var(--sf-tag-container--padding-inline-start);padding-left:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start))}_:-ms-input-placeholder, [dir="rtl"] .sf-tag .sf-tag-container{padding-right:var(--sf-tag-container--padding-inline-start);padding-right:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-tag .sf-tag-container{padding-right:var(--sf-tag-container--padding-inline-start);padding-right:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start))}}.sf-tag .sf-tag-container:where(:dir(rtl)){padding-right:var(--sf-tag-container--padding-inline-start);padding-right:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start))}.sf-tag .sf-tag-container{--sf-tag-container--background-color: transparent;background-color:var(--sf-tag-container--background-color);color:var(--sf-tag-container--color);font-family:var(--sf-tag-container--font-family);font-size:var(--sf-tag-container--font-size);font-size:var(--sf-tag--font-size, var(--sf-tag-container--font-size));font-weight:var(--sf-tag-container--font-weight);line-height:var(--sf-tag-container--line-height);line-height:var(--sf-tag--inline-line, var(--sf-tag--line-height, var(--sf-tag-container--line-height)));-webkit-padding-end:var(--sf-tag-container--padding-inline-end);padding-inline-end:var(--sf-tag-container--padding-inline-end);-webkit-padding-end:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end));padding-inline-end:var(--sf-tag--label-end, var(--sf-tag-container--padding-inline-end));-webkit-padding-start:var(--sf-tag-container--padding-inline-start);padding-inline-start:var(--sf-tag-container--padding-inline-start);-webkit-padding-start:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start));padding-inline-start:var(--sf-tag--label-start, var(--sf-tag-container--padding-inline-start));min-width:0;min-inline-size:0;word-wrap:anywhere}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-tag .sf-tag-count{padding-right:var(--sf-tag-count--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-tag .sf-tag-count{padding-right:var(--sf-tag-count--padding-inline-end)}}.sf-tag .sf-tag-count:where(:dir(ltr)){padding-right:var(--sf-tag-count--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-tag .sf-tag-count{padding-left:var(--sf-tag-count--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-tag .sf-tag-count{padding-left:var(--sf-tag-count--padding-inline-end)}}.sf-tag .sf-tag-count:where(:dir(rtl)){padding-left:var(--sf-tag-count--padding-inline-end)}.sf-tag .sf-tag-count{background-color:var(--sf-tag-count--background-color);color:var(--sf-tag-count--color);font-family:var(--sf-tag-count--font-family);font-size:var(--sf-tag-count--font-size);font-weight:var(--sf-tag-count--font-weight);line-height:var(--sf-tag-count--line-height);-webkit-padding-end:var(--sf-tag-count--padding-inline-end);padding-inline-end:var(--sf-tag-count--padding-inline-end)}.sf-tag.sf-tag--size-1.sf-tag--color{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--color{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--color{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--icon{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--icon{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--icon{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--default{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--default{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--default{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--avatar{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--avatar{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--avatar{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag .sf-icon-button.sf-icon-button--link.sf-icon-button--close{--sf-icon-button--padding-bottom: var(--sf-space-1\/4);--sf-icon-button--padding-inline-end: var(--sf-space-1\/4);--sf-icon-button--padding-inline-start: var(--sf-space-1\/4);--sf-icon-button--padding-top: var(--sf-space-1\/4)}.sf-tag.sf-tag--size-1 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1);--sf-tag-color-icon--width: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1);--sf-tag-color-icon--width: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1);--sf-tag-color-icon--width: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--color .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--color .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--color .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1.sf-tag--success .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--success .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--success .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1.sf-tag--error .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--error .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--error .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1.sf-tag--warning .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--warning .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--warning .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1.sf-tag--checkbox .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--checkbox .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--checkbox .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1.sf-tag--icon .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--icon .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--icon .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1.sf-tag--avatar .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--avatar .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--avatar .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1.sf-tag--color .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--color .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--color .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--icon .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--icon .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--icon .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--default .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--default .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--default .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--success .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--success .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--success .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--error .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--error .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--error .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--warning .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--warning .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--warning .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1);--sf-tag-container--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--color .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--color .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--color .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1.sf-tag--icon .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--icon .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--icon .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1.sf-tag--default .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--default .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--default .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1.sf-tag--success .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--success .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--success .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1.sf-tag--error .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--error .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--error .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1.sf-tag--warning .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--warning .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--warning .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--success .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--success .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--error .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--error .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--warning .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--warning .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--color .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--color .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--icon .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--icon .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--default .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--default .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-family: var(--sf-text--family);--sf-tag-container--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--color .sf-tag-container,.sf-tag.sf-tag--checkbox .sf-tag-container,.sf-tag.sf-tag--icon .sf-tag-container,.sf-tag.sf-tag--default .sf-tag-container,.sf-tag.sf-tag--avatar .sf-tag-container{--sf-tag-container--color: var(--sf-tag-color, var(--sf-on-surface))}.sf-tag.sf-tag--size-1.sf-tag--success{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-success-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--success{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-success-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--success{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-success-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--success .sf-dot-item{--sf-dot-item--background-color: var(--sf-success)}.sf-tag.sf-tag--success .sf-tag-container{--sf-tag-container--color: var(--sf-tag-color, var(--sf-success))}.sf-tag.sf-tag--size-1.sf-tag--error{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-error-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--error{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-error-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--error{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-error-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--error .sf-dot-item{--sf-dot-item--background-color: var(--sf-error)}.sf-tag.sf-tag--error .sf-tag-container{--sf-tag-container--color: var(--sf-tag-color, var(--sf-error))}.sf-tag.sf-tag--size-1.sf-tag--warning{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-warning-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--warning{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-warning-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--warning{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-warning-container));--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--warning .sf-dot-item{--sf-dot-item--background-color: var(--sf-warning)}.sf-tag.sf-tag--warning .sf-tag-container{--sf-tag-container--color: var(--sf-tag-color, var(--sf-warning))}.sf-tag.sf-tag--size-1.sf-tag--checkbox{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--checkbox{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--checkbox{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--icon .sf-icon{--sf-icon--font-size: var(--sf-icon-size-3);--sf-icon--height: var(--sf-icon-size-3);--sf-icon--width: var(--sf-icon-size-3)}.sf-tag.sf-tag--size-2.sf-tag--icon .sf-icon{--sf-icon--font-size: var(--sf-icon-size-3);--sf-icon--height: var(--sf-icon-size-3);--sf-icon--width: var(--sf-icon-size-3)}.sf-tag.sf-tag--size-3.sf-tag--icon .sf-icon{--sf-icon--font-size: var(--sf-icon-size-3);--sf-icon--height: var(--sf-icon-size-3);--sf-icon--width: var(--sf-icon-size-3)}.sf-tag.sf-tag--icon .sf-icon{--sf-icon--color: var(--sf-on-surface-variant)}.sf-tag.sf-tag--size-1.sf-tag--default .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-2.sf-tag--default .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-3.sf-tag--default .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3);--sf-tag-container--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1 .sf-tag-count{--sf-tag-count--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-2 .sf-tag-count{--sf-tag-count--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-3 .sf-tag-count{--sf-tag-count--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1.sf-tag--default .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1);--sf-tag-count--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2.sf-tag--default .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1);--sf-tag-count--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-3.sf-tag--default .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1);--sf-tag-count--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1.sf-tag--default .sf-tag-count{--sf-tag-count--font-family: var(--sf-text--family);--sf-tag-count--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-2.sf-tag--default .sf-tag-count{--sf-tag-count--font-family: var(--sf-text--family);--sf-tag-count--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-3.sf-tag--default .sf-tag-count{--sf-tag-count--font-family: var(--sf-text--family);--sf-tag-count--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/2.sf-tag--default .sf-tag-count{--sf-tag-count--font-family: var(--sf-text--family);--sf-tag-count--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--size-1\/3.sf-tag--default .sf-tag-count{--sf-tag-count--font-family: var(--sf-text--family);--sf-tag-count--font-weight: var(--sf-font-weight-regular)}.sf-tag.sf-tag--default .sf-tag-count{--sf-tag-count--color: var(--sf-tag-color, var(--sf-on-surface));--sf-tag-count--background-color: transparent}.sf-tag.sf-tag--size-1\/2.sf-tag--success{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-success-container));--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--success{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-success-container));--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--success .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3.sf-tag--success .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/2.sf-tag--error .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3.sf-tag--error .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/2.sf-tag--warning .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3.sf-tag--warning .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/2.sf-tag--color .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3.sf-tag--color .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/2.sf-tag--checkbox .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3.sf-tag--checkbox .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/2.sf-tag--icon .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3.sf-tag--icon .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/2.sf-tag--avatar .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3.sf-tag--avatar .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/2.sf-tag--success .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--success .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--error .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--error .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--warning .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--warning .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--color .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--color .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--checkbox .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--icon .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--icon .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--default .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--default .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--avatar .sf-tag-container{--sf-tag-container--font-size: var(--sf-text-size-1\/2);--sf-tag-container--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--error{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-error-container));--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--error{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-error-container));--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--warning{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-warning-container));--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--warning{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-warning-container));--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--color{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--color{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--icon{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--icon{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--default{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--default{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--avatar{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--avatar{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--checkbox{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--checkbox{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1\/2);--sf-tag-color-icon--width: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1\/2);--sf-tag-color-icon--width: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--icon .sf-icon{--sf-icon--font-size: var(--sf-icon-size-2);--sf-icon--height: var(--sf-icon-size-2);--sf-icon--width: var(--sf-icon-size-2)}.sf-tag.sf-tag--size-1\/3.sf-tag--icon .sf-icon{--sf-icon--font-size: var(--sf-icon-size-2);--sf-icon--height: var(--sf-icon-size-2);--sf-icon--width: var(--sf-icon-size-2)}.sf-tag.sf-tag--size-1\/2.sf-tag--default .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/4)}.sf-tag.sf-tag--size-1\/3.sf-tag--default .sf-tag-container{--sf-tag-container--padding-inline-end: var(--sf-space-1\/4)}.sf-tag.sf-tag--size-1\/2 .sf-tag-count{--sf-tag-count--padding-inline-end: var(--sf-space-1\/4)}.sf-tag.sf-tag--size-1\/3 .sf-tag-count{--sf-tag-count--padding-inline-end: var(--sf-space-1\/4)}.sf-tag.sf-tag--size-1\/2.sf-tag--default .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1\/2);--sf-tag-count--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--default .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1\/2);--sf-tag-count--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2.sf-tag--avatar .sf-avatar{--sf-avatar--height: var(--sf-text-height-1\/2);--sf-avatar--width: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/3.sf-tag--avatar .sf-avatar{--sf-avatar--height: var(--sf-text-height-1\/2);--sf-avatar--width: var(--sf-text-height-1\/2)}.sf-tag--size-1{--sf-tag--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag--size-2{--sf-tag--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag--size-3{--sf-tag--padding-inline-end: var(--sf-ui-1--space-x);--sf-tag--padding-inline-start: var(--sf-ui-1--space-x)}.sf-tag.sf-tag--size-1 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-tag--padding-inline-start)}.sf-tag.sf-tag--size-2 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-tag--padding-inline-start)}.sf-tag.sf-tag--size-3 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-tag--padding-inline-start)}.sf-tag--size-1\/2{--sf-tag--padding-inline-end: var(--sf-ui-1\/2--space-x);--sf-tag--padding-inline-start: var(--sf-ui-1\/2--space-x)}.sf-tag--size-1\/3{--sf-tag--padding-inline-end: var(--sf-ui-1\/2--space-x);--sf-tag--padding-inline-start: var(--sf-ui-1\/2--space-x)}.sf-tag.sf-tag--size-1\/2 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-space-1\/3)}.sf-tag.sf-tag--size-1\/3 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-space-1\/3)}.sf-tag.sf-tag--color .sf-tag-color-icon{--sf-tag-color-icon--border-radius: var(--sf-radius-circle)}.sf-tag.sf-tag--appearance-surface.sf-tag--color{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-alpha-4));--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-8)}.sf-tag.sf-tag--appearance-surface.sf-tag--icon{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-alpha-4));--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-8)}.sf-tag.sf-tag--appearance-surface.sf-tag--default{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-alpha-4));--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-8)}.sf-tag.sf-tag--appearance-surface.sf-tag--avatar{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-alpha-4));--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-8)}.sf-tag.sf-tag--appearance-surface.sf-tag--checkbox{--sf-tag--background-color: var(--sf-tag-background-color, var(--sf-alpha-4));--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-8)}.sf-tag.sf-tag--appearance-ghost.sf-tag--color{--sf-tag--background-color: var(--sf-tag-background-color, transparent)}.sf-tag.sf-tag--appearance-ghost.sf-tag--icon{--sf-tag--background-color: var(--sf-tag-background-color, transparent)}.sf-tag.sf-tag--appearance-ghost.sf-tag--default{--sf-tag--background-color: var(--sf-tag-background-color, transparent)}.sf-tag.sf-tag--appearance-ghost.sf-tag--avatar{--sf-tag--background-color: var(--sf-tag-background-color, transparent)}.sf-tag.sf-tag--appearance-ghost.sf-tag--checkbox{--sf-tag--background-color: var(--sf-tag-background-color, transparent)}}@layer sf.states{.sf-tag.sf-tag--interactive.sf-tag--success:not(:disabled):not(.disabled):hover{--sf-tag--background-color: var(--sf-success-container-hover)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--success:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--success:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--success:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--success.active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--success.active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--success.active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--success.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--success.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--success.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--error.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--error.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--error.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--warning.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--warning.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--warning.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--color.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--color.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--color.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--icon.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--icon.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--icon.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--default.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--default.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--default.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--avatar.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--avatar.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--avatar.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--checkbox.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--checkbox.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.disabled .sf-dot-item{--sf-dot-item--background-color: var(--sf-disable)}.sf-tag.sf-tag--success.disabled .sf-tag-container,.sf-tag.sf-tag--error.disabled .sf-tag-container,.sf-tag.sf-tag--warning.disabled .sf-tag-container,.sf-tag.sf-tag--color.disabled .sf-tag-container,.sf-tag.sf-tag--checkbox.disabled .sf-tag-container,.sf-tag.sf-tag--icon.disabled .sf-tag-container,.sf-tag.sf-tag--default.disabled .sf-tag-container,.sf-tag.sf-tag--avatar.disabled .sf-tag-container{--sf-tag-container--color: var(--sf-on-disable)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--error:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--error:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--error:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--error.active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--error.active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--error.active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--error:not(:disabled):not(.disabled):hover{--sf-tag--background-color: var(--sf-error-container-hover)}.sf-tag.sf-tag--interactive.sf-tag--warning:not(:disabled):not(.disabled):hover{--sf-tag--background-color: var(--sf-warning-container-hover)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--warning:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--warning:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--warning:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--warning.active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--warning.active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--warning.active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--color:not(:disabled):not(.disabled):hover,.sf-tag.sf-tag--interactive.sf-tag--checkbox:not(:disabled):not(.disabled):hover,.sf-tag.sf-tag--interactive.sf-tag--icon:not(:disabled):not(.disabled):hover,.sf-tag.sf-tag--interactive.sf-tag--default:not(:disabled):not(.disabled):hover,.sf-tag.sf-tag--interactive.sf-tag--avatar:not(:disabled):not(.disabled):hover{--sf-tag--background-color: var(--sf-surface-container-hover)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--color:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--color:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--color:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--icon:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--icon:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--icon:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--default:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--default:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--default:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--avatar:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--avatar:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--avatar:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--checkbox:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--checkbox:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--color.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--color.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--color.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--icon.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--icon.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--icon.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--default.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--default.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--default.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--avatar.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--avatar.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--avatar.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--checkbox.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--checkbox.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--color.disabled .sf-tag-color-icon{--sf-tag-color-icon--opacity: var(--sf-opacity-30)}.sf-tag.sf-tag--interactive.sf-tag--size-1.sf-tag--checkbox:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-2.sf-tag--checkbox:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-3.sf-tag--checkbox:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--checkbox.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--checkbox.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--checkbox.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-1.sf-tag--checkbox.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-2.sf-tag--checkbox.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--size-3.sf-tag--checkbox.disabled{--sf-tag--padding-bottom: var(--sf-ui-1--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1--space-y-tightness-default)}.sf-tag.sf-tag--icon.disabled .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-tag.sf-tag--default.disabled .sf-tag-count{--sf-tag-count--color: var(--sf-on-disable)}.sf-tag.sf-tag--avatar.disabled .sf-avatar{--sf-avatar--opacity: var(--sf-opacity-30)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--success:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--success:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--success.active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--success.active{--sf-tag--background-color: var(--sf-success-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--success.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--success.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--error.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--error.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--warning.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--warning.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--color.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--color.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--icon.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--icon.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--default.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--default.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--avatar.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--avatar.disabled{--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--error:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--error:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--error.active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--error.active{--sf-tag--background-color: var(--sf-error-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--warning:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--warning:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--warning.active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--warning.active{--sf-tag--background-color: var(--sf-warning-container-active);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--color:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--color:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--icon:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--icon:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--default:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--default:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/2.sf-tag--avatar:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--interactive.sf-tag--size-1\/3.sf-tag--avatar:not(:disabled):not(.disabled):active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--color.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--color.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--icon.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--icon.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--default.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--default.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/2.sf-tag--avatar.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag.sf-tag--size-1\/3.sf-tag--avatar.active{--sf-tag--background-color: var(--sf-primary-container);--sf-tag--padding-bottom: var(--sf-ui-1\/2--space-y-tightness-default);--sf-tag--padding-top: var(--sf-ui-1\/2--space-y-tightness-default)}.sf-tag--interactive: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-tag--interactive: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-tag--removable>.sf-icon-button:not(:disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tag--removable>.sf-icon-button:not(:disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-focus--width)*-1)}.sf-tag.disabled{--sf-tag--background-color: var(--sf-disable)}@media(forced-colors: active){.sf-tag--interactive.focus-visible,.sf-tag--removable>.sf-icon-button.focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);box-shadow:none}.sf-tag--interactive:focus-visible,.sf-tag--removable>.sf-icon-button:focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);box-shadow:none}}@media(prefers-reduced-motion: reduce){.sf-tag{transition:none}}.sf-tag.sf-tag--interactive.sf-tag--appearance-surface:not(:disabled):not(.disabled):hover,.sf-tag.sf-tag--interactive.sf-tag--appearance-ghost:not(:disabled):not(.disabled):hover{--sf-tag--background-color: var(--sf-alpha-8)}.sf-tag.sf-tag--interactive.sf-tag--appearance-surface:not(:disabled):not(.disabled):hover{--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-12)}.sf-tag.sf-tag--appearance-surface:disabled{--sf-tag--background-color: transparent;--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-4)}.sf-tag.sf-tag--appearance-surface.disabled{--sf-tag--background-color: transparent;--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-4)}.sf-tag.sf-tag--appearance-ghost:disabled{--sf-tag--background-color: transparent;--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-4)}.sf-tag.sf-tag--appearance-ghost.disabled{--sf-tag--background-color: transparent;--sf-tag--box-shadow: inset 0 0 0 var(--sf-px) var(--sf-alpha-4)}.sf-tag.sf-tag--size-1\/3{--sf-tag--font-size: var(--sf-text-size-1\/3);--sf-tag--line-height: var(--sf-text-height-1\/3);--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-tag--inline-start: var(--sf-tag-padding-inline, var(--sf-ui-1\/3--space-x));--sf-tag--inline-end: var(--sf-tag-padding-inline, var(--sf-ui-1\/3--space-x))}.sf-tag.sf-tag--size-1\/3 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1\/3);--sf-tag-color-icon--width: var(--sf-text-height-1\/3)}.sf-tag.sf-tag--size-1\/2{--sf-tag--font-size: var(--sf-text-size-1\/2);--sf-tag--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1{--sf-tag--font-size: var(--sf-text-size-1);--sf-tag--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2{--sf-tag--font-size: var(--sf-text-size-2);--sf-tag--line-height: var(--sf-text-height-2);--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-tag--inline-start: var(--sf-tag-padding-inline, var(--sf-ui-2--space-x));--sf-tag--inline-end: var(--sf-tag-padding-inline, var(--sf-ui-2--space-x))}.sf-tag.sf-tag--size-2 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-2);--sf-tag-color-icon--width: var(--sf-text-height-2)}.sf-tag.sf-tag--size-3{--sf-tag--font-size: var(--sf-text-size-3);--sf-tag--line-height: var(--sf-text-height-3);--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-tag--inline-start: var(--sf-tag-padding-inline, var(--sf-ui-3--space-x));--sf-tag--inline-end: var(--sf-tag-padding-inline, var(--sf-ui-3--space-x))}.sf-tag.sf-tag--size-3 .sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-3);--sf-tag-color-icon--width: var(--sf-text-height-3)}.sf-tag.sf-tag--size-1\/3.spacing-compact{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-tag.sf-tag--size-1\/3.spacing-comfortable{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-tag.sf-tag--size-1\/3.spacing-spacious{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-tag.sf-tag--size-1\/2.spacing-compact{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-tag.sf-tag--size-1\/2.spacing-comfortable{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-tag.sf-tag--size-1\/2.spacing-spacious{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-tag.sf-tag--size-1.spacing-compact{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1--space-y-tightness-low))}.sf-tag.sf-tag--size-1.spacing-comfortable{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1--space-y-tightness-high))}.sf-tag.sf-tag--size-1.spacing-spacious{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-1--space-y-tightness-highest))}.sf-tag.sf-tag--size-2.spacing-compact{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-2--space-y-tightness-low))}.sf-tag.sf-tag--size-2.spacing-comfortable{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-2--space-y-tightness-high))}.sf-tag.sf-tag--size-2.spacing-spacious{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-2--space-y-tightness-highest))}.sf-tag.sf-tag--size-3.spacing-compact{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-3--space-y-tightness-low))}.sf-tag.sf-tag--size-3.spacing-comfortable{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-3--space-y-tightness-high))}.sf-tag.sf-tag--size-3.spacing-spacious{--sf-tag--block: var(--sf-tag-padding-block, var(--sf-ui-3--space-y-tightness-highest))}.sf-tag.sf-tag--inline.sf-tag--inline{--sf-tag--block: 0;--sf-tag--inline-start: var(--sf-space-1\/3);--sf-tag--inline-end: var(--sf-space-1\/4);--sf-tag--label-start: 0;--sf-tag--label-end: 0;--sf-tag--inline-line: var(--sf-tag--line);gap:var(--sf-space-1\/3);min-height:var(--sf-tag--line-height);min-block-size:var(--sf-tag--line-height);min-height:var(--sf-tag--line-height);min-height:var(--sf-tag--line, var(--sf-tag--line-height));min-block-size:var(--sf-tag--line, var(--sf-tag--line-height))}.sf-tag.sf-tag--inline.sf-tag--inline[\:not-has\(\%3E.sf-icon-button\)]{--sf-tag--inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--inline.sf-tag--inline:not(:has(>.sf-icon-button)){--sf-tag--inline-end: var(--sf-space-1\/3)}.sf-tag.sf-tag--inline.sf-tag--inline>.sf-icon-button{height:var(--sf-tag--line-height);block-size:var(--sf-tag--line-height);height:var(--sf-tag--line-height);height:var(--sf-tag--line, var(--sf-tag--line-height));block-size:var(--sf-tag--line, var(--sf-tag--line-height));width:var(--sf-tag--line-height);inline-size:var(--sf-tag--line-height);width:var(--sf-tag--line-height);width:var(--sf-tag--line, var(--sf-tag--line-height));inline-size:var(--sf-tag--line, var(--sf-tag--line-height));min-height:0;min-block-size:0;min-width:0;min-inline-size:0;padding:0}.sf-tag.sf-tag--inline.sf-tag--inline.sf-tag--size-1\/3.spacing-compact{--sf-tag--block: var(--sf-ui-1\/3--space-y-tightness-low)}.sf-tag.sf-tag--inline.sf-tag--inline.sf-tag--size-1\/2.spacing-compact{--sf-tag--block: var(--sf-ui-1\/2--space-y-tightness-low)}.sf-tag.sf-tag--inline.sf-tag--inline.sf-tag--size-1.spacing-compact{--sf-tag--block: var(--sf-ui-1--space-y-tightness-low)}.sf-tag.sf-tag--inline.sf-tag--inline.sf-tag--size-2.spacing-compact{--sf-tag--block: var(--sf-ui-2--space-y-tightness-low)}.sf-tag.sf-tag--inline.sf-tag--inline.sf-tag--size-3.spacing-compact{--sf-tag--block: var(--sf-ui-3--space-y-tightness-low)}.sf-tag.sf-tag--inline.sf-tag--inline .sf-close-icon{--sf-close-icon--height: calc(var(--sf-tag--font-size) * 0.7);--sf-close-icon--width: calc(var(--sf-tag--font-size) * 0.7)}}@layer sf.overrides{.sf-tag>.sf-icon-button.sf-icon-button--link.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-variant)}}@layer sf.states{.sf-tag.sf-tag--size-1\/3{--sf-tag--gap: var(--sf-tag-gap, 0)}.sf-tag.sf-tag--size-1\/3 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-ui-1\/3--text-space-x);--sf-tag-container--padding-inline-end: var(--sf-ui-1\/3--text-space-x)}.sf-tag.sf-tag--size-1\/3 .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1\/3);--sf-tag-count--line-height: var(--sf-text-height-1\/3);--sf-tag-count--padding-inline-end: var(--sf-ui-1\/3--text-space-x)}.sf-tag.sf-tag--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-tag.sf-tag--size-1\/3>.sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1\/3);--sf-tag-color-icon--width: var(--sf-text-height-1\/3)}.sf-tag.sf-tag--size-1\/3>.sf-avatar{--sf-avatar--height: var(--sf-text-height-1\/3);--sf-avatar--width: var(--sf-text-height-1\/3);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-1\/3) / 2));--sf-avatar--line-height: var(--sf-text-height-1\/3)}.sf-tag.sf-tag--size-1\/2{--sf-tag--gap: var(--sf-tag-gap, 0)}.sf-tag.sf-tag--size-1\/2 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-ui-1\/2--text-space-x);--sf-tag-container--padding-inline-end: var(--sf-ui-1\/2--text-space-x)}.sf-tag.sf-tag--size-1\/2 .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1\/2);--sf-tag-count--line-height: var(--sf-text-height-1\/2);--sf-tag-count--padding-inline-end: var(--sf-ui-1\/2--text-space-x)}.sf-tag.sf-tag--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-tag.sf-tag--size-1\/2>.sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1\/2);--sf-tag-color-icon--width: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1\/2>.sf-avatar{--sf-avatar--height: var(--sf-text-height-1\/2);--sf-avatar--width: var(--sf-text-height-1\/2);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-1\/2) / 2));--sf-avatar--line-height: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--size-1{--sf-tag--gap: var(--sf-tag-gap, 0)}.sf-tag.sf-tag--size-1 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-ui-1--text-space-x);--sf-tag-container--padding-inline-end: var(--sf-ui-1--text-space-x)}.sf-tag.sf-tag--size-1 .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-1);--sf-tag-count--line-height: var(--sf-text-height-1);--sf-tag-count--padding-inline-end: var(--sf-ui-1--text-space-x)}.sf-tag.sf-tag--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-tag.sf-tag--size-1>.sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-1);--sf-tag-color-icon--width: var(--sf-text-height-1)}.sf-tag.sf-tag--size-1>.sf-avatar{--sf-avatar--height: var(--sf-text-height-1);--sf-avatar--width: var(--sf-text-height-1);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-1) / 2));--sf-avatar--line-height: var(--sf-text-height-1)}.sf-tag.sf-tag--size-2{--sf-tag--gap: var(--sf-tag-gap, 0)}.sf-tag.sf-tag--size-2 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-ui-2--text-space-x);--sf-tag-container--padding-inline-end: var(--sf-ui-2--text-space-x)}.sf-tag.sf-tag--size-2 .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-2);--sf-tag-count--line-height: var(--sf-text-height-2);--sf-tag-count--padding-inline-end: var(--sf-ui-2--text-space-x)}.sf-tag.sf-tag--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-tag.sf-tag--size-2>.sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-2);--sf-tag-color-icon--width: var(--sf-text-height-2)}.sf-tag.sf-tag--size-2>.sf-avatar{--sf-avatar--height: var(--sf-text-height-2);--sf-avatar--width: var(--sf-text-height-2);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-2) / 2));--sf-avatar--line-height: var(--sf-text-height-2)}.sf-tag.sf-tag--size-3{--sf-tag--gap: var(--sf-tag-gap, 0)}.sf-tag.sf-tag--size-3 .sf-tag-container{--sf-tag-container--padding-inline-start: var(--sf-ui-3--text-space-x);--sf-tag-container--padding-inline-end: var(--sf-ui-3--text-space-x)}.sf-tag.sf-tag--size-3 .sf-tag-count{--sf-tag-count--font-size: var(--sf-text-size-3);--sf-tag-count--line-height: var(--sf-text-height-3);--sf-tag-count--padding-inline-end: var(--sf-ui-3--text-space-x)}.sf-tag.sf-tag--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-tag.sf-tag--size-3>.sf-tag-color-icon{--sf-tag-color-icon--height: var(--sf-text-height-3);--sf-tag-color-icon--width: var(--sf-text-height-3)}.sf-tag.sf-tag--size-3>.sf-avatar{--sf-avatar--height: var(--sf-text-height-3);--sf-avatar--width: var(--sf-text-height-3);--sf-avatar--font-size: min(var(--sf-text-size-1\/3), calc(var(--sf-text-height-3) / 2));--sf-avatar--line-height: var(--sf-text-height-3)}}@layer sf.states{.sf-tag>.sf-icon-button.sf-icon-button--close{padding:0;position:relative}.sf-tag>.sf-icon-button.sf-icon-button--close::after{content:"";position:absolute;top:min(var(--sf-px)*0,(100% - var(--sf-c2))/2);right:min(var(--sf-px)*0,(100% - var(--sf-c2))/2);bottom:min(var(--sf-px)*0,(100% - var(--sf-c2))/2);left:min(var(--sf-px)*0,(100% - var(--sf-c2))/2);inset:min(var(--sf-px)*0,(100% - var(--sf-c2))/2) min(var(--sf-px)*0,(100% - var(--sf-c2))/2)}.sf-tag>.sf-icon-button.sf-icon-button--close>.sf-close{--sf-close--padding-top: 0;--sf-close--padding-bottom: 0;--sf-close--padding-inline-start: 0;--sf-close--padding-inline-end: 0}.sf-tag>.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.998%201.41504L9.41309%208L15.998%2014.5859L14.584%2016.001L7.99902%209.41504L1.41406%2016.001L0%2014.5859L6.58398%208L0%201.41504L1.41406%200.000976562L7.99805%206.58594L14.584%200L15.998%201.41504Z%22%20fill%3D%22%2376777C%22%2F%3E%0A%3C%2Fsvg%3E%0A");--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.998%201.41504L9.41309%208L15.998%2014.5859L14.584%2016.001L7.99902%209.41504L1.41406%2016.001L0%2014.5859L6.58398%208L0%201.41504L1.41406%200.000976562L7.99805%206.58594L14.584%200L15.998%201.41504Z%22%20fill%3D%22%2376777C%22%2F%3E%0A%3C%2Fsvg%3E%0A");display:block}.sf-tag.sf-tag--size-1\/3>.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--width: calc(var(--sf-text-size-1\/3) * 0.7);--sf-close-icon--height: calc(var(--sf-text-size-1\/3) * 0.7)}.sf-tag.sf-tag--size-1\/2>.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--width: calc(var(--sf-text-size-1\/2) * 0.7);--sf-close-icon--height: calc(var(--sf-text-size-1\/2) * 0.7)}.sf-tag.sf-tag--size-1>.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--width: calc(var(--sf-text-size-1) * 0.7);--sf-close-icon--height: calc(var(--sf-text-size-1) * 0.7)}.sf-tag.sf-tag--size-2>.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--width: calc(var(--sf-text-size-2) * 0.7);--sf-close-icon--height: calc(var(--sf-text-size-2) * 0.7)}.sf-tag.sf-tag--size-3>.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--width: calc(var(--sf-text-size-3) * 0.7);--sf-close-icon--height: calc(var(--sf-text-size-3) * 0.7)}}@layer sf.components{.sf-tag.sf-tag--line-1\/2{--sf-tag--line: var(--sf-text-height-1\/2)}.sf-tag.sf-tag--line-1{--sf-tag--line: var(--sf-text-height-1)}.sf-tag.sf-tag--line-2{--sf-tag--line: var(--sf-text-height-2)}}

package/distr/component/textarea/css/textarea.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-textarea{min-width:0;min-inline-size:0;--sf-textarea--radius: var(--sf-textarea-radius, var(--sf-radius--ui));background-color:transparent;background-color:var(--sf-textarea--background-color, transparent);gap:var(--sf-space-1\/4);gap:var(--sf-textarea--gap, var(--sf-space-1\/4))}.sf-textarea .sf-textarea-hint-text-wrap{--sf-textarea-hint-text-wrap--background-color: transparent;background-color:var(--sf-textarea-hint-text-wrap--background-color);color:var(--sf-textarea-hint-text-wrap--color);font-family:var(--sf-textarea-hint-text-wrap--font-family);font-size:var(--sf-textarea-hint-text-wrap--font-size);font-weight:var(--sf-textarea-hint-text-wrap--font-weight);line-height:var(--sf-textarea-hint-text-wrap--line-height)}.sf-textarea .sf-textarea-label{--sf-textarea-label--background-color: transparent;--sf-textarea-label--gap: var(--sf-space-1\/4);background-color:var(--sf-textarea-label--background-color);gap:var(--sf-textarea-label--gap)}.sf-textarea .sf-textarea-required{--sf-textarea-required--color: var(--sf-error);--sf-textarea-required--font-family: var(--sf-text--family);--sf-textarea-required--font-weight: var(--sf-font-weight-regular);color:var(--sf-textarea-required--color);font-family:var(--sf-textarea-required--font-family);font-size:var(--sf-textarea-required--font-size);font-weight:var(--sf-textarea-required--font-weight);line-height:var(--sf-textarea-required--line-height)}.sf-textarea .sf-textarea-text{--sf-textarea-text--color: var(--sf-on-surface-variant);--sf-textarea-text--font-family: var(--sf-text--family);--sf-textarea-text--font-weight: var(--sf-font-weight-regular);color:var(--sf-textarea-text--color);font-family:var(--sf-textarea-text--font-family);font-size:var(--sf-textarea-text--font-size);font-weight:var(--sf-textarea-text--font-weight);line-height:var(--sf-textarea-text--line-height)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-textarea textarea{border-bottom-right-radius:var(--sf-textarea-textarea--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-textarea textarea{border-bottom-right-radius:var(--sf-textarea-textarea--border-end-end-radius)}}.sf-textarea textarea:where(:dir(ltr)){border-bottom-right-radius:var(--sf-textarea-textarea--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-textarea textarea{border-bottom-left-radius:var(--sf-textarea-textarea--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-textarea textarea{border-bottom-left-radius:var(--sf-textarea-textarea--border-end-end-radius)}}.sf-textarea textarea:where(:dir(rtl)){border-bottom-left-radius:var(--sf-textarea-textarea--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-textarea textarea{border-bottom-left-radius:var(--sf-textarea-textarea--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-textarea textarea{border-bottom-left-radius:var(--sf-textarea-textarea--border-end-start-radius)}}.sf-textarea textarea:where(:dir(ltr)){border-bottom-left-radius:var(--sf-textarea-textarea--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-textarea textarea{border-bottom-right-radius:var(--sf-textarea-textarea--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-textarea textarea{border-bottom-right-radius:var(--sf-textarea-textarea--border-end-start-radius)}}.sf-textarea textarea:where(:dir(rtl)){border-bottom-right-radius:var(--sf-textarea-textarea--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-textarea textarea{border-top-right-radius:var(--sf-textarea-textarea--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-textarea textarea{border-top-right-radius:var(--sf-textarea-textarea--border-start-end-radius)}}.sf-textarea textarea:where(:dir(ltr)){border-top-right-radius:var(--sf-textarea-textarea--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-textarea textarea{border-top-left-radius:var(--sf-textarea-textarea--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-textarea textarea{border-top-left-radius:var(--sf-textarea-textarea--border-start-end-radius)}}.sf-textarea textarea:where(:dir(rtl)){border-top-left-radius:var(--sf-textarea-textarea--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-textarea textarea{border-top-left-radius:var(--sf-textarea-textarea--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-textarea textarea{border-top-left-radius:var(--sf-textarea-textarea--border-start-start-radius)}}.sf-textarea textarea:where(:dir(ltr)){border-top-left-radius:var(--sf-textarea-textarea--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-textarea textarea{border-top-right-radius:var(--sf-textarea-textarea--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-textarea textarea{border-top-right-radius:var(--sf-textarea-textarea--border-start-start-radius)}}.sf-textarea textarea:where(:dir(rtl)){border-top-right-radius:var(--sf-textarea-textarea--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-textarea textarea{padding-right:var(--sf-textarea-textarea--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-textarea textarea{padding-right:var(--sf-textarea-textarea--padding-inline-end)}}.sf-textarea textarea:where(:dir(ltr)){padding-right:var(--sf-textarea-textarea--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-textarea textarea{padding-left:var(--sf-textarea-textarea--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-textarea textarea{padding-left:var(--sf-textarea-textarea--padding-inline-end)}}.sf-textarea textarea:where(:dir(rtl)){padding-left:var(--sf-textarea-textarea--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-textarea textarea{padding-left:var(--sf-textarea-textarea--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-textarea textarea{padding-left:var(--sf-textarea-textarea--padding-inline-start)}}.sf-textarea textarea:where(:dir(ltr)){padding-left:var(--sf-textarea-textarea--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-textarea textarea{padding-right:var(--sf-textarea-textarea--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-textarea textarea{padding-right:var(--sf-textarea-textarea--padding-inline-start)}}.sf-textarea textarea:where(:dir(rtl)){padding-right:var(--sf-textarea-textarea--padding-inline-start)}.sf-textarea textarea{width:100%;inline-size:100%;min-width:0;min-inline-size:0;--sf-textarea-textarea--border: var(--sf-px) solid;--sf-textarea-textarea--border-end-end-radius: var(--sf-textarea--radius);--sf-textarea-textarea--border-end-start-radius: var(--sf-textarea--radius);--sf-textarea-textarea--border-start-end-radius: var(--sf-textarea--radius);--sf-textarea-textarea--border-start-start-radius: var(--sf-textarea--radius);background-color:var(--sf-textarea-textarea--background-color);border:var(--sf-textarea-textarea--border);border-color:transparent;border-color:var(--sf-textarea-textarea--border-color, transparent);border-end-end-radius:var(--sf-textarea-textarea--border-end-end-radius);border-end-start-radius:var(--sf-textarea-textarea--border-end-start-radius);border-start-end-radius:var(--sf-textarea-textarea--border-start-end-radius);border-start-start-radius:var(--sf-textarea-textarea--border-start-start-radius);box-shadow:var(--sf-textarea-textarea--box-shadow);color:var(--sf-textarea-textarea--color);font-family:var(--sf-textarea-textarea--font-family);font-size:var(--sf-textarea-textarea--font-size);font-weight:var(--sf-textarea-textarea--font-weight);line-height:var(--sf-textarea-textarea--line-height);padding-bottom:var(--sf-textarea-textarea--padding-bottom);-webkit-padding-end:var(--sf-textarea-textarea--padding-inline-end);padding-inline-end:var(--sf-textarea-textarea--padding-inline-end);-webkit-padding-start:var(--sf-textarea-textarea--padding-inline-start);padding-inline-start:var(--sf-textarea-textarea--padding-inline-start);padding-top:var(--sf-textarea-textarea--padding-top);resize:vertical;resize:var(--sf-resize, vertical);transition-duration:var(--sf-duration-fast);transition-property:background-color,border-color,box-shadow,color;transition-timing-function:var(--sf-animation)}.sf-textarea textarea::-webkit-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface-variant);--sf-textarea-placeholder--font-family: var(--sf-text--family);color:var(--sf-textarea-placeholder--color);font-family:var(--sf-textarea-placeholder--font-family);font-size:var(--sf-textarea-placeholder--font-size);line-height:var(--sf-textarea-placeholder--line-height)}.sf-textarea textarea::-moz-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface-variant);--sf-textarea-placeholder--font-family: var(--sf-text--family);color:var(--sf-textarea-placeholder--color);font-family:var(--sf-textarea-placeholder--font-family);font-size:var(--sf-textarea-placeholder--font-size);line-height:var(--sf-textarea-placeholder--line-height)}.sf-textarea textarea:-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface-variant);--sf-textarea-placeholder--font-family: var(--sf-text--family);color:var(--sf-textarea-placeholder--color);font-family:var(--sf-textarea-placeholder--font-family);font-size:var(--sf-textarea-placeholder--font-size);line-height:var(--sf-textarea-placeholder--line-height)}.sf-textarea textarea::-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface-variant);--sf-textarea-placeholder--font-family: var(--sf-text--family);color:var(--sf-textarea-placeholder--color);font-family:var(--sf-textarea-placeholder--font-family);font-size:var(--sf-textarea-placeholder--font-size);line-height:var(--sf-textarea-placeholder--line-height)}.sf-textarea textarea::placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface-variant);--sf-textarea-placeholder--font-family: var(--sf-text--family);color:var(--sf-textarea-placeholder--color);font-family:var(--sf-textarea-placeholder--font-family);font-size:var(--sf-textarea-placeholder--font-size);line-height:var(--sf-textarea-placeholder--line-height)}.sf-textarea.sf-textarea--filled textarea::-webkit-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface)}.sf-textarea.sf-textarea--filled textarea::-moz-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface)}.sf-textarea.sf-textarea--filled textarea:-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface)}.sf-textarea.sf-textarea--filled textarea::-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface)}.sf-textarea.sf-textarea--filled textarea::placeholder{--sf-textarea-placeholder--color: var(--sf-on-surface)}.sf-textarea.sf-textarea--size-1.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-1.sf-textarea--filled .sf-textarea-hint-text-wrap{--sf-textarea-hint-text-wrap--font-size: var(--sf-text-size-1\/2);--sf-textarea-hint-text-wrap--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-1.sf-textarea--filled .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-2.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-2.sf-textarea--filled .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-1\/2.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-1\/2.sf-textarea--filled .sf-textarea-hint-text-wrap{--sf-textarea-hint-text-wrap--font-family: var(--sf-text--family);--sf-textarea-hint-text-wrap--font-weight: var(--sf-font-weight-regular)}.sf-textarea.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--filled .sf-textarea-hint-text-wrap{--sf-textarea-hint-text-wrap--color: var(--sf-on-surface-variant)}.sf-textarea.sf-textarea--size-1 .sf-textarea-required{--sf-textarea-required--font-size: var(--sf-text-size-1\/2);--sf-textarea-required--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1 .sf-textarea-text{--sf-textarea-text--font-size: var(--sf-text-size-1\/2);--sf-textarea-text--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1.sf-textarea--bordered textarea,.sf-textarea.sf-textarea--size-1.sf-textarea--filled textarea{--sf-textarea-textarea--font-size: var(--sf-text-size-1);--sf-textarea-textarea--line-height: var(--sf-text-height-1);--sf-textarea-textarea--font-family: var(--sf-text--family);--sf-textarea-textarea--font-weight: var(--sf-font-weight-regular)}.sf-textarea.sf-textarea--bordered textarea,.sf-textarea.sf-textarea--filled textarea{--sf-textarea-textarea--color: var(--sf-textarea-color, var(--sf-on-surface))}.sf-textarea.sf-textarea--bordered textarea{--sf-textarea-textarea--background-color: var(--sf-textarea-background-color, var(--sf-surface-0));--sf-textarea-textarea--border-color: var(--sf-textarea-border-color, var(--sf-outline))}.sf-textarea:not(.error).sf-textarea--size-1.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:active\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary)}.sf-textarea:not(.error).sf-textarea--size-1.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:active\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary)}.sf-textarea:not(.error).sf-textarea--size-1.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) textarea{--sf-textarea-textarea--border-color: var(--sf-primary)}.sf-textarea:not(.error).sf-textarea--size-1.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):active) textarea{--sf-textarea-textarea--border-color: var(--sf-primary)}.sf-textarea.sf-textarea--bordered[\:has\(textarea\:disabled\)] textarea,.sf-textarea.sf-textarea--filled[\:has\(textarea\:disabled\)] textarea{--sf-textarea-textarea--color: var(--sf-on-disable)}.sf-textarea.sf-textarea--bordered:has(textarea:disabled) textarea,.sf-textarea.sf-textarea--filled:has(textarea:disabled) textarea{--sf-textarea-textarea--color: var(--sf-on-disable)}.sf-textarea.sf-textarea--bordered[\:has\(textarea\:disabled\)] textarea{--sf-textarea-textarea--border-color: var(--sf-outline-disable)}.sf-textarea.sf-textarea--bordered:has(textarea:disabled) textarea{--sf-textarea-textarea--border-color: var(--sf-outline-disable)}.sf-textarea.sf-textarea--filled[\:has\(textarea\:disabled\)] textarea{--sf-textarea-textarea--background-color: var(--sf-disable)}.sf-textarea.sf-textarea--filled:has(textarea:disabled) textarea{--sf-textarea-textarea--background-color: var(--sf-disable)}.sf-textarea.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] textarea{--sf-textarea-textarea--background-color: var(--sf-transparent-for-focus);--sf-textarea-textarea--border-color: var(--sf-outline)}.sf-textarea.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled).focus-visible) textarea{--sf-textarea-textarea--background-color: var(--sf-transparent-for-focus);--sf-textarea-textarea--border-color: var(--sf-outline)}.sf-textarea.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] textarea{--sf-textarea-textarea--background-color: var(--sf-transparent-for-focus);--sf-textarea-textarea--border-color: var(--sf-outline)}.sf-textarea.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled):focus-visible) textarea{--sf-textarea-textarea--background-color: var(--sf-transparent-for-focus);--sf-textarea-textarea--border-color: var(--sf-outline)}.sf-textarea.error.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.error.sf-textarea--filled .sf-textarea-hint-text-wrap{--sf-textarea-hint-text-wrap--color: var(--sf-error)}.sf-textarea.error.sf-textarea--bordered textarea{--sf-textarea-textarea--background-color: var(--sf-transparent-for-focus);--sf-textarea-textarea--border-color: var(--sf-error)}.sf-textarea.sf-textarea--filled textarea{--sf-textarea-textarea--background-color: var(--sf-textarea-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-textarea-textarea--border-color: var(--sf-textarea-border-color, var(--sf-transparent-for-focus))}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:hover\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container-hover)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:hover\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container-hover)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):hover) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container-hover)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):hover) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container-hover)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:active\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:active\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):active) textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea.error.sf-textarea--filled textarea{--sf-textarea-textarea--background-color: var(--sf-error-container)}.sf-textarea.sf-textarea--size-2.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-2.sf-textarea--filled .sf-textarea-hint-text-wrap{--sf-textarea-hint-text-wrap--font-size: var(--sf-text-size-1);--sf-textarea-hint-text-wrap--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-2 .sf-textarea-required{--sf-textarea-required--font-size: var(--sf-text-size-1);--sf-textarea-required--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-2 .sf-textarea-text{--sf-textarea-text--font-size: var(--sf-text-size-1);--sf-textarea-text--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-2.sf-textarea--bordered textarea,.sf-textarea.sf-textarea--size-2.sf-textarea--filled textarea{--sf-textarea-textarea--font-size: var(--sf-text-size-2);--sf-textarea-textarea--line-height: var(--sf-text-height-2)}.sf-textarea.sf-textarea--size-2.sf-textarea--bordered textarea,.sf-textarea.sf-textarea--size-2.sf-textarea--filled textarea,.sf-textarea.sf-textarea--size-1\/2.sf-textarea--bordered textarea,.sf-textarea.sf-textarea--size-1\/2.sf-textarea--filled textarea{--sf-textarea-textarea--font-family: var(--sf-text--family)}.sf-textarea:not(.error).sf-textarea--size-2.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:active\)] textarea, .sf-textarea:not(.error).sf-textarea--size-1\/2.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:active\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea:not(.error).sf-textarea--size-2.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:active\)] textarea,.sf-textarea:not(.error).sf-textarea--size-1\/2.sf-textarea--bordered[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:active\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea:not(.error).sf-textarea--size-2.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) textarea, .sf-textarea:not(.error).sf-textarea--size-1\/2.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea:not(.error).sf-textarea--size-2.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):active) textarea,.sf-textarea:not(.error).sf-textarea--size-1\/2.sf-textarea--bordered:has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):active) textarea{--sf-textarea-textarea--border-color: var(--sf-primary-active)}.sf-textarea.sf-textarea--size-1\/2.sf-textarea--bordered .sf-textarea-hint-text-wrap,.sf-textarea.sf-textarea--size-1\/2.sf-textarea--filled .sf-textarea-hint-text-wrap{--sf-textarea-hint-text-wrap--font-size: var(--sf-text-size-1\/3);--sf-textarea-hint-text-wrap--line-height: var(--sf-text-height-1\/3)}.sf-textarea.sf-textarea--size-1\/2 .sf-textarea-required{--sf-textarea-required--font-size: var(--sf-text-size-1\/3);--sf-textarea-required--line-height: var(--sf-text-height-1\/3)}.sf-textarea.sf-textarea--size-1\/2 .sf-textarea-text{--sf-textarea-text--font-size: var(--sf-text-size-1\/3);--sf-textarea-text--line-height: var(--sf-text-height-1\/3)}.sf-textarea.sf-textarea--size-1\/2.sf-textarea--bordered textarea,.sf-textarea.sf-textarea--size-1\/2.sf-textarea--filled textarea{--sf-textarea-textarea--font-size: var(--sf-text-size-1\/2);--sf-textarea-textarea--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1 textarea{--sf-textarea-textarea--padding-bottom: var(--sf-textarea-padding-block, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px)));--sf-textarea-textarea--padding-inline-end: var(--sf-textarea-padding-inline, calc(var(--sf-ui-1--space-x) + var(--sf-ui-1--text-space-x)));--sf-textarea-textarea--padding-inline-start: var(--sf-textarea-padding-inline, calc(var(--sf-ui-1--space-x) + var(--sf-ui-1--text-space-x)));--sf-textarea-textarea--padding-top: var(--sf-textarea-padding-block, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px)))}.sf-textarea.sf-textarea--size-1 textarea[rows="1"]{height:var(--sf-ui-1--control-height);block-size:var(--sf-ui-1--control-height)}.sf-textarea.sf-textarea--size-1 textarea::-webkit-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1);--sf-textarea-placeholder--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-1 textarea::-moz-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1);--sf-textarea-placeholder--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-1 textarea:-ms-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1);--sf-textarea-placeholder--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-1 textarea::-ms-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1);--sf-textarea-placeholder--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-1 textarea::placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1);--sf-textarea-placeholder--line-height: var(--sf-text-height-1)}.sf-textarea.sf-textarea--size-2 textarea{--sf-textarea-textarea--padding-bottom: var(--sf-textarea-padding-block, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-px)));--sf-textarea-textarea--padding-inline-end: var(--sf-textarea-padding-inline, calc(var(--sf-ui-2--space-x) + var(--sf-ui-2--text-space-x)));--sf-textarea-textarea--padding-inline-start: var(--sf-textarea-padding-inline, calc(var(--sf-ui-2--space-x) + var(--sf-ui-2--text-space-x)));--sf-textarea-textarea--padding-top: var(--sf-textarea-padding-block, calc(var(--sf-ui-2--space-y-tightness-default) - var(--sf-px)))}.sf-textarea.sf-textarea--size-2 textarea[rows="1"]{height:var(--sf-ui-2--control-height);block-size:var(--sf-ui-2--control-height)}.sf-textarea.sf-textarea--size-2 textarea::-webkit-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-2);--sf-textarea-placeholder--line-height: var(--sf-text-height-2)}.sf-textarea.sf-textarea--size-2 textarea::-moz-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-2);--sf-textarea-placeholder--line-height: var(--sf-text-height-2)}.sf-textarea.sf-textarea--size-2 textarea:-ms-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-2);--sf-textarea-placeholder--line-height: var(--sf-text-height-2)}.sf-textarea.sf-textarea--size-2 textarea::-ms-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-2);--sf-textarea-placeholder--line-height: var(--sf-text-height-2)}.sf-textarea.sf-textarea--size-2 textarea::placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-2);--sf-textarea-placeholder--line-height: var(--sf-text-height-2)}.sf-textarea.sf-textarea--size-1\/2 textarea{--sf-textarea-textarea--padding-bottom: var(--sf-textarea-padding-block, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-px)));--sf-textarea-textarea--padding-inline-end: var(--sf-textarea-padding-inline, calc(var(--sf-ui-1\/2--space-x) + var(--sf-ui-1\/2--text-space-x)));--sf-textarea-textarea--padding-inline-start: var(--sf-textarea-padding-inline, calc(var(--sf-ui-1\/2--space-x) + var(--sf-ui-1\/2--text-space-x)));--sf-textarea-textarea--padding-top: var(--sf-textarea-padding-block, calc(var(--sf-ui-1\/2--space-y-tightness-default) - var(--sf-px)))}.sf-textarea.sf-textarea--size-1\/2 textarea[rows="1"]{height:var(--sf-ui-1\/2--control-height);block-size:var(--sf-ui-1\/2--control-height)}.sf-textarea.sf-textarea--size-1\/2 textarea::-webkit-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1\/2);--sf-textarea-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1\/2 textarea::-moz-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1\/2);--sf-textarea-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1\/2 textarea:-ms-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1\/2);--sf-textarea-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1\/2 textarea::-ms-input-placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1\/2);--sf-textarea-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-textarea.sf-textarea--size-1\/2 textarea::placeholder{--sf-textarea-placeholder--font-size: var(--sf-text-size-1\/2);--sf-textarea-placeholder--line-height: var(--sf-text-height-1\/2)}.sf-textarea[\:has\(textarea\:disabled\)] textarea::-webkit-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea[\:has\(textarea\:disabled\)] textarea::-moz-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea[\:has\(textarea\:disabled\)] textarea:-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea[\:has\(textarea\:disabled\)] textarea::-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea[\:has\(textarea\:disabled\)] textarea::placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea:has(textarea:disabled) textarea::-webkit-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea:has(textarea:disabled) textarea::-moz-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea:has(textarea:disabled) textarea:-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea:has(textarea:disabled) textarea::-ms-input-placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea:has(textarea:disabled) textarea::placeholder{--sf-textarea-placeholder--color: var(--sf-on-disable)}.sf-textarea:not(.error)[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:hover\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary-hover)}.sf-textarea:not(.error)[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:hover\)] textarea{--sf-textarea-textarea--border-color: var(--sf-primary-hover)}.sf-textarea:not(.error):has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):hover) textarea{--sf-textarea-textarea--border-color: var(--sf-primary-hover)}.sf-textarea:not(.error):has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):hover) textarea{--sf-textarea-textarea--border-color: var(--sf-primary-hover)}.sf-textarea:not(.error)[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:active\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error)[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:active\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error):has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):active) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error):has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):active) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.sf-textarea--pointer-focus)[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] textarea{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-textarea:not(.sf-textarea--pointer-focus):has(textarea:enabled:not(:disabled):not(.disabled).focus-visible) textarea{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-textarea:not(.sf-textarea--pointer-focus)[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] textarea{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-textarea:not(.sf-textarea--pointer-focus):has(textarea:enabled:not(:disabled):not(.disabled):focus-visible) textarea{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-textarea.sf-textarea--pointer-focus textarea.focus-visible{outline:none}.sf-textarea.sf-textarea--pointer-focus textarea:focus-visible{outline:none}.sf-textarea:not(.error).sf-textarea--bordered[\:has\(textarea\:-moz-read-only\:not\(\:disabled\)\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-textarea:not(.error).sf-textarea--bordered[\:has\(textarea\:read-only\:not\(\:disabled\)\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-textarea:not(.error).sf-textarea--bordered:has(textarea:-moz-read-only:not(:disabled)) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-textarea:not(.error).sf-textarea--bordered:has(textarea:read-only:not(:disabled)) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-container);--sf-on-surface-variant: var(--sf-on-surface-container--variant)}}@layer sf.states{@media(prefers-reduced-motion: reduce){.sf-textarea textarea{transition-duration:0s}}@media(forced-colors: active){.sf-textarea:not(.sf-textarea--pointer-focus) textarea:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-textarea-textarea--box-shadow: none}.sf-textarea:not(.sf-textarea--pointer-focus) textarea:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width);--sf-textarea-textarea--box-shadow: none}}}@layer sf.components{.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\[focus-within\]\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\[focus-within\]\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only)[focus-within]) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only)[focus-within]) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:-moz-read-only\)\:focus-within\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:not\(\:read-only\)\:focus-within\)] textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:-moz-read-only):focus-within) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:enabled:not(:disabled):not(.disabled):not(:read-only):focus-within) textarea{--sf-textarea-textarea--background-color: var(--sf-surface-0)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\[focus-within\]\)] textarea{--sf-textarea-textarea--border-color: var(--sf-outline)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea[focus-within]) textarea{--sf-textarea-textarea--border-color: var(--sf-outline)}.sf-textarea:not(.error).sf-textarea--filled[\:has\(textarea\:focus-within\)] textarea{--sf-textarea-textarea--border-color: var(--sf-outline)}.sf-textarea:not(.error).sf-textarea--filled:has(textarea:focus-within) textarea{--sf-textarea-textarea--border-color: var(--sf-outline)}}

package/distr/component/textarea/js/textarea.min.js

@@ -0,0 +1 @@
+(()=>{"use strict";class e{lifecycleName(){return this.componentName??this.constructor.componentName}constructor(e){this.props=e,this.id=e?.id,this.params=e?.param,this.attrs=e?.attrs||{},this.template=null,window.dispatchEvent(new CustomEvent(`${this.lifecycleName()}:beforeRender`,{detail:this}))}getUtilityMap(){return this.constructor.utilityMap||null}extractUtilityClasses(e){if(!Array.isArray(e))return[];const t=new Set;return e.forEach(e=>{if("string"!=typeof e)return;const r=e.match(/\(([^)]+)\)/g);r&&r.forEach(e=>{e.slice(1,-1).split(/\s+/).filter(Boolean).forEach(e=>{e.startsWith(".")&&e.length>1&&t.add(e.slice(1))})})}),Array.from(t)}applyLayoutUtilities(e,t){if(!e||!t)return;const r=this.getUtilityMap();if(!r||!r[t])return;this.extractUtilityClasses(r[t]).forEach(t=>e.classList.add(t))}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 t=function(e,t){if(e&&t)if("undefined"==typeof window||"function"!=typeof window.registerSfComponent){if("undefined"!=typeof window&&window.SF?.Loader?.registerComponent)window.SF.Loader.registerComponent(e,t);else if("undefined"!=typeof window){(window.SF_PENDING_COMPONENTS=window.SF_PENDING_COMPONENTS||[]).push([e,t])}}else window.registerSfComponent(e,t)},r=JSON.parse('{".sf-textarea":["display/flex (.flex)","flex-direction/column (.flex-col)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-space-1\\\\/4)","justify-content/flex-start (.justify-start)"],".sf-textarea .sf-textarea-label":["display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-space-1\\\\/4)","justify-content/flex-start (.justify-start)","align-items/flex-start (.items-start)"],".sf-textarea textarea":[],".sf-textarea .sf-textarea-hint-text-wrap":["flex/1 (.flex-1)","display/flex (.flex)","flex-direction/row (.flex-row)","flex-wrap/nowrap (.flex-nowrap)","gap/var(--sf-b0)","justify-content/flex-start (.justify-start)","align-items/center (.items-center)"]}');let a=0;const s=new WeakMap;function n(e,{prefix:t="sf-field",required:r=!1,invalid:n=!1,hint:i="",errorMessage:o=""}={}){const l=function(e,t){if(e&&s.has(e))return s.get(e);const r=(e?.id?String(e.id).trim():"")||`${t}-${++a}`,n={controlId:`${r}-control`,messageId:`${r}-message`};return!e||"object"!=typeof e&&"function"!=typeof e||s.set(e,n),n}(e,t),d=Boolean(n),c=d&&o?o:i;return{...l,required:Boolean(r),invalid:d,message:c,describedBy:c?l.messageId:"",errorMessageId:d&&o?l.messageId:""}}function i(e,t,{prefix:r="sf-field",required:a=!1,invalid:s=!1,messageNode:i=null,labelNode:o=null,errorMessage:l=""}={}){if(!e||!t)return null;const d=n(e,{prefix:r,required:a,invalid:s,hint:i?.textContent?.trim()||"",errorMessage:l});var c,f;return t.id||(t.id=d.controlId),"LABEL"!==e.tagName||e.hasAttribute("for")||e.setAttribute("for",t.id),!o?.textContent?.trim()||t.hasAttribute("aria-label")||t.hasAttribute("aria-labelledby")||(o.id||(o.id=`${t.id}-label`),t.setAttribute("aria-labelledby",o.id)),t.required=d.required,e.classList.toggle("error",d.invalid),t.classList.toggle("error",d.invalid),d.invalid?t.setAttribute("aria-invalid","true"):t.removeAttribute("aria-invalid"),i&&(i.id||(i.id=d.messageId),t.setAttribute("aria-describedby",(c=t.getAttribute("aria-describedby"),f=[i.id],[...new Set([...String(c||"").split(/\s+/).filter(Boolean),...f.filter(Boolean)])].join(" ")))),d.errorMessageId&&i?t.setAttribute("aria-errormessage",i.id):t.removeAttribute("aria-errormessage"),d}function o(){const e=globalThis.SF=globalThis.SF||{};return e.__deprecationNotes instanceof Map||Object.defineProperty(e,"__deprecationNotes",{value:new Map,configurable:!0}),e.__deprecationNotes}function l({component:e="",kind:t="attribute",attribute:r="",from:a,to:s=null}={}){if(!a)return;const n=[e,t,r,a].join("|"),i=o(),l=i.get(n);if(l)l.count+=1;else if(i.set(n,{component:e,kind:t,attribute:r,from:a,to:s,count:1}),function(){const e=globalThis.document?.documentElement;return"warn"===e?.dataset?.sfDeprecations||!0===globalThis.SF?.deprecations?.warn}()){const n=e?`${e}: `:"",i="value"===t?`${r}="${a}"`:`${t} ${a}`;globalThis.console?.warn?.(`[Simai Framework] ${n}${i} is a legacy name${s?`; write ${s}`:""}. See contracts/changes/journal.json.`)}}if("undefined"!=typeof globalThis){globalThis.SF=globalThis.SF||{};const e=globalThis.SF.deprecations||{};e.list=function(){return[...o().values()].map(e=>({...e}))},e.clear=function(){o().clear()},e.note=l,globalThis.SF.deprecations=e}const d=Object.freeze(["1/2","1","2"]),c=Object.freeze({"1/3":"1/2",3:"2"}),f=new Set;function u(e,t="field",r="1"){const a=String(e??"").trim().toLowerCase();if(d.includes(a))return a;if(Object.hasOwn(c,a)){const e=c[a];l({component:t,kind:"value",attribute:"size",from:a,to:e});const r=`${t}:${a}`;return f.has(r)||"undefined"==typeof console||(f.add(r),console.warn(`[Simai Framework] ${t}: size ${a} is retired for form fields; rendering size ${e}.`)),e}return r}const p=new WeakMap,m=new WeakSet;let h=null;const x="label.sf-textarea",w="sfTextareaBound",g=new Set(["bordered","filled"]),y=new Set(["","none","text","tel","url","email","numeric","decimal","search"]),b=new Set(["soft","hard"]);function S(e){if(""===e||null==e)return null;const t=Number(e);return Number.isInteger(t)&&t>=0?t:null}function v(e,t=!1){return null==e||""===e?t:"boolean"==typeof e?e:["1","true","yes","on"].includes(String(e).toLowerCase())}function _(e){return e?.querySelector?.("textarea")||null}function L(e){return e?.querySelector?.(".sf-textarea-hint-text-wrap")||null}function T(e){const t=L(e);return{messageNode:t,errorMessage:"error"===t?.dataset.fieldMessage&&t.textContent?.trim()||""}}function E(e){if(!e||"string"!=typeof e)return null;const t=e.trim();if(!t)return null;try{const e=JSON.parse(t);return e&&"object"==typeof e?e:null}catch{return null}}async function M(e,t){const r=function(e,t){if(!v(t.dataset.mask??e.dataset.mask,!1))return null;const r=E(t.dataset.maskOptions),a=E(e.dataset.maskOptions);if(r)return r;if(a)return a;const s=t.dataset.maskPattern??e.dataset.maskPattern;return s?{mask:String(s)}:null}(e,t);if(!r)return;const a={};e.__sfTextareaMaskRequest=a;try{const s=await function(){const e=()=>window.SF?.Mask?.create?window.SF.Mask:null,t=e();return t?Promise.resolve(t):h||(h=new Promise(t=>{const r=[[window,"sf-mask-ready"],[window,"sf-loader-ready"],[window,"load"],[document,"DOMContentLoaded"]],a=()=>{const s=e();s&&(r.forEach(([e,t])=>e.removeEventListener(t,a)),h=null,t(s))};r.forEach(([e,t])=>e.addEventListener(t,a))}),h)}();if(e.__sfTextareaMaskRequest!==a)return;const n=await s.create(t,r);if(!n)return;if("1"!==e.dataset[w]||e.__sfTextareaMaskRequest!==a||_(e)!==t)return void s.destroy(n);e.__sfTextareaMask=n}catch(e){console.warn("SF.Textarea mask init failed",e)}}function k(e){if(function(e,t){if(e?.classList)for(const[r,a]of Object.entries(c)){const a=`${t}--size-${r}`;e.classList.contains(a)&&e.classList.replace(a,`${t}--size-${u(r,t)}`)}}(e,"sf-textarea"),!e||"1"===e.dataset[w])return;const t=_(e);if(!t)return;const r=()=>{},a=()=>e.classList.add("sf-textarea--pointer-focus"),s=()=>e.classList.remove("sf-textarea--pointer-focus");t.addEventListener("input",r),t.addEventListener("pointerdown",a),t.addEventListener("blur",s),e.__sfTextareaNoopHandler=r,e.__sfTextareaPointerFocusHandler=a,e.__sfTextareaBlurHandler=s,e.dataset[w]="1";const n=T(e);i(e,t,{prefix:"sf-textarea",labelNode:e.querySelector(".sf-textarea-text"),required:t.required||Boolean(e.querySelector(".sf-textarea-required")),invalid:e.classList.contains("error")||t.classList.contains("error"),...n}),e.__sfTextareaReleaseReset=function(e,t){const r=e.ownerDocument;m.has(r)||(r.addEventListener("reset",e=>{const t=e.target;if("FORM"!==t?.tagName)return;const r=Array.from(t.elements);setTimeout(()=>{if(!e.defaultPrevented)for(const e of r)if(e.isConnected&&e.form===t)for(const t of p.get(e)||[])t()},0)},!0),m.add(r));let a=p.get(e);return a||p.set(e,a=new Set),a.add(t),()=>a.delete(t)}(t,()=>{e.__sfTextareaMask&&(e.__sfTextareaMask.value=t.value)}),M(e,t)}function N(e=document){e.querySelectorAll(x).forEach(k)}class O extends e{static componentName="Textarea";html=null;constructor(e){super(e);const{size:t="1",type:r="bordered",label:a="",required:s=!1,placeholder:n="",autocomplete:i="",inputMode:o="",minLength:l="",maxLength:d="",spellcheck:c=!0,wrap:f="soft",hint:p="",value:m="",name:h="",rows:x=3,disabled:w=!1,readonly:_=!1,error:L=!1,invalid:T=!1,errorMessage:E="",mask:M=!1,maskOptions:k,maskPattern:N}=this.params||{},O=this.attrs.class||this.attrs.className,$=u(t,"sf-textarea"),F=function(e,t,r){const a=String(e||r);return t.has(a)?a:r}(r,g,"bordered");this.template=document.createElement("label"),this.id&&(this.template.id=this.id),this.template.classList.add("sf-textarea",`sf-textarea--size-${$}`,`sf-textarea--${F}`),this.template.classList.toggle("error",v(T||L,!1)),O&&this.template.classList.add(...`${O}`.split(" ").filter(Boolean));const q=document.createElement("span");q.classList.add("sf-textarea-label");const C=document.createElement("span");if(C.classList.add("sf-textarea-text"),C.textContent=String(a),q.append(C),v(s,!0)){const e=document.createElement("span");e.classList.add("sf-textarea-required"),e.textContent="*",q.append(e)}const j=document.createElement("textarea");j.placeholder=String(n??""),i&&(j.autocomplete=String(i)),j.inputMode=function(e){const t=String(e||"").toLowerCase();return y.has(t)?t:""}(o);const P=S(l),A=S(d);null!==P&&(j.minLength=P),null!==A&&(j.maxLength=A),j.spellcheck=v(c,!0),j.wrap=function(e){const t=String(e||"soft").toLowerCase();return b.has(t)?t:"soft"}(f),j.value=String(m??""),j.defaultValue=String(m??""),j.rows=Number(x)>0?Number(x):3,h&&(j.name=String(h)),j.disabled=v(w,!1),j.readOnly=v(_,!1),j.required=v(s,!0),j.classList.toggle("error",v(T||L,!1)),j.dataset.mask=String(Boolean(M)),N&&(j.dataset.maskPattern=String(N)),k&&"object"==typeof k&&(j.dataset.maskOptions=JSON.stringify(k)),this.template.append(q,j);const B=v(T||L,!1)&&E?E:p;if(B){const e=document.createElement("span");e.classList.add("sf-textarea-hint-text-wrap"),e.textContent=String(B),e.dataset.fieldMessage=v(T||L,!1)&&E?"error":"hint",this.template.append(e)}this.applyLayoutUtilities(this.template,".sf-textarea"),this.applyLayoutUtilities(q,".sf-textarea .sf-textarea-label"),this.applyLayoutUtilities(j,".sf-textarea textarea")}init(){k(this.template)}destroyInternal(){!function(e){if(!e||"1"!==e.dataset[w])return;delete e.__sfTextareaMaskRequest;const t=_(e);t&&e.__sfTextareaNoopHandler&&t.removeEventListener("input",e.__sfTextareaNoopHandler),t&&e.__sfTextareaPointerFocusHandler&&t.removeEventListener("pointerdown",e.__sfTextareaPointerFocusHandler),t&&e.__sfTextareaBlurHandler&&t.removeEventListener("blur",e.__sfTextareaBlurHandler),e.__sfTextareaMask&&window.SF?.Mask?.destroy?.(e.__sfTextareaMask),e.__sfTextareaReleaseReset?.(),delete e.__sfTextareaReleaseReset,delete e.__sfTextareaMask,delete e.__sfTextareaNoopHandler,delete e.__sfTextareaPointerFocusHandler,delete e.__sfTextareaBlurHandler,e.classList.remove("sf-textarea--pointer-focus"),delete e.dataset[w]}(this.template)}}O.utilityMap=r,t("Textarea",O),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Textarea=window.SF.Textarea||{},window.SF.Textarea.setState=function(e,t={}){const r=e instanceof HTMLElement?e.closest(x)||e:null;if(!r)return!1;const a=_(r);if(!a)return!1;if(Object.prototype.hasOwnProperty.call(t,"disabled")&&(a.disabled=v(t.disabled)),Object.prototype.hasOwnProperty.call(t,"error")){const e=v(t.error);r.classList.toggle("error",e),a.classList.toggle("error",e)}if(Object.prototype.hasOwnProperty.call(t,"invalid")){const e=v(t.invalid);r.classList.toggle("error",e),a.classList.toggle("error",e)}if(Object.prototype.hasOwnProperty.call(t,"errorMessage")){const e=String(t.errorMessage??""),s=e?function(e){const t=L(e);if(t)return t;const r=document.createElement("span");return r.classList.add("sf-textarea-hint-text-wrap"),e.append(r),r}(r):L(r);if(s){s.textContent=e;const t=r.classList.contains("error")||a.classList.contains("error");s.dataset.fieldMessage=e&&t?"error":"hint"}}return Object.prototype.hasOwnProperty.call(t,"value")&&(a.value=String(t.value??""),a.dispatchEvent(new Event("input",{bubbles:!0}))),i(r,a,{prefix:"sf-textarea",labelNode:r.querySelector(".sf-textarea-text"),required:a.required||Boolean(r.querySelector(".sf-textarea-required")),invalid:r.classList.contains("error")||a.classList.contains("error"),...T(r)}),!0}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>N()):N();new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{e instanceof Element&&(e.matches?.(x)&&k(e),N(e))})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/textarea/json/textarea.utility.json

@@ -0,0 +1,27 @@
+{
+  ".sf-textarea": [
+    "display/flex (.flex)",
+    "flex-direction/column (.flex-col)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-1\\/4)",
+    "justify-content/flex-start (.justify-start)"
+  ],
+  ".sf-textarea .sf-textarea-label": [
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-space-1\\/4)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/flex-start (.items-start)"
+  ],
+  ".sf-textarea textarea": [],
+  ".sf-textarea .sf-textarea-hint-text-wrap": [
+    "flex/1 (.flex-1)",
+    "display/flex (.flex)",
+    "flex-direction/row (.flex-row)",
+    "flex-wrap/nowrap (.flex-nowrap)",
+    "gap/var(--sf-b0)",
+    "justify-content/flex-start (.justify-start)",
+    "align-items/center (.items-center)"
+  ]
+}

package/distr/component/theme/js/theme.min.js

@@ -0,0 +1 @@
+(()=>{var e={be16fcddb36e(){(()=>{const e=()=>{const e=document.documentElement.classList.contains("theme-dark"),t=window.SF?.Loader?.themePreference;document.querySelectorAll(".sf-theme-button").forEach(s=>{const n=s.dataset.theme,o=n?n===t:e;s.setAttribute("aria-pressed",String(o)),s.classList.toggle("active",o),s.querySelector?.(":scope > .sf-button")?.classList.toggle("active",o)})};document.addEventListener("click",e=>{const t=e.target.closest?.(".sf-theme-button");if(!t||!t.isConnected)return;const s=t.dataset.theme;void 0===s?window.SF?.Loader?.changeTheme?.(t):["system","light","dark"].includes(s)&&window.SF?.Loader?.setTheme?.(s)}),window.addEventListener("sf-theme-change",e),document.addEventListener("turbo:load",e),e()})()}};const t={};function s(n){const o=t[n];if(void 0!==o)return o.exports;const c=t[n]={exports:{}};return e[n](c,c.exports,s),c.exports}(()=>{"use strict";s("be16fcddb36e")})()})();

package/distr/component/toast/css/toast.min.css

@@ -0,0 +1 @@
+@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toast{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-right-radius, var(--sf-radius--surface)))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-toast{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-right-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-toast{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-right-radius, var(--sf-radius--surface)))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-toast{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-right-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toast{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-left-radius, var(--sf-radius--surface)))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-toast{border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-left-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius--surface);border-bottom-left-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-toast{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-left-radius, var(--sf-radius--surface)))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-toast{border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-left-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius--surface);border-bottom-right-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toast{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-toast-radius, var(--sf-toast--border-top-right-radius, var(--sf-radius--surface)))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-toast{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-toast-radius, var(--sf-toast--border-top-right-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(ltr)){border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-toast-radius, var(--sf-toast--border-top-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-toast{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-toast-radius, var(--sf-toast--border-top-right-radius, var(--sf-radius--surface)))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-toast{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-toast-radius, var(--sf-toast--border-top-right-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(rtl)){border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-toast-radius, var(--sf-toast--border-top-right-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toast{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-toast-radius, var(--sf-toast--border-top-left-radius, var(--sf-radius--surface)))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-toast{border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-toast-radius, var(--sf-toast--border-top-left-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(ltr)){border-top-left-radius:var(--sf-radius--surface);border-top-left-radius:var(--sf-toast-radius, var(--sf-toast--border-top-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, [dir="rtl"] .sf-toast{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-toast-radius, var(--sf-toast--border-top-left-radius, var(--sf-radius--surface)))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-toast{border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-toast-radius, var(--sf-toast--border-top-left-radius, var(--sf-radius--surface)))}}.sf-toast:where(:dir(rtl)){border-top-right-radius:var(--sf-radius--surface);border-top-right-radius:var(--sf-toast-radius, var(--sf-toast--border-top-left-radius, var(--sf-radius--surface)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toast{padding-right:var(--sf-space-1);padding-right:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-toast{padding-right:var(--sf-space-1);padding-right:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)))}}.sf-toast:where(:dir(ltr)){padding-right:var(--sf-space-1);padding-right:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-toast{padding-left:var(--sf-space-1);padding-left:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-toast{padding-left:var(--sf-space-1);padding-left:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)))}}.sf-toast:where(:dir(rtl)){padding-left:var(--sf-space-1);padding-left:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toast{padding-left:var(--sf-space-1);padding-left:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-toast{padding-left:var(--sf-space-1);padding-left:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)))}}.sf-toast:where(:dir(ltr)){padding-left:var(--sf-space-1);padding-left:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)))}_:-ms-input-placeholder, [dir="rtl"] .sf-toast{padding-right:var(--sf-space-1);padding-right:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-toast{padding-right:var(--sf-space-1);padding-right:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)))}}.sf-toast:where(:dir(rtl)){padding-right:var(--sf-space-1);padding-right:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)))}.sf-toast{box-sizing:border-box;min-width:var(--sf-0);min-inline-size:var(--sf-0);max-width:100%;max-inline-size:100%;border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-toast-border-width, var(--sf-px)) solid var(--sf-toast-border-color, var(--sf-toast--border-color, var(--sf-outline-variant)));border-end-end-radius:var(--sf-radius--surface);border-end-end-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-right-radius, var(--sf-radius--surface)));border-end-start-radius:var(--sf-radius--surface);border-end-start-radius:var(--sf-toast-radius, var(--sf-toast--border-bottom-left-radius, var(--sf-radius--surface)));border-start-end-radius:var(--sf-radius--surface);border-start-end-radius:var(--sf-toast-radius, var(--sf-toast--border-top-right-radius, var(--sf-radius--surface)));border-start-start-radius:var(--sf-radius--surface);border-start-start-radius:var(--sf-toast-radius, var(--sf-toast--border-top-left-radius, var(--sf-radius--surface)));gap:var(--sf-space-1\/2);gap:var(--sf-toast-gap, var(--sf-toast--gap, var(--sf-space-1\/2)));padding-bottom:var(--sf-space-1);padding-bottom:var(--sf-toast-padding-block, var(--sf-toast--padding-bottom, var(--sf-space-1)));-webkit-padding-end:var(--sf-space-1);padding-inline-end:var(--sf-space-1);-webkit-padding-end:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)));padding-inline-end:var(--sf-toast-padding-inline, var(--sf-toast--padding-right, var(--sf-space-1)));-webkit-padding-start:var(--sf-space-1);padding-inline-start:var(--sf-space-1);-webkit-padding-start:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)));padding-inline-start:var(--sf-toast-padding-inline, var(--sf-toast--padding-left, var(--sf-space-1)));padding-top:var(--sf-space-1);padding-top:var(--sf-toast-padding-block, var(--sf-toast--padding-top, var(--sf-space-1)));background-color:var(--sf-elevation-3--surface);--sf-on-surface-variant: var(--sf-on-elevation-3--variant);background-image:linear-gradient(var(--sf-toast--background-color), var(--sf-toast--background-color));box-shadow:var(--sf-elevation-3--shadow);color:var(--sf-on-surface);color:var(--sf-toast--content-color, var(--sf-on-surface));opacity:1;-webkit-transform:translateY(var(--sf-0));transform:translateY(var(--sf-0));transition:opacity var(--sf-duration-normal) var(--sf-ease-enter),-webkit-transform var(--sf-duration-normal) var(--sf-ease-enter);transition:opacity var(--sf-duration-normal) var(--sf-ease-enter),transform var(--sf-duration-normal) var(--sf-ease-enter);transition:opacity var(--sf-duration-normal) var(--sf-ease-enter),transform var(--sf-duration-normal) var(--sf-ease-enter),-webkit-transform var(--sf-duration-normal) var(--sf-ease-enter)}.sf-toast.closing{transition-timing-function:var(--sf-ease-exit);opacity:0;-webkit-transform:translateY(var(--sf-space-1\/2));transform:translateY(var(--sf-space-1\/2))}.sf-toast .sf-close-icon{background-color:var(--sf-close-icon--background-color);border-color:transparent;border-color:var(--sf-close-icon--border-color, transparent)}.sf-toast .sf-icon{--sf-icon--font-size: var(--sf-text-size-3);--sf-icon--height: var(--sf-text-size-3);--sf-icon--width: var(--sf-text-size-3);color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-icon--font-size);height:var(--sf-icon--height);width:var(--sf-icon--width)}.sf-toast .sf-toast-container{--sf-toast-container--background-color: transparent;--sf-toast-container--gap: var(--sf-space-1\/2);background-color:var(--sf-toast-container--background-color);gap:var(--sf-toast-container--gap);min-width:var(--sf-0);min-inline-size:var(--sf-0)}.sf-toast .sf-toast-bottom{--sf-toast-bottom--background-color: transparent;background-color:var(--sf-toast-bottom--background-color);flex-wrap:wrap;gap:var(--sf-b1)}.sf-toast .sf-toast-wrap{--sf-toast-wrap--background-color: transparent;--sf-toast-wrap--gap: var(--sf-space-1\/4);background-color:var(--sf-toast-wrap--background-color);gap:var(--sf-toast-wrap--gap)}.sf-toast .sf-toast-supporting-text{--sf-toast-supporting-text--font-family: var(--sf-text--family);--sf-toast-supporting-text--font-size: var(--sf-text-size-1);--sf-toast-supporting-text--font-weight: var(--sf-font-weight-regular);--sf-toast-supporting-text--line-height: var(--sf-text-height-1);color:var(--sf-toast-supporting-text--color);font-family:var(--sf-toast-supporting-text--font-family);font-size:var(--sf-toast-supporting-text--font-size);font-weight:var(--sf-toast-supporting-text--font-weight);line-height:var(--sf-toast-supporting-text--line-height);word-wrap:anywhere}.sf-toast .sf-toast-text{--sf-toast-text--font-family: var(--sf-text--family);--sf-toast-text--font-size: var(--sf-text-size-1);--sf-toast-text--font-weight: var(--sf-font-weight-medium);--sf-toast-text--line-height: var(--sf-text-height-1);color:var(--sf-toast-text--color);font-family:var(--sf-toast-text--font-family);font-size:var(--sf-toast-text--font-size);font-weight:var(--sf-toast-text--font-weight);line-height:var(--sf-toast-text--line-height);word-wrap:anywhere}.sf-toast.sf-toast--neutral .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-toast.sf-toast--default .sf-icon{--sf-icon--color: var(--sf-on-surface)}.sf-toast.sf-toast--neutral .sf-toast-supporting-text{--sf-toast-supporting-text--color: var(--sf-toast-color, var(--sf-on-surface))}.sf-toast.sf-toast--default .sf-toast-supporting-text{--sf-toast-supporting-text--color: var(--sf-toast-color, var(--sf-on-surface))}.sf-toast.sf-toast--neutral .sf-toast-text{--sf-toast-text--color: var(--sf-toast-color, var(--sf-on-surface))}.sf-toast.sf-toast--default .sf-toast-text{--sf-toast-text--color: var(--sf-toast-color, var(--sf-on-surface))}.sf-toast.sf-toast--info .sf-icon{--sf-icon--color: var(--sf-on-primary-container-graphic)}.sf-toast.sf-toast--primary .sf-icon{--sf-icon--color: var(--sf-on-primary-container-graphic)}.sf-toast.sf-toast--info>.sf-icon-button.sf-icon-button--link>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-primary-container)}.sf-toast.sf-toast--primary>.sf-icon-button.sf-icon-button--link>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-primary-container)}.sf-toast.sf-toast--info .sf-toast-supporting-text{--sf-toast-supporting-text--color: var(--sf-toast-color, var(--sf-on-primary-container))}.sf-toast.sf-toast--primary .sf-toast-supporting-text{--sf-toast-supporting-text--color: var(--sf-toast-color, var(--sf-on-primary-container))}.sf-toast.sf-toast--info .sf-toast-text{--sf-toast-text--color: var(--sf-toast-color, var(--sf-on-primary-container))}.sf-toast.sf-toast--primary .sf-toast-text{--sf-toast-text--color: var(--sf-toast-color, var(--sf-on-primary-container))}.sf-toast.sf-toast--error .sf-icon{--sf-icon--color: var(--sf-on-error-container-graphic)}.sf-toast.sf-toast--error>.sf-icon-button.sf-icon-button--link>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-error-container)}.sf-toast.sf-toast--error .sf-toast-supporting-text{--sf-toast-supporting-text--color: var(--sf-toast-color, var(--sf-on-error-container))}.sf-toast.sf-toast--error .sf-toast-text{--sf-toast-text--color: var(--sf-toast-color, var(--sf-on-error-container))}.sf-toast.sf-toast--warning .sf-icon{--sf-icon--color: var(--sf-on-warning-container-graphic)}.sf-toast.sf-toast--warning>.sf-icon-button.sf-icon-button--link>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-warning-container)}.sf-toast.sf-toast--warning .sf-toast-supporting-text{--sf-toast-supporting-text--color: var(--sf-toast-color, var(--sf-on-warning-container))}.sf-toast.sf-toast--warning .sf-toast-text{--sf-toast-text--color: var(--sf-toast-color, var(--sf-on-warning-container))}.sf-toast.sf-toast--success .sf-icon{--sf-icon--color: var(--sf-on-success-container-graphic)}.sf-toast.sf-toast--success>.sf-icon-button.sf-icon-button--link>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-success-container)}.sf-toast.sf-toast--success .sf-toast-supporting-text{--sf-toast-supporting-text--color: var(--sf-toast-color, var(--sf-on-success-container))}.sf-toast.sf-toast--success .sf-toast-text{--sf-toast-text--color: var(--sf-toast-color, var(--sf-on-success-container))}.sf-toast--neutral{--sf-toast--background-color: var(--sf-toast-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-toast--content-color: var(--sf-toast-color, var(--sf-on-surface));--sf-close-icon--background-color: var(--sf-on-surface)}.sf-toast--default{--sf-toast--background-color: var(--sf-toast-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-toast--content-color: var(--sf-toast-color, var(--sf-on-surface));--sf-close-icon--background-color: var(--sf-on-surface)}.sf-toast--info{--sf-toast--background-color: var(--sf-toast-background-color, var(--sf-primary-container));--sf-toast--content-color: var(--sf-toast-color, var(--sf-on-primary-container));--sf-close-icon--background-color: var(--sf-on-primary-container)}.sf-toast--primary{--sf-toast--background-color: var(--sf-toast-background-color, var(--sf-primary-container));--sf-toast--content-color: var(--sf-toast-color, var(--sf-on-primary-container));--sf-close-icon--background-color: var(--sf-on-primary-container)}.sf-toast--error{--sf-toast--background-color: var(--sf-toast-background-color, var(--sf-error-container));--sf-toast--content-color: var(--sf-toast-color, var(--sf-on-error-container));--sf-close-icon--background-color: var(--sf-on-error-container)}.sf-toast--warning{--sf-toast--background-color: var(--sf-toast-background-color, var(--sf-warning-container));--sf-toast--content-color: var(--sf-toast-color, var(--sf-on-warning-container));--sf-close-icon--background-color: var(--sf-on-warning-container)}.sf-toast--success{--sf-toast--background-color: var(--sf-toast-background-color, var(--sf-success-container));--sf-toast--content-color: var(--sf-toast-color, var(--sf-on-success-container));--sf-close-icon--background-color: var(--sf-on-success-container)}@media(prefers-reduced-motion: reduce){.sf-toast{transition:none}}@media(forced-colors: active){.sf-toast{border-color:CanvasText}}}@layer sf.components{.sf-notifications{position:fixed;top:auto;right:auto;bottom:auto;left:auto;inset:auto;margin:0;padding:0;border:0;background:rgba(0,0,0,0);color:inherit;overflow:visible;display:flex;flex-direction:column;gap:var(--sf-space-1\/2);width:min(var(--sf-g4),100vw - 2*var(--sf-space-1));inline-size:min(var(--sf-g4),100vw - 2*var(--sf-space-1));max-height:calc(100vh - 2*var(--sf-space-1));max-block-size:calc(100vh - 2*var(--sf-space-1));pointer-events:none;z-index:var(--sf-z-index-9)}.sf-notifications:not(:popover-open)[popover]{display:none}.sf-notifications>*{pointer-events:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-notifications[data-placement$=end]{right:var(--sf-space-1)}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-notifications[data-placement$=end]{right:var(--sf-space-1)}}.sf-notifications[data-placement$=end]:where(:dir(ltr)){right:var(--sf-space-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-notifications[data-placement$=end]{left:var(--sf-space-1)}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-notifications[data-placement$=end]{left:var(--sf-space-1)}}.sf-notifications[data-placement$=end]:where(:dir(rtl)){left:var(--sf-space-1)}.sf-notifications[data-placement$=end]{inset-inline-end:var(--sf-space-1)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-notifications[data-placement$=start]{left:var(--sf-space-1)}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-notifications[data-placement$=start]{left:var(--sf-space-1)}}.sf-notifications[data-placement$=start]:where(:dir(ltr)){left:var(--sf-space-1)}_:-ms-input-placeholder, [dir="rtl"] .sf-notifications[data-placement$=start]{right:var(--sf-space-1)}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-notifications[data-placement$=start]{right:var(--sf-space-1)}}.sf-notifications[data-placement$=start]:where(:dir(rtl)){right:var(--sf-space-1)}.sf-notifications[data-placement$=start]{inset-inline-start:var(--sf-space-1)}.sf-notifications[data-placement^=top]{top:var(--sf-space-1);inset-block-start:var(--sf-space-1)}.sf-notifications[data-placement^=bottom]{bottom:var(--sf-space-1);inset-block-end:var(--sf-space-1)}.sf-notifications .sf-toast[data-count]{position:relative}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-notifications .sf-toast[data-count]::before{left:calc(-1*var(--sf-space-1\/4))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-notifications .sf-toast[data-count]::before{left:calc(-1*var(--sf-space-1\/4))}}.sf-notifications .sf-toast[data-count]::before:where(:dir(ltr)){left:calc(-1*var(--sf-space-1\/4))}_:-ms-input-placeholder, [dir="rtl"] .sf-notifications .sf-toast[data-count]::before{right:calc(-1*var(--sf-space-1\/4))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-notifications .sf-toast[data-count]::before{right:calc(-1*var(--sf-space-1\/4))}}.sf-notifications .sf-toast[data-count]::before:where(:dir(rtl)){right:calc(-1*var(--sf-space-1\/4))}.sf-notifications .sf-toast[data-count]::before{content:"×" attr(data-count);position:absolute;top:calc(-1*var(--sf-space-1\/4));inset-block-start:calc(-1*var(--sf-space-1\/4));inset-inline-start:calc(-1*var(--sf-space-1\/4));padding-left:var(--sf-space-1\/4);padding-right:var(--sf-space-1\/4);padding-inline:var(--sf-space-1\/4);border-radius:var(--sf-radius-circle);background-color:var(--sf-on-surface);color:var(--sf-surface-0);font-size:var(--sf-text-size-1\/3);line-height:var(--sf-text-height-1\/3)}}

package/distr/component/toast/js/toast.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)};function n(t,e=t){if(!(t instanceof HTMLElement&&e instanceof Element))return!1;const n=()=>{e.isConnected&&e.remove()};if(window.matchMedia?.("(prefers-reduced-motion: reduce)").matches)return n(),!0;t.offsetWidth,t.classList.add("closing");const s=(o=t)&&"function"==typeof o.getAnimations?o.getAnimations().filter(t=>Number.isFinite(t.effect?.getTiming?.().duration)):[];var o;return s.length?(Promise.allSettled(s.map(t=>t.finished)).then(n),!0):(n(),!0)}const s=(()=>{const t="undefined"!=typeof globalThis?globalThis:{},e="__sfPageLanguage";return t[e]||(t[e]={listeners:new Set,registered:new Map,chosen:null}),t[e]})(),o=s.listeners,a=s.registered,i=t=>String(t??"").trim().toLowerCase().replace("_","-"),r=()=>{for(const t of[...o])try{t()}catch{}};function c(t){let e=t;for(;e;){const t="function"==typeof e.closest?e.closest("[lang]"):null;if(t)return t;const n="function"==typeof e.getRootNode?e.getRootNode():null;e=n&&n!==e&&n.host?n.host:null}return null}function l(t){if(s.chosen)return s.chosen.split("-")[0];const e=c(t),n=e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en";return i(n).split("-")[0]||"en"}function u(t){if(s.chosen)return s.chosen;const e=c(t);return i(e?.getAttribute("lang")||globalThis.document?.documentElement?.lang||"en")}function d(t,e,n,s){const o=s??(t=>{const e=t?.tagName;return"string"==typeof e?e.toLowerCase():null})(n);for(const s of(t=>{const e=i(t),n=e.split("-")[0],s=[];for(const t of[e,n,"en"])t&&!s.includes(t)&&s.push(t);return s})(u(n))){const n=o?a.get(o)?.get(s)?.[e]:void 0;if(void 0!==n)return n;const i=t?.[s]?.[e];if(void 0!==i)return i}return e}const f={current:(t=globalThis.document?.documentElement??null)=>u(t),use(t){const e=null==t?null:i(t);return e===s.chosen||(s.chosen=e,r()),s.chosen},register(t,e,n){const s=String(t??"").toLowerCase(),o=i(e);if(!s||!o)throw new TypeError("a component and a language are required");a.has(s)||a.set(s,new Map);const c=a.get(s);return null===n?c.delete(o):c.set(o,{...c.get(o)??{},...n}),r(),this},registerAll(t,e={}){for(const[n,s]of Object.entries(e))this.register(n,t,s);return this},known(t){const e=String(t??"").toLowerCase();return[...a.get(e)?.keys()??[]]},components:()=>[...a.keys()],onChange:t=>"function"!=typeof t?()=>{}:(o.add(t),()=>o.delete(t)),forget(){return a.clear(),s.chosen=null,r(),this}};"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.language=f,window.SF.pageLanguage=l,window.SF.pageText=d);const m={en:{close:"Close message"},ru:{close:"Закрыть сообщение"}},p=".sf-toast",h="sfToastBound",g=new Set(["neutral","info","success","warning","error"]),w={default:"neutral",primary:"info"};function T(...t){return t.flat().filter(Boolean).join(" ")}function E(t){t.__sfToastTimer&&window.clearTimeout(t.__sfToastTimer),t.__sfToastTimer=null}function b(t){E(t),t.__sfToastRemaining&&!t.__sfToastPauseReasons?.size&&(t.__sfToastStartedAt=performance.now(),t.__sfToastTimer=window.setTimeout(()=>{S(t,t.__sfToastRemovalTarget||t)},t.__sfToastRemaining))}function _(t,e){t.__sfToastPauseReasons?.add(e),t.__sfToastTimer&&(t.__sfToastRemaining=Math.max(0,t.__sfToastRemaining-(performance.now()-t.__sfToastStartedAt)),E(t))}function v(t,e){t.__sfToastPauseReasons?.delete(e),b(t)}function y(t,e=t){if(!(t instanceof HTMLElement))return;if(t.__sfToastRemovalTarget=e instanceof Element?e:t,"1"===t.dataset[h])return;const n=e=>{const n=e.target?.closest?.("[data-close], [data-toast-close], [data-action], [data-toast-action]");if(n&&t.contains(n)&&n.closest(p)===t&&!n.matches(':disabled, [aria-disabled="true"]'))return n.matches("[data-close], [data-toast-close]")?(e.preventDefault(),void S(t,t.__sfToastRemovalTarget||t,n)):void t.dispatchEvent(new CustomEvent("sf-toast-action",{bubbles:!0,composed:!0,detail:{action:n.getAttribute("data-action")||n.getAttribute("data-toast-action")||"",toast:t,trigger:n}}))},s=()=>_(t,"pointer"),o=()=>v(t,"pointer"),a=()=>_(t,"focus"),i=e=>{t.contains(e.relatedTarget)||v(t,"focus")};t.addEventListener("click",n),t.addEventListener("pointerenter",s),t.addEventListener("pointerleave",o),t.addEventListener("focusin",a),t.addEventListener("focusout",i),t.__sfToastHandlers={handleClick:n,handlePointerEnter:s,handlePointerLeave:o,handleFocusIn:a,handleFocusOut:i},t.__sfToastPauseReasons=new Set,t.__sfToastRemaining=function(t){const e=Number(t.getAttribute("data-duration"));return Number.isFinite(e)&&e>0?e:0}(t),t.dataset[h]="1",b(t)}function N(t){if(!(t instanceof HTMLElement))return;const e=t.__sfToastHandlers;e&&(t.removeEventListener("click",e.handleClick),t.removeEventListener("pointerenter",e.handlePointerEnter),t.removeEventListener("pointerleave",e.handlePointerLeave),t.removeEventListener("focusin",e.handleFocusIn),t.removeEventListener("focusout",e.handleFocusOut)),E(t),delete t.__sfToastHandlers,delete t.__sfToastPauseReasons,delete t.__sfToastRemaining,delete t.__sfToastStartedAt,delete t.__sfToastRemovalTarget,delete t.dataset[h]}function S(t,e=null,s=null){return t instanceof HTMLElement&&!t.classList.contains("closing")&&(e=e||t.__sfToastRemovalTarget||t,N(t),t.dispatchEvent(new CustomEvent("sf-toast-close",{bubbles:!0,composed:!0,detail:{toast:t,trigger:s}})),n(t,e))}function L(t={}){const{status:e,type:n="default",icon:s="",title:o="",supportingText:a="",actionText:i="",action:r="",closable:c=!0,closeLabel:l=d(m,"close",document.documentElement),duration:u=0,role:f=""}=t,p=document.createElement("div");if(p.className=T("sf-toast",`sf-toast--${function(t){const e=w[t]??t;return g.has(e)?e:"neutral"}(e??n)}`,"flex","items-cross-start"),Number.isFinite(Number(u))&&Number(u)>0&&(p.dataset.duration=String(Number(u))),"status"!==f&&"alert"!==f||p.setAttribute("role",f),s){const t=document.createElement("i");t.className="sf-icon",t.setAttribute("aria-hidden","true"),t.textContent=s,p.append(t)}const h=document.createElement("div");h.className="sf-toast-container flex flex-col flex-1";const E=document.createElement("div");if(E.className="sf-toast-wrap flex flex-col",o){const t=document.createElement("div");t.className="sf-toast-text",t.textContent=o,E.append(t)}if(a){const t=document.createElement("div");t.className="sf-toast-supporting-text",t.textContent=a,E.append(t)}if(h.append(E),i){const t=document.createElement("div");t.className="sf-toast-bottom flex items-center";const e=document.createElement("button");e.type="button",e.className="sf-button sf-button--primary sf-button--link sf-button--size-1",e.setAttribute("data-action",r||"action"),e.setAttribute("data-toast-action",r||"action");const n=document.createElement("span");n.className="sf-button-text-container",n.textContent=i,e.append(n),t.append(e),h.append(t)}if(p.append(h),c){const t=document.createElement("button");t.type="button",t.className=T("sf-icon-button","sf-icon-button--variant-close","sf-icon-button--on-surface","sf-icon-button--link","sf-icon-button--size-1/3"),t.setAttribute("aria-label",l),t.setAttribute("data-close",""),t.setAttribute("data-toast-close","");const e=document.createElement("span");e.className="sf-close sf-close--size-1/3 flex justify-center items-center",e.setAttribute("aria-hidden","true");const n=document.createElement("span");n.className="sf-close-icon",e.append(n),t.append(e),p.append(t)}return y(p),p}function C(t){(t instanceof Element||t===document)&&(t instanceof Element&&t.matches?.(p)&&y(t),t.querySelectorAll?.(p).forEach(y))}e("Toast",class extends t{static componentName="Toast";html=null;constructor(t){super(t);const{status:e,type:n="default",icon:s="",title:o="",supportingText:a="",actionText:i="",action:r="",closable:c=!0}=this.params||{};this.template=L({status:e,type:n,icon:s,title:o,supportingText:a,actionText:i,action:r,closable:c,closeLabel:this.params?.closeLabel,duration:this.params?.duration,role:this.params?.role}),this.id&&(this.template.id=this.id)}init(){y(this.template)}destroyInternal(){this.template&&N(this.template)}}),"undefined"!=typeof window&&(window.SF=window.SF||{},window.SF.Toast=window.SF.Toast||{},window.SF.Toast.bind=y,window.SF.Toast.unbind=N,window.SF.Toast.dismiss=S,window.SF.Toast.create=L,window.SF.Toast.show=function(t,e={}){const n="string"==typeof t?document.querySelector(t):t instanceof Element?t:null;if(!(n instanceof Element))return null;const s=L(e);return n.append(s),s}),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",()=>C(document)):C(document);new MutationObserver(t=>{t.forEach(t=>{t.addedNodes.forEach(t=>{t instanceof Element&&C(t)})})}).observe(document.documentElement,{childList:!0,subtree:!0})})();

package/distr/component/toggle/css/toggle.min.css

@@ -0,0 +1 @@
+@layer sf.components{.sf-toggle{background-color:transparent;background-color:var(--sf-toggle--background-color, transparent);font-family:var(--sf-text--family);font-family:var(--sf-toggle--font-family, var(--sf-text--family));font-weight:var(--sf-font-weight-regular);font-weight:var(--sf-toggle--font-weight, var(--sf-font-weight-regular));gap:var(--sf-toggle--gap);color:var(--sf-toggle--color);font-size:var(--sf-toggle--font-size);line-height:var(--sf-toggle--line-height);--sf-toggle--color: var(--sf-on-surface-variant)}.sf-toggle .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-on-surface-variant));font-size:var(--sf-text-size-3);font-size:var(--sf-icon--font-size, var(--sf-text-size-3));height:var(--sf-text-size-3);height:var(--sf-icon--height, var(--sf-text-size-3));width:var(--sf-text-size-3);width:var(--sf-icon--width, var(--sf-text-size-3))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-bottom-right-radius:var(--sf-toggle-container--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-bottom-right-radius:var(--sf-toggle-container--border-end-end-radius)}}.sf-toggle .sf-toggle-container:where(:dir(ltr)){border-bottom-right-radius:var(--sf-toggle-container--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-container{border-bottom-left-radius:var(--sf-toggle-container--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-container{border-bottom-left-radius:var(--sf-toggle-container--border-end-end-radius)}}.sf-toggle .sf-toggle-container:where(:dir(rtl)){border-bottom-left-radius:var(--sf-toggle-container--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-bottom-left-radius:var(--sf-toggle-container--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-bottom-left-radius:var(--sf-toggle-container--border-end-start-radius)}}.sf-toggle .sf-toggle-container:where(:dir(ltr)){border-bottom-left-radius:var(--sf-toggle-container--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-container{border-bottom-right-radius:var(--sf-toggle-container--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-container{border-bottom-right-radius:var(--sf-toggle-container--border-end-start-radius)}}.sf-toggle .sf-toggle-container:where(:dir(rtl)){border-bottom-right-radius:var(--sf-toggle-container--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-top-right-radius:var(--sf-toggle-container--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-top-right-radius:var(--sf-toggle-container--border-start-end-radius)}}.sf-toggle .sf-toggle-container:where(:dir(ltr)){border-top-right-radius:var(--sf-toggle-container--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-container{border-top-left-radius:var(--sf-toggle-container--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-container{border-top-left-radius:var(--sf-toggle-container--border-start-end-radius)}}.sf-toggle .sf-toggle-container:where(:dir(rtl)){border-top-left-radius:var(--sf-toggle-container--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-top-left-radius:var(--sf-toggle-container--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{border-top-left-radius:var(--sf-toggle-container--border-start-start-radius)}}.sf-toggle .sf-toggle-container:where(:dir(ltr)){border-top-left-radius:var(--sf-toggle-container--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-container{border-top-right-radius:var(--sf-toggle-container--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-container{border-top-right-radius:var(--sf-toggle-container--border-start-start-radius)}}.sf-toggle .sf-toggle-container:where(:dir(rtl)){border-top-right-radius:var(--sf-toggle-container--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{padding-right:var(--sf-toggle-container--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{padding-right:var(--sf-toggle-container--padding-inline-end)}}.sf-toggle .sf-toggle-container:where(:dir(ltr)){padding-right:var(--sf-toggle-container--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-container{padding-left:var(--sf-toggle-container--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-toggle .sf-toggle-container{padding-left:var(--sf-toggle-container--padding-inline-end)}}.sf-toggle .sf-toggle-container:where(:dir(rtl)){padding-left:var(--sf-toggle-container--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{padding-left:var(--sf-toggle-container--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-container{padding-left:var(--sf-toggle-container--padding-inline-start)}}.sf-toggle .sf-toggle-container:where(:dir(ltr)){padding-left:var(--sf-toggle-container--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-container{padding-right:var(--sf-toggle-container--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-toggle .sf-toggle-container{padding-right:var(--sf-toggle-container--padding-inline-start)}}.sf-toggle .sf-toggle-container:where(:dir(rtl)){padding-right:var(--sf-toggle-container--padding-inline-start)}.sf-toggle .sf-toggle-container{--sf-toggle-container--background-color: var(--sf-surface-container);--sf-toggle-container--border-end-end-radius: var(--sf-radius-circle);--sf-toggle-container--border-end-start-radius: var(--sf-radius-circle);--sf-toggle-container--border-start-end-radius: var(--sf-radius-circle);--sf-toggle-container--border-start-start-radius: var(--sf-radius-circle);background-color:var(--sf-toggle-container--background-color);border-end-end-radius:var(--sf-toggle-container--border-end-end-radius);border-end-start-radius:var(--sf-toggle-container--border-end-start-radius);border-start-end-radius:var(--sf-toggle-container--border-start-end-radius);border-start-start-radius:var(--sf-toggle-container--border-start-start-radius);box-shadow:var(--sf-toggle-container--box-shadow);outline:var(--sf-px) solid var(--sf-outline);outline:var(--sf-px) solid var(--sf-toggle-container--outline-color, var(--sf-outline));outline-offset:calc(-1*var(--sf-px));height:var(--sf-toggle-container--height);padding-bottom:var(--sf-toggle-container--padding-bottom);-webkit-padding-end:var(--sf-toggle-container--padding-inline-end);padding-inline-end:var(--sf-toggle-container--padding-inline-end);-webkit-padding-start:var(--sf-toggle-container--padding-inline-start);padding-inline-start:var(--sf-toggle-container--padding-inline-start);padding-top:var(--sf-toggle-container--padding-top);width:var(--sf-toggle-container--width)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-bottom-right-radius:var(--sf-toggle-inner-wrap--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-bottom-right-radius:var(--sf-toggle-inner-wrap--border-end-end-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(ltr)){border-bottom-right-radius:var(--sf-toggle-inner-wrap--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-bottom-left-radius:var(--sf-toggle-inner-wrap--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-bottom-left-radius:var(--sf-toggle-inner-wrap--border-end-end-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(rtl)){border-bottom-left-radius:var(--sf-toggle-inner-wrap--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-bottom-left-radius:var(--sf-toggle-inner-wrap--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-bottom-left-radius:var(--sf-toggle-inner-wrap--border-end-start-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(ltr)){border-bottom-left-radius:var(--sf-toggle-inner-wrap--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-bottom-right-radius:var(--sf-toggle-inner-wrap--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-bottom-right-radius:var(--sf-toggle-inner-wrap--border-end-start-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(rtl)){border-bottom-right-radius:var(--sf-toggle-inner-wrap--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-top-right-radius:var(--sf-toggle-inner-wrap--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-top-right-radius:var(--sf-toggle-inner-wrap--border-start-end-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(ltr)){border-top-right-radius:var(--sf-toggle-inner-wrap--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-top-left-radius:var(--sf-toggle-inner-wrap--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-top-left-radius:var(--sf-toggle-inner-wrap--border-start-end-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(rtl)){border-top-left-radius:var(--sf-toggle-inner-wrap--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-top-left-radius:var(--sf-toggle-inner-wrap--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{border-top-left-radius:var(--sf-toggle-inner-wrap--border-start-start-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(ltr)){border-top-left-radius:var(--sf-toggle-inner-wrap--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-top-right-radius:var(--sf-toggle-inner-wrap--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{border-top-right-radius:var(--sf-toggle-inner-wrap--border-start-start-radius)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(rtl)){border-top-right-radius:var(--sf-toggle-inner-wrap--border-start-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{padding-right:var(--sf-toggle-inner-wrap--padding-inline-end)}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{padding-right:var(--sf-toggle-inner-wrap--padding-inline-end)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(ltr)){padding-right:var(--sf-toggle-inner-wrap--padding-inline-end)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{padding-left:var(--sf-toggle-inner-wrap--padding-inline-end)}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{padding-left:var(--sf-toggle-inner-wrap--padding-inline-end)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(rtl)){padding-left:var(--sf-toggle-inner-wrap--padding-inline-end)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{padding-left:var(--sf-toggle-inner-wrap--padding-inline-start)}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner-wrap{padding-left:var(--sf-toggle-inner-wrap--padding-inline-start)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(ltr)){padding-left:var(--sf-toggle-inner-wrap--padding-inline-start)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{padding-right:var(--sf-toggle-inner-wrap--padding-inline-start)}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner-wrap{padding-right:var(--sf-toggle-inner-wrap--padding-inline-start)}}.sf-toggle .sf-toggle-inner-wrap:where(:dir(rtl)){padding-right:var(--sf-toggle-inner-wrap--padding-inline-start)}.sf-toggle .sf-toggle-inner-wrap{background-color:var(--sf-toggle-inner-wrap--background-color);border-end-end-radius:var(--sf-toggle-inner-wrap--border-end-end-radius);border-end-start-radius:var(--sf-toggle-inner-wrap--border-end-start-radius);border-start-end-radius:var(--sf-toggle-inner-wrap--border-start-end-radius);border-start-start-radius:var(--sf-toggle-inner-wrap--border-start-start-radius);box-shadow:var(--sf-toggle-inner-wrap--box-shadow);padding-bottom:var(--sf-toggle-inner-wrap--padding-bottom);-webkit-padding-end:var(--sf-toggle-inner-wrap--padding-inline-end);padding-inline-end:var(--sf-toggle-inner-wrap--padding-inline-end);-webkit-padding-start:var(--sf-toggle-inner-wrap--padding-inline-start);padding-inline-start:var(--sf-toggle-inner-wrap--padding-inline-start);padding-top:var(--sf-toggle-inner-wrap--padding-top)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-bottom-right-radius:var(--sf-toggle-inner--border-end-end-radius)}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-bottom-right-radius:var(--sf-toggle-inner--border-end-end-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(ltr)){border-bottom-right-radius:var(--sf-toggle-inner--border-end-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner{border-bottom-left-radius:var(--sf-toggle-inner--border-end-end-radius)}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner{border-bottom-left-radius:var(--sf-toggle-inner--border-end-end-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(rtl)){border-bottom-left-radius:var(--sf-toggle-inner--border-end-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-bottom-left-radius:var(--sf-toggle-inner--border-end-start-radius)}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-bottom-left-radius:var(--sf-toggle-inner--border-end-start-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(ltr)){border-bottom-left-radius:var(--sf-toggle-inner--border-end-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner{border-bottom-right-radius:var(--sf-toggle-inner--border-end-start-radius)}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner{border-bottom-right-radius:var(--sf-toggle-inner--border-end-start-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(rtl)){border-bottom-right-radius:var(--sf-toggle-inner--border-end-start-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-top-right-radius:var(--sf-toggle-inner--border-start-end-radius)}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-top-right-radius:var(--sf-toggle-inner--border-start-end-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(ltr)){border-top-right-radius:var(--sf-toggle-inner--border-start-end-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner{border-top-left-radius:var(--sf-toggle-inner--border-start-end-radius)}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner{border-top-left-radius:var(--sf-toggle-inner--border-start-end-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(rtl)){border-top-left-radius:var(--sf-toggle-inner--border-start-end-radius)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-top-left-radius:var(--sf-toggle-inner--border-start-start-radius)}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-toggle .sf-toggle-inner{border-top-left-radius:var(--sf-toggle-inner--border-start-start-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(ltr)){border-top-left-radius:var(--sf-toggle-inner--border-start-start-radius)}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle .sf-toggle-inner{border-top-right-radius:var(--sf-toggle-inner--border-start-start-radius)}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-toggle .sf-toggle-inner{border-top-right-radius:var(--sf-toggle-inner--border-start-start-radius)}}.sf-toggle .sf-toggle-inner:where(:dir(rtl)){border-top-right-radius:var(--sf-toggle-inner--border-start-start-radius)}.sf-toggle .sf-toggle-inner{background-color:var(--sf-toggle-inner--background-color);border-end-end-radius:var(--sf-toggle-inner--border-end-end-radius);border-end-start-radius:var(--sf-toggle-inner--border-end-start-radius);border-start-end-radius:var(--sf-toggle-inner--border-start-end-radius);border-start-start-radius:var(--sf-toggle-inner--border-start-start-radius);height:var(--sf-toggle-inner--height);width:var(--sf-toggle-inner--width)}.sf-toggle.sf-toggle--simple.sf-toggle--size-1 .sf-toggle-container,.sf-toggle.sf-toggle--icon.sf-toggle--size-1 .sf-toggle-container{--sf-toggle-container--padding-bottom: var(--sf-a2);--sf-toggle-container--padding-inline-end: var(--sf-a2);--sf-toggle-container--padding-inline-start: var(--sf-a2);--sf-toggle-container--padding-top: var(--sf-a2);--sf-toggle-container--width: var(--sf-text-size-7)}.sf-toggle.sf-toggle--simple.sf-toggle--size-1 .sf-toggle-inner,.sf-toggle.sf-toggle--short.sf-toggle--size-1 .sf-toggle-inner{--sf-toggle-inner--height: var(--sf-text-size-1);--sf-toggle-inner--width: var(--sf-text-size-1)}.sf-toggle.sf-toggle--simple .sf-toggle-inner{--sf-toggle-inner--background-color: var(--sf-on-surface-variant)}.sf-toggle.sf-toggle--icon .sf-icon{--sf-icon--color: var(--sf-surface-0);--sf-icon--font-size: var(--sf-text-size-1);--sf-icon--height: var(--sf-text-size-1);--sf-icon--width: var(--sf-text-size-1)}.sf-toggle.sf-toggle--icon .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-on-surface-variant);--sf-toggle-inner-wrap--border-end-end-radius: var(--sf-radius-circle);--sf-toggle-inner-wrap--border-end-start-radius: var(--sf-radius-circle);--sf-toggle-inner-wrap--border-start-end-radius: var(--sf-radius-circle);--sf-toggle-inner-wrap--border-start-start-radius: var(--sf-radius-circle)}.sf-toggle.sf-toggle--short.sf-toggle--size-1 .sf-toggle-container{--sf-toggle-container--height: var(--sf-text-height-1\/3);--sf-toggle-container--width: var(--sf-text-size-7)}.sf-toggle.sf-toggle--short .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-surface-container);outline:var(--sf-px) solid var(--sf-outline);outline:var(--sf-px) solid var(--sf-toggle-container--outline-color, var(--sf-outline));outline-offset:calc(-1*var(--sf-px));--sf-toggle-inner-wrap--border-end-end-radius: var(--sf-radius-circle);--sf-toggle-inner-wrap--border-end-start-radius: var(--sf-radius-circle);--sf-toggle-inner-wrap--border-start-end-radius: var(--sf-radius-circle);--sf-toggle-inner-wrap--border-start-start-radius: var(--sf-radius-circle);--sf-toggle-inner-wrap--padding-bottom: var(--sf-a2);--sf-toggle-inner-wrap--padding-inline-end: var(--sf-a2);--sf-toggle-inner-wrap--padding-inline-start: var(--sf-a2);--sf-toggle-inner-wrap--padding-top: var(--sf-a2)}.sf-toggle.disabled.sf-toggle--short .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-disable)}.sf-toggle[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-toggle-control{border-radius:var(--sf-radius--ui);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-toggle:has(input:not(:disabled):not(.disabled).focus-visible) .sf-toggle-control{border-radius:var(--sf-radius--ui);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-toggle[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-toggle-control{border-radius:var(--sf-radius--ui);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-toggle:has(input:not(:disabled):not(.disabled):focus-visible) .sf-toggle-control{border-radius:var(--sf-radius--ui);outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset)}.sf-toggle input.focus-visible{outline:none}.sf-toggle input:focus-visible{outline:none}.sf-toggle.active[\:not-has\(input\:disabled\)].sf-toggle--short .sf-toggle-container,.sf-toggle.active[\:not-has\(input\:disabled\)].sf-toggle--simple .sf-toggle-container,.sf-toggle.active[\:not-has\(input\:disabled\)].sf-toggle--icon .sf-toggle-container{--sf-toggle-container--background-color: var(--sf-primary);--sf-toggle-container--outline-color: var(--sf-primary)}.sf-toggle.active:not(:has(input:disabled)).sf-toggle--short .sf-toggle-container,.sf-toggle.active:not(:has(input:disabled)).sf-toggle--simple .sf-toggle-container,.sf-toggle.active:not(:has(input:disabled)).sf-toggle--icon .sf-toggle-container{--sf-toggle-container--background-color: var(--sf-primary);--sf-toggle-container--outline-color: var(--sf-primary)}.sf-toggle:not(:disabled):not(.disabled):active.sf-toggle--short .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-primary)}.sf-toggle.active[\:not-has\(input\:disabled\)].sf-toggle--short .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-primary)}.sf-toggle.active:not(:has(input:disabled)).sf-toggle--short .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-primary)}.sf-toggle.sf-toggle--short[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:hover\)] .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-surface-container-hover)}.sf-toggle.sf-toggle--short:has(input:enabled:not(:disabled):not(.disabled):hover) .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-surface-container-hover)}.sf-toggle.disabled.sf-toggle--icon .sf-icon{--sf-icon--color: var(--sf-on-disable)}.sf-toggle:not(:disabled):not(.disabled):active.sf-toggle--simple .sf-toggle-inner{--sf-toggle-inner--background-color: var(--sf-on-primary)}.sf-toggle.active[\:not-has\(input\:disabled\)].sf-toggle--simple .sf-toggle-inner{--sf-toggle-inner--background-color: var(--sf-on-primary)}.sf-toggle.active:not(:has(input:disabled)).sf-toggle--simple .sf-toggle-inner{--sf-toggle-inner--background-color: var(--sf-on-primary)}.sf-toggle:not(:disabled):not(.disabled):active.sf-toggle--icon .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-toggle.active[\:not-has\(input\:disabled\)].sf-toggle--icon .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-toggle.active:not(:has(input:disabled)).sf-toggle--icon .sf-icon{--sf-icon--color: var(--sf-primary)}.sf-toggle:not(:disabled):not(.disabled):active.sf-toggle--icon .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-on-primary)}.sf-toggle.active[\:not-has\(input\:disabled\)].sf-toggle--icon .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-on-primary)}.sf-toggle.active:not(:has(input:disabled)).sf-toggle--icon .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-on-primary)}.sf-toggle.sf-toggle--simple.sf-toggle--size-2 .sf-toggle-container,.sf-toggle.sf-toggle--icon.sf-toggle--size-2 .sf-toggle-container{--sf-toggle-container--padding-bottom: var(--sf-space-1\/4);--sf-toggle-container--padding-inline-end: var(--sf-space-1\/4);--sf-toggle-container--padding-inline-start: var(--sf-space-1\/4);--sf-toggle-container--padding-top: var(--sf-space-1\/4);--sf-toggle-container--width: var(--sf-text-size-9)}.sf-toggle.sf-toggle--simple.sf-toggle--size-2 .sf-toggle-inner,.sf-toggle.sf-toggle--short.sf-toggle--size-2 .sf-toggle-inner{--sf-toggle-inner--height: var(--sf-text-size-3);--sf-toggle-inner--width: var(--sf-text-size-3)}.sf-toggle.sf-toggle--icon.sf-toggle--size-2 .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--padding-bottom: var(--sf-space-1\/4);--sf-toggle-inner-wrap--padding-inline-end: var(--sf-space-1\/4);--sf-toggle-inner-wrap--padding-inline-start: var(--sf-space-1\/4);--sf-toggle-inner-wrap--padding-top: var(--sf-space-1\/4)}.sf-toggle.sf-toggle--short.sf-toggle--size-2 .sf-toggle-container{--sf-toggle-container--height: var(--sf-text-height-1\/2);--sf-toggle-container--width: var(--sf-text-size-8)}.sf-toggle--size-1{--sf-toggle--font-size: var(--sf-text-size-1);--sf-toggle--gap: var(--sf-space-1\/3);--sf-toggle--line-height: var(--sf-text-height-1)}.sf-toggle--size-2{--sf-toggle--font-size: var(--sf-text-size-2);--sf-toggle--gap: var(--sf-space-1\/2);--sf-toggle--line-height: var(--sf-text-height-2)}.sf-toggle[\:has\(input\:enabled\:not\(\:disabled\)\:not\(.disabled\)\:hover\)] .sf-toggle-container{--sf-toggle-container--background-color: var(--sf-surface-container-hover)}.sf-toggle:has(input:enabled:not(:disabled):not(.disabled):hover) .sf-toggle-container{--sf-toggle-container--background-color: var(--sf-surface-container-hover)}.sf-toggle.disabled{--sf-toggle--color: var(--sf-on-disable)}.sf-toggle.disabled .sf-toggle-container{--sf-toggle-container--background-color: var(--sf-disable);--sf-toggle-container--outline-color: var(--sf-outline-disable)}.sf-toggle.disabled.sf-toggle--simple .sf-toggle-inner{--sf-toggle-inner--background-color: var(--sf-on-disable)}.sf-toggle.disabled.sf-toggle--icon .sf-toggle-inner-wrap{--sf-toggle-inner-wrap--background-color: var(--sf-disable)}.sf-toggle:not(:disabled):not(.disabled):active{--sf-toggle--color: var(--sf-on-surface)}.sf-toggle:not(:disabled):not(.disabled):active .sf-toggle-container{--sf-toggle-container--background-color: var(--sf-primary)}.sf-toggle.sf-toggle--simple .sf-toggle-inner{--sf-toggle-inner--border-end-end-radius: var(--sf-radius-circle);--sf-toggle-inner--border-end-start-radius: var(--sf-radius-circle);--sf-toggle-inner--border-start-end-radius: var(--sf-radius-circle);--sf-toggle-inner--border-start-start-radius: var(--sf-radius-circle)}.sf-toggle.sf-toggle--short .sf-toggle-inner{--sf-toggle-inner--background-color: var(--sf-surface-0);--sf-toggle-inner--border-end-end-radius: var(--sf-radius-circle);--sf-toggle-inner--border-end-start-radius: var(--sf-radius-circle);--sf-toggle-inner--border-start-end-radius: var(--sf-radius-circle);--sf-toggle-inner--border-start-start-radius: var(--sf-radius-circle)}}@layer sf.states{@media(forced-colors: active){.sf-toggle .sf-toggle-container{forced-color-adjust:none;background-color:Canvas;outline-color:ButtonText}.sf-toggle .sf-toggle-inner{background-color:ButtonText}.sf-toggle.sf-toggle--icon .sf-toggle-inner-wrap{background-color:ButtonText}.sf-toggle.sf-toggle--icon .sf-icon{color:Canvas}.sf-toggle.sf-toggle--short .sf-toggle-inner-wrap{background-color:Canvas;outline-color:ButtonText}.sf-toggle[\:has\(input\:checked\)] .sf-toggle-container{background-color:Highlight;outline-color:Highlight}.sf-toggle:has(input:checked) .sf-toggle-container{background-color:Highlight;outline-color:Highlight}.sf-toggle[\:has\(input\:checked\)] .sf-toggle-inner{background-color:HighlightText}.sf-toggle:has(input:checked) .sf-toggle-inner{background-color:HighlightText}.sf-toggle.sf-toggle--icon[\:has\(input\:checked\)] .sf-toggle-inner-wrap{background-color:HighlightText}.sf-toggle.sf-toggle--icon:has(input:checked) .sf-toggle-inner-wrap{background-color:HighlightText}.sf-toggle.sf-toggle--icon[\:has\(input\:checked\)] .sf-icon{color:Highlight}.sf-toggle.sf-toggle--icon:has(input:checked) .sf-icon{color:Highlight}.sf-toggle.sf-toggle--short[\:has\(input\:checked\)] .sf-toggle-inner-wrap{background-color:Highlight;outline-color:Highlight}.sf-toggle.sf-toggle--short:has(input:checked) .sf-toggle-inner-wrap{background-color:Highlight;outline-color:Highlight}.sf-toggle[\:has\(input\:disabled\)] .sf-toggle-container{background-color:Canvas;outline-color:GrayText}.sf-toggle:has(input:disabled) .sf-toggle-container{background-color:Canvas;outline-color:GrayText}.sf-toggle[\:has\(input\:disabled\)] .sf-toggle-inner{background-color:GrayText}.sf-toggle:has(input:disabled) .sf-toggle-inner{background-color:GrayText}.sf-toggle.sf-toggle--icon[\:has\(input\:disabled\)] .sf-toggle-inner-wrap{background-color:GrayText}.sf-toggle.sf-toggle--icon:has(input:disabled) .sf-toggle-inner-wrap{background-color:GrayText}.sf-toggle.sf-toggle--icon[\:has\(input\:disabled\)] .sf-icon{color:Canvas}.sf-toggle.sf-toggle--icon:has(input:disabled) .sf-icon{color:Canvas}.sf-toggle.sf-toggle--short[\:has\(input\:disabled\)] .sf-toggle-inner-wrap{background-color:Canvas;outline-color:GrayText}.sf-toggle.sf-toggle--short:has(input:disabled) .sf-toggle-inner-wrap{background-color:Canvas;outline-color:GrayText}.sf-toggle[\:has\(input\:not\(\:disabled\)\:not\(.disabled\).focus-visible\)] .sf-toggle-control{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}.sf-toggle:has(input:not(:disabled):not(.disabled).focus-visible) .sf-toggle-control{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}.sf-toggle[\:has\(input\:not\(\:disabled\)\:not\(.disabled\)\:focus-visible\)] .sf-toggle-control{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}.sf-toggle:has(input:not(:disabled):not(.disabled):focus-visible) .sf-toggle-control{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:var(--sf-focus-outline-width)}}}@layer sf.components{.sf-toggle{position:relative;min-width:0}.sf-toggle:not(.disabled)[\:has\(input\:not\(\:disabled\)\)]{cursor:pointer}.sf-toggle:not(.disabled):has(input:not(:disabled)){cursor:pointer}.sf-toggle[\:has\(input\:disabled\)]{cursor:default}.sf-toggle:has(input:disabled){cursor:default}.sf-toggle .sf-toggle-text{min-width:0;word-wrap:anywhere}.sf-toggle .sf-toggle-control{position:relative;flex-shrink:0;display:inline-grid;align-items:center}.sf-toggle .sf-toggle-control>*{grid-area:1/1}.sf-toggle .sf-toggle-container{position:relative}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle.sf-toggle--short .sf-toggle-inner-wrap{left:0}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-toggle.sf-toggle--short .sf-toggle-inner-wrap{left:0}}.sf-toggle.sf-toggle--short .sf-toggle-inner-wrap:where(:dir(ltr)){left:0}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle.sf-toggle--short .sf-toggle-inner-wrap{right:0}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-toggle.sf-toggle--short .sf-toggle-inner-wrap{right:0}}.sf-toggle.sf-toggle--short .sf-toggle-inner-wrap:where(:dir(rtl)){right:0}.sf-toggle.sf-toggle--short .sf-toggle-inner-wrap{position:absolute;top:50%;inset-inline-start:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{left:auto}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{left:auto}}.sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap:where(:dir(ltr)){left:auto}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{right:auto}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{right:auto}}.sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap:where(:dir(rtl)){right:auto}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{right:0}@supports not (inset-inline-end: initial){html:not([dir="rtl"]) .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{right:0}}.sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap:where(:dir(ltr)){right:0}_:-ms-input-placeholder, [dir="rtl"] .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{left:0}@supports not (inset-inline-end: initial){[dir="rtl"] .sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{left:0}}.sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap:where(:dir(rtl)){left:0}.sf-toggle.sf-toggle--short .sf-toggle-container.content-main-end .sf-toggle-inner-wrap{inset-inline-start:auto;inset-inline-end:0}.sf-toggle .sf-toggle-control>input[type=checkbox]{position:absolute;top:0;right:0;bottom:0;left:0;inset:0;opacity:0;z-index:2;margin:0}.sf-toggle:not(.disabled) .sf-toggle-control>input[type=checkbox]:not(:disabled){cursor:pointer}.sf-toggle.disabled .sf-toggle-control>input[type=checkbox],.sf-toggle .sf-toggle-control>input[type=checkbox]:disabled{cursor:default}}