/* docara-shell-source: runtime/component/icons/css/icons.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
.sf-icon--rotate-45{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center}.sf-icon--rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.sf-icon--rotate-135{-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transform-origin:center;transform-origin:center}.sf-icon--rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center;transform-origin:center}.sf-icon--rotate-225{-webkit-transform:rotate(225deg);transform:rotate(225deg);-webkit-transform-origin:center;transform-origin:center}.sf-icon--rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transform-origin:center;transform-origin:center}.sf-icon--rotate-315{-webkit-transform:rotate(315deg);transform:rotate(315deg);-webkit-transform-origin:center;transform-origin:center}@font-face{font-family:"Material Symbols Outlined";font-style:normal;font-weight:100 700;font-display:block;src:url("/_docara/vendor/simai-framework/runtime/b4a77681f0a7f1c540566e5abac2a4f9d3082a3d/distr/component/icons/a5f1f832a64baed42867.woff2") format("woff2")}.sf-icon{--sf-icon--fill: 0;--sf-icon--weight: var(--sf-weight--regular);--sf-icon--grade: 0;--sf-icon--optical-size: 24;--sf-icon--line-height: 1;font-variation-settings:"FILL" var(--sf-icon--fill),"wght" var(--sf-icon--weight),"GRAD" var(--sf-icon--grade),"opsz" var(--sf-icon--optical-size);font-variation-settings:"FILL" var(--sf-icon-fill, var(--sf-icon--fill)),"wght" var(--sf-icon-weight, var(--sf-icon--weight)),"GRAD" var(--sf-icon--grade),"opsz" var(--sf-icon--optical-size);font-family:"Material Symbols Outlined";font-family:var(--sf-icon--font-family, "Material Symbols Outlined");font-weight:var(--sf-icon--weight);font-weight:var(--sf-icon-weight, var(--sf-icon--weight));font-style:normal;font-size:var(--sf-icon-size-3);font-size:var(--sf-icon-glyph-size, var(--sf-icon--font-size, var(--sf-icon-size-3)));line-height:1;line-height:var(--sf-icon-line-height, var(--sf-icon--line-height, 1));letter-spacing:normal;text-transform:none;justify-content:center;align-items:center;white-space:nowrap;word-wrap:normal;direction:ltr;flex:none;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:bottom;height:var(--sf-icon-size-3);height:var(--sf-icon-glyph-size, var(--sf-icon--height, var(--sf-icon-size-3)));width:var(--sf-icon-size-3);width:var(--sf-icon-glyph-size, var(--sf-icon--width, var(--sf-icon-size-3)))}.sf-icon:not(.hidden){display:inline-flex}:root[data-sf-icons=subset-pending] .sf-icon{--sf-icon--font-family: "Material Symbols Outlined Subset";-webkit-text-fill-color:rgba(0,0,0,0);overflow:hidden}.sf-icon--size-1\/4{--sf-icon--font-size: var(--sf-icon-size-1\/4);--sf-icon--width: var(--sf-icon-size-1\/4);--sf-icon--height: var(--sf-icon-size-1\/4)}.sf-icon--size-1\/3{--sf-icon--font-size: var(--sf-icon-size-1\/3);--sf-icon--width: var(--sf-icon-size-1\/3);--sf-icon--height: var(--sf-icon-size-1\/3)}.sf-icon--size-1\/2{--sf-icon--font-size: var(--sf-icon-size-1\/2);--sf-icon--width: var(--sf-icon-size-1\/2);--sf-icon--height: var(--sf-icon-size-1\/2)}.sf-icon--size-1{--sf-icon--font-size: var(--sf-icon-size-1);--sf-icon--width: var(--sf-icon-size-1);--sf-icon--height: var(--sf-icon-size-1)}.sf-icon--size-2{--sf-icon--font-size: var(--sf-icon-size-2);--sf-icon--width: var(--sf-icon-size-2);--sf-icon--height: var(--sf-icon-size-2)}.sf-icon--size-3{--sf-icon--font-size: var(--sf-icon-size-3);--sf-icon--width: var(--sf-icon-size-3);--sf-icon--height: var(--sf-icon-size-3)}.sf-icon--size-4{--sf-icon--font-size: var(--sf-icon-size-4);--sf-icon--width: var(--sf-icon-size-4);--sf-icon--height: var(--sf-icon-size-4)}.sf-icon--size-5{--sf-icon--font-size: var(--sf-icon-size-5);--sf-icon--width: var(--sf-icon-size-5);--sf-icon--height: var(--sf-icon-size-5)}.sf-icon--size-6{--sf-icon--font-size: var(--sf-icon-size-6);--sf-icon--width: var(--sf-icon-size-6);--sf-icon--height: var(--sf-icon-size-6)}.sf-icon--size-7{--sf-icon--font-size: var(--sf-icon-size-7);--sf-icon--width: var(--sf-icon-size-7);--sf-icon--height: var(--sf-icon-size-7)}.sf-icon--weight-thin,.sf-icon-thin{--sf-icon--weight: var(--sf-weight--thin)}.sf-icon--weight-extra-light,.sf-icon-extra-light{--sf-icon--weight: var(--sf-weight--extra-light)}.sf-icon--weight-light,.sf-icon-light{--sf-icon--weight: var(--sf-weight--light)}.sf-icon--weight-regular,.sf-icon-regular{--sf-icon--weight: var(--sf-weight--regular)}.sf-icon--weight-medium,.sf-icon-medium{--sf-icon--weight: var(--sf-weight--medium)}.sf-icon--weight-semi-bold,.sf-icon-semi-bold{--sf-icon--weight: var(--sf-weight--semi-bold)}.sf-icon--weight-bold,.sf-icon-bold{--sf-icon--weight: var(--sf-weight--bold)}@layer sf.base{.sf-icon{color:currentColor;color:var(--sf-icon--color, var(--sf-icon-color, currentColor))}:root:not([data-sf-loader]) body .sf-icon:not(.sf-icon-loaded){width:var(--sf-icon-size-3);inline-size:var(--sf-icon-size-3);width:var(--sf-icon-size-3);width:var(--sf-icon-glyph-size, var(--sf-icon--font-size, var(--sf-icon-size-3)));inline-size:var(--sf-icon-glyph-size, var(--sf-icon--font-size, var(--sf-icon-size-3)));overflow:hidden;white-space:nowrap}}.sf-icon--filled,.sf-icon-filled,.sf-icon-solid{--sf-icon--fill: 1}.sf-icon--rounded,.sf-icon-rounded{--sf-icon--font-family: "Material Symbols Rounded"}.sf-icon--sharp,.sf-icon-shape{--sf-icon--font-family: "Material Symbols Sharp"}sf-icon:not(:defined){display:inline-flex;flex:none;width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));vertical-align:bottom}sf-icon[size="1/4"]:not(:defined){--sf-icon--width: var(--sf-icon-size-1\/4);--sf-icon--height: var(--sf-icon-size-1\/4)}sf-icon[size="1/3"]:not(:defined){--sf-icon--width: var(--sf-icon-size-1\/3);--sf-icon--height: var(--sf-icon-size-1\/3)}sf-icon[size="1/2"]:not(:defined){--sf-icon--width: var(--sf-icon-size-1\/2);--sf-icon--height: var(--sf-icon-size-1\/2)}sf-icon[size="1"]:not(:defined){--sf-icon--width: var(--sf-icon-size-1);--sf-icon--height: var(--sf-icon-size-1)}sf-icon[size="2"]:not(:defined){--sf-icon--width: var(--sf-icon-size-2);--sf-icon--height: var(--sf-icon-size-2)}sf-icon[size="3"]:not(:defined){--sf-icon--width: var(--sf-icon-size-3);--sf-icon--height: var(--sf-icon-size-3)}sf-icon[size="4"]:not(:defined){--sf-icon--width: var(--sf-icon-size-4);--sf-icon--height: var(--sf-icon-size-4)}sf-icon[size="5"]:not(:defined){--sf-icon--width: var(--sf-icon-size-5);--sf-icon--height: var(--sf-icon-size-5)}sf-icon[size="6"]:not(:defined){--sf-icon--width: var(--sf-icon-size-6);--sf-icon--height: var(--sf-icon-size-6)}sf-icon[size="7"]:not(:defined){--sf-icon--width: var(--sf-icon-size-7);--sf-icon--height: var(--sf-icon-size-7)}

/* docara-shell-source: runtime/component/kbd/css/kbd.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.components{:where(kbd:not(.sf-kbd--group):not(:has(>kbd)),.sf-kbd:not(.sf-kbd--group)){--sf-kbd--size: var(--sf-kbd-size, 1.6em);--sf-kbd--padding-inline: var(--sf-kbd-padding-inline, 0.4em);display:inline-flex;flex:none;box-sizing:border-box;align-items:center;justify-content:center;margin:var(--sf-0);padding-top:var(--sf-0);padding-bottom:var(--sf-0);padding-block:var(--sf-0);line-height:1;unicode-bidi:-webkit-isolate;unicode-bidi:-moz-isolate;unicode-bidi:isolate;vertical-align:baseline;white-space:nowrap;width:auto;inline-size:auto;width:auto;width:var(--sf-kbd--inline-size, auto);inline-size:var(--sf-kbd--inline-size, auto);min-width:var(--sf-kbd--size);min-inline-size:var(--sf-kbd--size);height:var(--sf-kbd--size);block-size:var(--sf-kbd--size);padding-left:var(--sf-kbd--padding-inline);padding-right:var(--sf-kbd--padding-inline);padding-inline:var(--sf-kbd--padding-inline);border-radius:var(--sf-radius--ui);border-radius:var(--sf-kbd-radius, var(--sf-radius--ui));font-family:var(--sf-text--family);font-family:var(--sf-kbd-font-family, var(--sf-text--family));font-size:0.8125em;font-size:var(--sf-kbd-font-size, 0.8125em);font-weight:var(--sf-font-weight-medium);color:var(--sf-on-surface);background:var(--sf-surface-1);border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-px) solid var(--sf-kbd-border-color, var(--sf-outline-variant));box-shadow:inset 0 calc(-1*var(--sf-px)) 0 var(--sf-outline-variant);box-shadow:inset 0 calc(-1*var(--sf-px)) 0 var(--sf-kbd-border-color, var(--sf-outline-variant))}:where(kbd.sf-kbd--square,.sf-kbd.sf-kbd--square){--sf-kbd--inline-size: var(--sf-kbd--size);--sf-kbd--padding-inline: var(--sf-0)}:where(kbd:has(>kbd),.sf-kbd--group){display:inline-flex;flex:none;box-sizing:border-box;align-items:center;gap:0.25em;gap:var(--sf-kbd-gap, 0.25em);width:auto;inline-size:auto;min-width:var(--sf-0);min-inline-size:var(--sf-0);height:auto;block-size:auto;margin:var(--sf-0);padding:var(--sf-0);color:inherit;background:var(--sf-transparent);border:none;border-radius:var(--sf-0);box-shadow:none;font:inherit;line-height:inherit;unicode-bidi:-webkit-isolate;unicode-bidi:-moz-isolate;unicode-bidi:isolate;vertical-align:baseline;white-space:nowrap}:where(.sf-kbd-join){display:none}:where(button,[role=button],[role=combobox],[role=searchbox],.sf-button,.sf-input) :where(kbd:not(.sf-kbd--group):not(:has(>kbd)),.sf-kbd:not(.sf-kbd--group)){width:auto;inline-size:auto;width:auto;width:var(--sf-kbd--inline-size, auto);inline-size:var(--sf-kbd--inline-size, auto);min-width:var(--sf-kbd--size);min-inline-size:var(--sf-kbd--size);height:var(--sf-kbd--size);block-size:var(--sf-kbd--size);padding-left:var(--sf-kbd--padding-inline);padding-right:var(--sf-kbd--padding-inline);padding-inline:var(--sf-kbd--padding-inline);border-radius:var(--sf-radius--ui);border-radius:var(--sf-kbd-radius, var(--sf-radius--ui));font-family:var(--sf-text--family);font-family:var(--sf-kbd-font-family, var(--sf-text--family));font-size:0.8125em;font-size:var(--sf-kbd-font-size, 0.8125em);font-weight:var(--sf-font-weight-medium);color:color-mix(in srgb, currentColor 80%, transparent);color:var(--sf-kbd-color, color-mix(in srgb, currentColor 80%, transparent));background:color-mix(in srgb, currentColor 12%, transparent);background:var(--sf-kbd-background-color, var(--sf-kbd-background, color-mix(in srgb, currentColor 12%, transparent)));border:none;box-shadow:none}:where([role=menu],[role=menubar],[role=listbox],[role=tooltip],.sf-tooltip,.sf-context-menu) :where(kbd:not(.sf-kbd--group):not(:has(>kbd)),.sf-kbd:not(.sf-kbd--group)){width:auto;inline-size:auto;min-width:var(--sf-0);min-inline-size:var(--sf-0);height:auto;block-size:auto;padding-left:var(--sf-0);padding-right:var(--sf-0);padding-inline:var(--sf-0);color:var(--sf-on-surface-variant);color:var(--sf-kbd-plain-color, var(--sf-on-surface-variant));background:var(--sf-transparent);border:none;border-radius:var(--sf-0);box-shadow:none;font-family:inherit;font-size:.875em;font-weight:inherit}:where([role=menu],[role=menubar],[role=listbox],[role=tooltip],.sf-tooltip,.sf-context-menu) :where(kbd:has(>kbd),.sf-kbd--group){gap:.125em}:where([role=menu],[role=menubar],[role=listbox],[role=tooltip],.sf-tooltip,.sf-context-menu) :where(.sf-kbd-join){display:inline}:where([role=tooltip],.sf-tooltip) :where(kbd:not(.sf-kbd--group):not(:has(>kbd)),.sf-kbd:not(.sf-kbd--group)){color:color-mix(in srgb, currentColor 64%, transparent)}:where([role=menu],[role=menubar],[role=listbox],[role=tooltip],.sf-tooltip,.sf-context-menu) :where(:disabled,[aria-disabled=true]) :where(kbd:not(.sf-kbd--group):not(:has(>kbd)),.sf-kbd:not(.sf-kbd--group)){color:inherit}:where(kbd[appearance=cap]:not(:has(>kbd)),.sf-kbd[appearance=cap],kbd[appearance=cap] kbd){width:auto;inline-size:auto;width:auto;width:var(--sf-kbd--inline-size, auto);inline-size:var(--sf-kbd--inline-size, auto);min-width:var(--sf-kbd--size);min-inline-size:var(--sf-kbd--size);height:var(--sf-kbd--size);block-size:var(--sf-kbd--size);padding-left:var(--sf-kbd--padding-inline);padding-right:var(--sf-kbd--padding-inline);padding-inline:var(--sf-kbd--padding-inline);border-radius:var(--sf-radius--ui);border-radius:var(--sf-kbd-radius, var(--sf-radius--ui));font-family:var(--sf-text--family);font-family:var(--sf-kbd-font-family, var(--sf-text--family));font-size:0.8125em;font-size:var(--sf-kbd-font-size, 0.8125em);font-weight:var(--sf-font-weight-medium);color:color-mix(in srgb, currentColor 80%, transparent);color:var(--sf-kbd-color, color-mix(in srgb, currentColor 80%, transparent));background:color-mix(in srgb, currentColor 12%, transparent);background:var(--sf-kbd-background-color, var(--sf-kbd-background, color-mix(in srgb, currentColor 12%, transparent)));border:none;box-shadow:none}:where(kbd[appearance=cap]:has(>kbd),.sf-kbd--group[appearance=cap]){gap:0.25em;gap:var(--sf-kbd-gap, 0.25em)}:where(kbd[appearance=cap]:has(>kbd),.sf-kbd--group[appearance=cap])>:where(.sf-kbd-join){display:none}:where(kbd[appearance=plain]:not(:has(>kbd)),.sf-kbd[appearance=plain],kbd[appearance=plain] kbd){width:auto;inline-size:auto;min-width:var(--sf-0);min-inline-size:var(--sf-0);height:auto;block-size:auto;padding-left:var(--sf-0);padding-right:var(--sf-0);padding-inline:var(--sf-0);color:var(--sf-on-surface-variant);color:var(--sf-kbd-plain-color, var(--sf-on-surface-variant));background:var(--sf-transparent);border:none;border-radius:var(--sf-0);box-shadow:none;font-family:inherit;font-size:.875em;font-weight:inherit}:where(kbd[appearance=plain]:has(>kbd),.sf-kbd--group[appearance=plain]){gap:.125em}:where(kbd[appearance=plain]:has(>kbd),.sf-kbd--group[appearance=plain])>:where(.sf-kbd-join){display:inline}:where(kbd[appearance=key]:not(:has(>kbd)),.sf-kbd[appearance=key],kbd[appearance=key] kbd){width:auto;inline-size:auto;width:auto;width:var(--sf-kbd--inline-size, auto);inline-size:var(--sf-kbd--inline-size, auto);min-width:var(--sf-kbd--size);min-inline-size:var(--sf-kbd--size);height:var(--sf-kbd--size);block-size:var(--sf-kbd--size);padding-left:var(--sf-kbd--padding-inline);padding-right:var(--sf-kbd--padding-inline);padding-inline:var(--sf-kbd--padding-inline);border-radius:var(--sf-radius--ui);border-radius:var(--sf-kbd-radius, var(--sf-radius--ui));font-family:var(--sf-text--family);font-family:var(--sf-kbd-font-family, var(--sf-text--family));font-size:0.8125em;font-size:var(--sf-kbd-font-size, 0.8125em);font-weight:var(--sf-font-weight-medium);color:var(--sf-on-surface);background:var(--sf-surface-1);border:var(--sf-px) solid var(--sf-outline-variant);border:var(--sf-px) solid var(--sf-kbd-border-color, var(--sf-outline-variant));box-shadow:inset 0 calc(-1*var(--sf-px)) 0 var(--sf-outline-variant);box-shadow:inset 0 calc(-1*var(--sf-px)) 0 var(--sf-kbd-border-color, var(--sf-outline-variant))}:where(kbd[appearance=key]:has(>kbd),.sf-kbd--group[appearance=key]){gap:0.25em;gap:var(--sf-kbd-gap, 0.25em)}:where(kbd[appearance=key]:has(>kbd),.sf-kbd--group[appearance=key])>:where(.sf-kbd-join){display:none}@media(forced-colors: active){:where(kbd:not(.sf-kbd--group):not(:has(>kbd)),.sf-kbd:not(.sf-kbd--group)){border-color:CanvasText}:where(button,[role=button],[role=combobox],[role=searchbox],.sf-button,.sf-input) :where(kbd:not(.sf-kbd--group):not(:has(>kbd)),.sf-kbd:not(.sf-kbd--group)),:where(kbd[appearance=cap]:not(:has(>kbd)),.sf-kbd[appearance=cap],kbd[appearance=cap] kbd){outline:var(--sf-px) solid CanvasText;outline-offset:calc(-1*var(--sf-px))}}}

/* docara-shell-source: runtime/component/icon-buttons/css/icon-buttons.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@property --sf-icon-button--border-top-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-bottom-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-inline-start-width{syntax:"<length>";inherits:true;initial-value:0px}@property --sf-icon-button--border-inline-end-width{syntax:"<length>";inherits:true;initial-value:0px}@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-bottom-left-radius:var(--sf-icon-button--radius);border-bottom-left-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-icon-button{border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-bottom-right-radius:var(--sf-icon-button--radius);border-bottom-right-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-icon-button{border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(ltr)){border-top-left-radius:var(--sf-icon-button--radius);border-top-left-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-icon-button{border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}}.sf-icon-button:where(:dir(rtl)){border-top-right-radius:var(--sf-icon-button--radius);border-top-right-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}}.sf-icon-button:where(:dir(ltr)){padding-left:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}}.sf-icon-button:where(:dir(rtl)){padding-right:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-icon-button{padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}}.sf-icon-button:where(:dir(ltr)){padding-right:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-icon-button{padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}}.sf-icon-button:where(:dir(rtl)){padding-left:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}}.sf-icon-button:where(:dir(ltr)){border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-end-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}}.sf-icon-button:where(:dir(rtl)){border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-end-width, 0)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-icon-button{border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}}.sf-icon-button:where(:dir(ltr)){border-left-width:0;border-left-width:var(--sf-icon-button--border-inline-start-width, 0)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-icon-button{border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}}.sf-icon-button:where(:dir(rtl)){border-right-width:0;border-right-width:var(--sf-icon-button--border-inline-start-width, 0)}.sf-icon-button{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-icon-button-color, var(--sf-on-surface-variant)));--sf-icon-button--radius: var(--sf-icon-button-radius, var(--sf-radius--ui));border-end-end-radius:var(--sf-icon-button--radius);border-end-end-radius:var(--sf-icon-button--border-bottom-right-radius, var(--sf-icon-button--radius));border-end-start-radius:var(--sf-icon-button--radius);border-end-start-radius:var(--sf-icon-button--border-bottom-left-radius, var(--sf-icon-button--radius));border-start-end-radius:var(--sf-icon-button--radius);border-start-end-radius:var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius));border-start-start-radius:var(--sf-icon-button--radius);border-start-start-radius:var(--sf-icon-button--border-top-left-radius, var(--sf-icon-button--radius));-webkit-padding-start:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width));padding-inline-start:calc(var(--sf-icon-button--padding-inline-start) - var(--sf-icon-button--border-inline-start-width));padding-top:calc(var(--sf-icon-button--padding-top) - var(--sf-icon-button--border-top-width));-webkit-padding-end:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width));padding-inline-end:calc(var(--sf-icon-button--padding-inline-end) - var(--sf-icon-button--border-inline-end-width));padding-bottom:calc(var(--sf-icon-button--padding-bottom) - var(--sf-icon-button--border-bottom-width));--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, 0);--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, 0);background-color:var(--sf-icon-button--background-color);border-color:transparent;border-color:var(--sf-icon-button--border-color, var(--sf-icon-button-border-color, transparent));border-width:0;border-width:var(--sf-icon-button--border-width, 0);border-top-width:0;border-top-width:var(--sf-icon-button--border-top-width, 0);border-inline-end-width:0;border-inline-end-width:var(--sf-icon-button--border-inline-end-width, 0);border-bottom-width:0;border-bottom-width:var(--sf-icon-button--border-bottom-width, 0);border-inline-start-width:0;border-inline-start-width:var(--sf-icon-button--border-inline-start-width, 0);border-style:solid;border-style:var(--sf-icon-button--border-style, solid);box-shadow:0 0 var(--sf-transparent),0 0 var(--sf-transparent);box-shadow:var(--sf-icon-button--focus-inset, 0 0 var(--sf-transparent)),var(--sf-icon-button--box-shadow, 0 0 var(--sf-transparent))}.sf-icon-button .sf-close-icon{background-color:var(--sf-close-icon--background-color);border-color:transparent;border-color:var(--sf-close-icon--border-color, transparent)}.sf-icon-button.sf-icon-button--size-1\/3.sf-icon-button--close>sf-button-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2)}.sf-icon-button.sf-icon-button--size-1\/3.sf-icon-button--close>sf-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2)}.sf-icon-button.sf-icon-button--size-1\/3.sf-icon-button--close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1\/3) - var(--sf-text-size-1\/3)) / 2)}.sf-icon-button.sf-icon-button--size-1\/2.sf-icon-button--close>sf-button-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2)}.sf-icon-button.sf-icon-button--size-1\/2.sf-icon-button--close>sf-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2)}.sf-icon-button.sf-icon-button--size-1\/2.sf-icon-button--close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1\/2) - var(--sf-text-size-1\/2)) / 2)}.sf-icon-button.sf-icon-button--size-1.sf-icon-button--close>sf-button-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2)}.sf-icon-button.sf-icon-button--size-1.sf-icon-button--close>sf-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2)}.sf-icon-button.sf-icon-button--size-1.sf-icon-button--close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-1) - var(--sf-text-size-1)) / 2)}.sf-icon-button.sf-icon-button--size-2.sf-icon-button--close>sf-button-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2)}.sf-icon-button.sf-icon-button--size-2.sf-icon-button--close>sf-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2)}.sf-icon-button.sf-icon-button--size-2.sf-icon-button--close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-2) - var(--sf-text-size-2)) / 2)}.sf-icon-button.sf-icon-button--size-3.sf-icon-button--close>sf-button-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2)}.sf-icon-button.sf-icon-button--size-3.sf-icon-button--close>sf-close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2)}.sf-icon-button.sf-icon-button--size-3.sf-icon-button--close>.sf-close{--sf-close--padding-top: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-bottom: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-inline-start: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2);--sf-close--padding-inline-end: calc((var(--sf-text-height-3) - var(--sf-text-size-3)) / 2)}.sf-icon-button .sf-icon{color:var(--sf-on-surface-variant);color:var(--sf-icon--color, var(--sf-icon-button-color, var(--sf-on-surface-variant)));font-size:var(--sf-icon-size-3);font-size:var(--sf-icon--font-size, var(--sf-icon-size-3));height:var(--sf-icon-size-3);height:var(--sf-icon--height, var(--sf-icon-size-3));width:var(--sf-icon-size-3);width:var(--sf-icon--width, var(--sf-icon-size-3))}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-primary))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-primary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface-inverse))}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-primary))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-secondary-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary-active))}.sf-icon-button.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface-inverse))}.sf-icon-button.sf-icon-button--size-2.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-2.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-3.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-3.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1\/2.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1\/2.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1\/3.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1\/3.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button.sf-icon-button--size-1.sf-icon-button--icon .sf-icon:not(does-not-exist){--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-icon-button.sf-icon-button--size-1.sf-icon-button--icon sf-icon:not(:defined){--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-icon-button--size-1{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1--space-y-tightness-default))}.sf-icon-button--size-1.tightness-low{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low))}.sf-icon-button--size-1.spacing-compact{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-low))}.sf-icon-button--size-1.tightness-high{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high))}.sf-icon-button--size-1.spacing-comfortable{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-high))}.sf-icon-button--size-1.tightness-highest{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest))}.sf-icon-button--size-1.spacing-spacious{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1--space-y-tightness-highest))}.sf-icon-button--size-2{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-2--space-y-tightness-default))}.sf-icon-button--size-2.tightness-low{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low))}.sf-icon-button--size-2.spacing-compact{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-low))}.sf-icon-button--size-2.tightness-high{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high))}.sf-icon-button--size-2.spacing-comfortable{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-high))}.sf-icon-button--size-2.tightness-highest{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest))}.sf-icon-button--size-2.spacing-spacious{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-2--space-y-tightness-highest))}.sf-icon-button--size-3{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-3--space-y-tightness-default))}.sf-icon-button--size-3.tightness-low{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low))}.sf-icon-button--size-3.spacing-compact{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-low))}.sf-icon-button--size-3.tightness-high{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high))}.sf-icon-button--size-3.spacing-comfortable{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-high))}.sf-icon-button--size-3.tightness-highest{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest))}.sf-icon-button--size-3.spacing-spacious{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-3--space-y-tightness-highest))}.sf-icon-button--size-1\/2{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/2--space-y-tightness-default))}.sf-icon-button--size-1\/2.tightness-low{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-icon-button--size-1\/2.spacing-compact{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-low))}.sf-icon-button--size-1\/2.tightness-high{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-icon-button--size-1\/2.spacing-comfortable{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-high))}.sf-icon-button--size-1\/2.tightness-highest{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-icon-button--size-1\/2.spacing-spacious{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/2--space-y-tightness-highest))}.sf-icon-button--size-1\/3{--sf-icon-button--padding-bottom: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-default));--sf-icon-button--padding-top: var(--sf-icon-button-padding-block, var(--sf-ui-1\/3--space-y-tightness-default))}.sf-icon-button--size-1\/3.tightness-low{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-icon-button--size-1\/3.spacing-compact{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-low))}.sf-icon-button--size-1\/3.tightness-high{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-icon-button--size-1\/3.spacing-comfortable{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-high))}.sf-icon-button--size-1\/3.tightness-highest{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-icon-button--size-1\/3.spacing-spacious{--sf-icon-button--padding-inline-start: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest));--sf-icon-button--padding-inline-end: var(--sf-icon-button-padding-inline, var(--sf-ui-1\/3--space-y-tightness-highest))}.sf-icon-button--outline{--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-style: solid;--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-width: var(--sf-icon-button-border-width, var(--sf-px))}.sf-icon-button.radius-default{border-radius:var(--sf-radius--ui);--sf-icon-button--anchor-radius: var(--sf-radius--ui)}.sf-icon-button.radius-square{border-radius:var(--sf-radius-square)}.sf-icon-button.radius-rounded{border-radius:var(--sf-radius-rounded)}.sf-icon-button.segment-start{--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-inline-end-width: var(--sf-px)}.sf-icon-button.segment-middle{--sf-icon-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-button--border-top-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-right-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-inline-start-width: 0;--sf-icon-button--border-inline-end-width: var(--sf-px)}.sf-icon-button.segment-end{--sf-icon-button--border-top-left-radius: var(--sf-radius-square);--sf-icon-button--border-bottom-left-radius: var(--sf-radius-square);--sf-icon-button--border-inline-start-width: 0}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button.segment-start:not(.sf-icon-button--outline){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-icon-button.segment-start:not(.sf-icon-button--outline){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button.segment-start:not(.sf-icon-button--outline):where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button.segment-start:not(.sf-icon-button--outline){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-icon-button.segment-start:not(.sf-icon-button--outline){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button.segment-start:not(.sf-icon-button--outline):where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button.segment-start:not(.sf-icon-button--outline){border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-icon-button.segment-middle:not(.sf-icon-button--outline){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){html:not([dir="rtl"]) .sf-icon-button.segment-middle:not(.sf-icon-button--outline){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button.segment-middle:not(.sf-icon-button--outline):where(:dir(ltr)){border-right-color:transparent;border-right-color:var(--sf-white--alfa-24, transparent)}_:-ms-input-placeholder, [dir="rtl"] .sf-icon-button.segment-middle:not(.sf-icon-button--outline){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}@supports not (border-inline-end-color: initial){[dir="rtl"] .sf-icon-button.segment-middle:not(.sf-icon-button--outline){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}}.sf-icon-button.segment-middle:not(.sf-icon-button--outline):where(:dir(rtl)){border-left-color:transparent;border-left-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button.segment-middle:not(.sf-icon-button--outline){border-inline-end-color:transparent;border-inline-end-color:var(--sf-white--alfa-24, transparent)}.sf-icon-button.sf-icon-button--surface{--sf-icon-button--background-color: transparent}.sf-icon-button.sf-icon-button--surface{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-alpha-4));--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-alpha-8));--sf-icon-button--border-bottom-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-end-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-inline-start-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-style: solid;--sf-icon-button--border-top-width: var(--sf-icon-button-border-width, var(--sf-px));--sf-icon-button--border-width: var(--sf-icon-button-border-width, var(--sf-px))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--on-surface{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--on-surface.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--primary{--sf-icon--color: var(--sf-icon-button-color, var(--sf-primary))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--primary.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-primary))}}@layer sf.states{.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-secondary-container-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-secondary-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):hover,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-on-surface-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--icon:not(:disabled):not(.disabled).active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled):active,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:not(:disabled):not(.disabled).active{--sf-icon-button--background-color: var(--sf-on-surface-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-icon-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-icon-button--focus-ink, transparent)}.sf-icon-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:var(--sf-focus--offset);--sf-icon-button--focus-inset: inset 0 0 0 var(--sf-focus--offset) var(--sf-icon-button--focus-ink, transparent)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary{--sf-icon-button--focus-ink: var(--sf-on-primary)}.sf-icon-button.segment-start:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.segment-middle:not(:disabled):not(.disabled).focus-visible,.sf-icon-button.segment-end:not(:disabled):not(.disabled).focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}.sf-icon-button.segment-start:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.segment-middle:not(:disabled):not(.disabled):focus-visible,.sf-icon-button.segment-end:not(:disabled):not(.disabled):focus-visible{outline-offset:calc(var(--sf-focus--width)*-1)}@media(forced-colors: active){.sf-icon-button:not(:disabled):not(.disabled).focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1)}.sf-icon-button:not(:disabled):not(.disabled):focus-visible{outline:var(--sf-focus-outline-width) solid currentColor;outline-offset:calc(var(--sf-focus-outline-width)*-1)}}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-alpha-8)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):hover{--sf-icon-button--border-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-alpha-12)}.sf-icon-button.sf-icon-button--surface:not(:disabled):not(.disabled):active{--sf-icon-button--border-color: var(--sf-alpha-16)}.sf-icon-button.sf-icon-button--surface.active:not(:disabled):not(.disabled){--sf-icon-button--border-color: var(--sf-alpha-16)}.sf-icon-button.sf-icon-button--surface:disabled,.sf-icon-button.sf-icon-button--surface.disabled{--sf-icon-button--background-color: transparent;--sf-icon-button--border-color: var(--sf-alpha-4)}.sf-icon-button.sf-icon-button--surface:disabled,.sf-icon-button.sf-icon-button--surface.disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--surface:disabled>.sf-close>.sf-close-icon,.sf-icon-button.sf-icon-button--surface.disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}}@layer sf.components{.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, var(--sf-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent);--sf-icon-button--border-color: var(--sf-icon-button-border-color, var(--sf-outline))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close{--sf-icon-button--background-color: var(--sf-icon-button-background-color, transparent)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon{--sf-icon--color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-error-container))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error))}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-error-active))}}@layer sf.states{.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:disabled{--sf-icon-button--background-color: var(--sf-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon--color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:disabled{--sf-icon-button--border-color: var(--sf-outline-variant)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-error-container-hover)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--danger.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--danger.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--surface.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close.active:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-error-container-active)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close.focus-visible:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--icon:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled).focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:not(:disabled):not(.disabled):focus-visible{--sf-icon-button--background-color: var(--sf-transparent-for-focus)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--danger.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--danger.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--link.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--danger.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--ghost.sf-icon-button--error.sf-icon-button--close:disabled>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--danger{--sf-icon-button--focus-ink: var(--sf-on-error)}.sf-icon-button.sf-icon-button--default.sf-icon-button--error{--sf-icon-button--focus-ink: var(--sf-on-error)}}@layer sf.override{.sf-icon-button.segment-middle{--sf-icon-button--border-inline-start-width: 0}.sf-icon-button.segment-end{--sf-icon-button--border-inline-start-width: 0}sf-button:has(>.sf-button--outline[class*=segment-])+sf-button-icon>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button:has(>.sf-button--outline[class*=segment-])+sf-icon-button>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button:has(>.sf-icon-button--outline[class*=segment-])+sf-button-icon>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button:has(>.sf-icon-button--outline[class*=segment-])+sf-icon-button>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(>.sf-button--outline[class*=segment-])+sf-button-icon>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(>.sf-button--outline[class*=segment-])+sf-button-icon>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(>.sf-button--outline[class*=segment-])+sf-icon-button>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(>.sf-button--outline[class*=segment-])+sf-icon-button>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(>.sf-icon-button--outline[class*=segment-])+sf-button-icon>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(>.sf-icon-button--outline[class*=segment-])+sf-button-icon>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(>.sf-icon-button--outline[class*=segment-])+sf-icon-button>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(>.sf-icon-button--outline[class*=segment-])+sf-icon-button>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}.sf-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}.sf-icon-button--outline[class*=segment-]+.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(+sf-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(+sf-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(+sf-button-icon>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(+sf-icon-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(+sf-button-icon>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(+sf-icon-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(+sf-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(+sf-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(+sf-button-icon>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(+sf-icon-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(+sf-button-icon>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-icon-button:has(+sf-icon-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-button--outline[class*=segment-]){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-icon-button--outline[class*=segment-]){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px)}sf-button-icon:has(+sf-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-button-icon:has(+sf-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-button-icon:has(+sf-button-icon>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-button-icon:has(+sf-icon-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-button-icon:has(+sf-button-icon>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-button-icon:has(+sf-icon-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-icon-button:has(+sf-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-icon-button:has(+sf-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-icon-button:has(+sf-button-icon>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-icon-button:has(+sf-icon-button>.sf-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-icon-button:has(+sf-button-icon>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}sf-icon-button:has(+sf-icon-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline){--sf-icon-button--border-inline-end-width: 0}.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-button--outline[class*=segment-]){--sf-icon-button--border-inline-end-width: 0}.sf-icon-button[class*=segment-]:not(.sf-icon-button--outline):has(+.sf-icon-button--outline[class*=segment-]){--sf-icon-button--border-inline-end-width: 0}sf-button-icon:has(+sf-button>.sf-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button-icon:has(+sf-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button-icon:has(+sf-button-icon>.sf-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button-icon:has(+sf-icon-button>.sf-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button-icon:has(+sf-button-icon>.sf-icon-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button-icon:has(+sf-icon-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(+sf-button>.sf-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(+sf-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(+sf-button-icon>.sf-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(+sf-icon-button>.sf-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(+sf-button-icon>.sf-icon-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(+sf-icon-button>.sf-icon-button--outline[class*=segment-])>.sf-icon-button.segment-start:not(.sf-icon-button--outline){--sf-icon-button--border-inline-start-width: var(--sf-px)}.sf-icon-button.segment-start:not(.sf-icon-button--outline):has(+.sf-button--outline[class*=segment-]){--sf-icon-button--border-inline-start-width: var(--sf-px)}.sf-icon-button.segment-start:not(.sf-icon-button--outline):has(+.sf-icon-button--outline[class*=segment-]){--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button:has(>[class*=segment-]:not(.sf-button--outline):not(.sf-icon-button--outline))+sf-button-icon>.sf-icon-button.sf-icon-button--outline[class*=segment-]{--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button:has(>[class*=segment-]:not(.sf-button--outline):not(.sf-icon-button--outline))+sf-icon-button>.sf-icon-button.sf-icon-button--outline[class*=segment-]{--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button-icon:has(>[class*=segment-]:not(.sf-button--outline):not(.sf-icon-button--outline))+sf-button-icon>.sf-icon-button.sf-icon-button--outline[class*=segment-]{--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(>[class*=segment-]:not(.sf-button--outline):not(.sf-icon-button--outline))+sf-button-icon>.sf-icon-button.sf-icon-button--outline[class*=segment-]{--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-button-icon:has(>[class*=segment-]:not(.sf-button--outline):not(.sf-icon-button--outline))+sf-icon-button>.sf-icon-button.sf-icon-button--outline[class*=segment-]{--sf-icon-button--border-inline-start-width: var(--sf-px)}sf-icon-button:has(>[class*=segment-]:not(.sf-button--outline):not(.sf-icon-button--outline))+sf-icon-button>.sf-icon-button.sf-icon-button--outline[class*=segment-]{--sf-icon-button--border-inline-start-width: var(--sf-px)}[class*=segment-]:not(.sf-button--outline):not(.sf-icon-button--outline)+.sf-icon-button.sf-icon-button--outline[class*=segment-]{--sf-icon-button--border-inline-start-width: var(--sf-px)}}@layer sf.components{.sf-icon-button>*{position:relative;z-index:1}.sf-icon-button.loading,.sf-icon-button.sf-icon-button-state-loading{pointer-events:none;position:relative}.sf-icon-button.loading::after,.sf-icon-button.sf-icon-button-state-loading::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;inset:0;background-image:repeating-linear-gradient(135deg, transparent 0, transparent var(--sf-space-1\/2), transparent var(--sf-space-1\/2), transparent var(--sf-space-1));background-image:repeating-linear-gradient(135deg, var(--sf-icon-button-loading-stripe, transparent) 0, var(--sf-icon-button-loading-stripe, transparent) var(--sf-space-1\/2), transparent var(--sf-space-1\/2), transparent var(--sf-space-1));border-radius:inherit;pointer-events:none}.sf-icon-button{--sf-icon-button-spinner--size: var(--sf-icon-size-3)}.sf-icon-button.sf-icon-button--size-1\/3{--sf-icon-button-spinner--size: var(--sf-text-height-1\/3)}.sf-icon-button.sf-icon-button--size-1\/2{--sf-icon-button-spinner--size: var(--sf-text-height-1\/2)}.sf-icon-button.sf-icon-button--size-1{--sf-icon-button-spinner--size: var(--sf-text-height-1)}.sf-icon-button.sf-icon-button--size-2{--sf-icon-button-spinner--size: var(--sf-text-height-2)}.sf-icon-button.sf-icon-button--size-3{--sf-icon-button-spinner--size: var(--sf-text-height-3)}.sf-icon-button .sf-icon-button-spinner{--sf-loader-svg-width: var(--sf-icon-button-spinner--size);--sf-loader-svg-height: var(--sf-icon-button-spinner--size);display:inline-flex;vertical-align:bottom;flex:none;width:var(--sf-icon-button-spinner--size);inline-size:var(--sf-icon-button-spinner--size);height:var(--sf-icon-button-spinner--size);block-size:var(--sf-icon-button-spinner--size);color:currentColor;color:var(--sf-loader--color, currentColor)}.sf-icon-button .sf-icon-button-spinner .sf-loader--loading-indicator{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-icon-button .sf-icon-button-spinner .sf-loader-svg{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}}@layer sf.components{.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant:not(.sf-icon-button--default){--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface-variant))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant:not(.sf-icon-button--default) .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface-variant))}}@layer sf.states{.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--link:not(:disabled):not(.disabled):hover{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--link:not(:disabled):not(.disabled):active{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--link.active:not(:disabled):not(.disabled){--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--ghost:not(:disabled):not(.disabled):hover{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--ghost:not(:disabled):not(.disabled):active{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--ghost.active:not(:disabled):not(.disabled){--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--outline:not(:disabled):not(.disabled):hover{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--outline:not(:disabled):not(.disabled):active{--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--outline.active:not(:disabled):not(.disabled){--sf-icon--color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--link:not(:disabled):not(.disabled):hover .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--link:not(:disabled):not(.disabled):active .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--link.active:not(:disabled):not(.disabled) .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--ghost:not(:disabled):not(.disabled):hover .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--ghost:not(:disabled):not(.disabled):active .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--ghost.active:not(:disabled):not(.disabled) .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--outline:not(:disabled):not(.disabled):hover .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--outline:not(:disabled):not(.disabled):active .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button.sf-icon-button--on-surface.sf-icon-button--on-surface-variant.sf-icon-button--outline.active:not(:disabled):not(.disabled) .sf-close-icon{--sf-close-icon--background-color: var(--sf-icon-button-color, var(--sf-on-surface))}.sf-icon-button:disabled .sf-icon-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}.sf-icon-button.disabled .sf-icon-button-spinner{color:var(--sf-on-disable);color:var(--sf-loader--color, var(--sf-on-disable))}}@layer sf.states{.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-icon-button-pressed-background-color, var(--sf-primary-container));--sf-icon-button--border-color: transparent;--sf-icon-button--focus-ink: transparent;--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled){--sf-icon-button--background-color: var(--sf-icon-button-pressed-background-color, var(--sf-primary-container));--sf-icon-button--border-color: transparent;--sf-icon-button--focus-ink: transparent;--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled):hover{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled):active{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed.focus-visible:not(:disabled):not(.disabled){--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled):hover{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled):active{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.focus-visible[aria-pressed=true]:not(:disabled):not(.disabled){--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled):hover{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled):active{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled).focus-visible{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled):focus-visible{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled):hover{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled):active{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled).focus-visible{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled):focus-visible{--sf-icon--color: var(--sf-icon-button-pressed-color, var(--sf-on-primary-container))}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled):hover{--sf-icon-button--background-color: var(--sf-primary-container-hover)}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled):active{--sf-icon-button--background-color: var(--sf-primary-container-active)}@media(forced-colors: active){.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button--pressed:not(:disabled):not(.disabled){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-width: var(--sf-px);--sf-icon-button--border-style: solid;border-color:Highlight}.sf-icon-button.sf-icon-button.sf-icon-button.sf-icon-button[aria-pressed=true]:not(:disabled):not(.disabled){--sf-icon-button--border-top-width: var(--sf-px);--sf-icon-button--border-bottom-width: var(--sf-px);--sf-icon-button--border-inline-start-width: var(--sf-px);--sf-icon-button--border-inline-end-width: var(--sf-px);--sf-icon-button--border-width: var(--sf-px);--sf-icon-button--border-style: solid;border-color:Highlight}}}.sf-icon-button.sf-icon-button--pressed .sf-icon{--sf-icon--fill: 1}.sf-icon-button[aria-pressed=true] .sf-icon{--sf-icon--fill: 1}