/* docara-shell-source: runtime/component/close/css/close.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-close{padding-left:var(--sf-close--padding-inline-start);padding-left:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-close{padding-left:var(--sf-close--padding-inline-start);padding-left:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start))}}.sf-close:where(:dir(ltr)){padding-left:var(--sf-close--padding-inline-start);padding-left:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start))}_:-ms-input-placeholder, [dir="rtl"] .sf-close{padding-right:var(--sf-close--padding-inline-start);padding-right:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-close{padding-right:var(--sf-close--padding-inline-start);padding-right:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start))}}.sf-close:where(:dir(rtl)){padding-right:var(--sf-close--padding-inline-start);padding-right:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-close{padding-right:var(--sf-close--padding-inline-end);padding-right:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-close{padding-right:var(--sf-close--padding-inline-end);padding-right:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end))}}.sf-close:where(:dir(ltr)){padding-right:var(--sf-close--padding-inline-end);padding-right:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end))}_:-ms-input-placeholder, [dir="rtl"] .sf-close{padding-left:var(--sf-close--padding-inline-end);padding-left:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-close{padding-left:var(--sf-close--padding-inline-end);padding-left:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end))}}.sf-close:where(:dir(rtl)){padding-left:var(--sf-close--padding-inline-end);padding-left:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end))}.sf-close{background-color:transparent;background-color:var(--sf-close--background-color, var(--sf-close-background-color, transparent));-webkit-padding-start:var(--sf-close--padding-inline-start);padding-inline-start:var(--sf-close--padding-inline-start);-webkit-padding-start:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start));padding-inline-start:var(--sf-close-padding-inline, var(--sf-close--padding-inline-start));padding-top:var(--sf-close--padding-top);padding-top:var(--sf-close-padding-block, var(--sf-close--padding-top));-webkit-padding-end:var(--sf-close--padding-inline-end);padding-inline-end:var(--sf-close--padding-inline-end);-webkit-padding-end:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end));padding-inline-end:var(--sf-close-padding-inline, var(--sf-close--padding-inline-end));padding-bottom:var(--sf-close--padding-bottom);padding-bottom:var(--sf-close-padding-block, var(--sf-close--padding-bottom))}.sf-close .sf-close-icon{--sf-close-icon---webkit-mask-repeat: no-repeat;--sf-close-icon---webkit-mask-size: contain;--sf-close-icon--background-color: var(--sf-close-color, var(--sf-on-surface-variant));--sf-close-icon--mask-repeat: no-repeat;--sf-close-icon--mask-size: contain;-webkit-mask-image:var(--sf-close-icon---webkit-mask-image);-webkit-mask-repeat:var(--sf-close-icon---webkit-mask-repeat);-webkit-mask-size:var(--sf-close-icon---webkit-mask-size);background-color:var(--sf-close-icon--background-color);border-color:transparent;border-color:var(--sf-close-icon--border-color, transparent);font-size:var(--sf-close-icon--font-size);height:var(--sf-close-icon--height);height:var(--sf-close-glyph-size, var(--sf-close-icon--height));-webkit-mask-image:var(--sf-close-icon--mask-image);mask-image:var(--sf-close-icon--mask-image);-webkit-mask-repeat:var(--sf-close-icon--mask-repeat);mask-repeat:var(--sf-close-icon--mask-repeat);-webkit-mask-size:var(--sf-close-icon--mask-size);mask-size:var(--sf-close-icon--mask-size);width:var(--sf-close-icon--width);width:var(--sf-close-glyph-size, var(--sf-close-icon--width))}.sf-close.sf-close--size-1 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-1);--sf-close-icon--height: var(--sf-text-size-1);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-1)}.sf-close.sf-close--size-2 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-2);--sf-close-icon--height: var(--sf-text-size-2);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-2)}.sf-close.sf-close--size-3 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-3);--sf-close-icon--height: var(--sf-text-size-3);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-3)}.sf-close.sf-close--size-4 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-4);--sf-close-icon--height: var(--sf-text-size-4);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-4)}.sf-close.sf-close--size-5 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-5);--sf-close-icon--height: var(--sf-text-size-5);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-5)}.sf-close.sf-close--size-6 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-6);--sf-close-icon--height: var(--sf-text-size-6);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-6)}.sf-close.sf-close--size-7 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-7);--sf-close-icon--height: var(--sf-text-size-7);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-7)}.sf-close.sf-close--size-1\/4 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-1\/4);--sf-close-icon--height: var(--sf-text-size-1\/4);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-1\/4)}.sf-close.sf-close--size-1\/3 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-1\/3);--sf-close-icon--height: var(--sf-text-size-1\/3);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-1\/3)}.sf-close.sf-close--size-1\/2 .sf-close-icon{--sf-close-icon---webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--font-size: var(--sf-text-size-1\/2);--sf-close-icon--height: var(--sf-text-size-1\/2);--sf-close-icon--mask-image: url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cdefs%3E%3Cmask%20id=%27m%27%3E%3Crect%20width=%27100%25%27%20height=%27100%25%27%20fill=%27white%27/%3E%3Cpolygon%20points=%270,0%201.4142,0%200,1.4142%27/%3E%3Csvg%20x=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,1.4142%27/%3E%3C/svg%3E%3Csvg%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%201.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3Csvg%20x=%27100%25%27%20y=%27100%25%27%20overflow=%27visible%27%3E%3Cpolygon%20points=%270,0%20-1.4142,0%200,-1.4142%27/%3E%3C/svg%3E%3C/mask%3E%3C/defs%3E%3Cg%20mask=%27url%28%23m%29%27%20stroke=%27black%27%20stroke-width=%272%27%3E%3Cline%20x1=%270%27%20y1=%270%27%20x2=%27100%25%27%20y2=%27100%25%27/%3E%3Cline%20x1=%27100%25%27%20y1=%270%27%20x2=%270%27%20y2=%27100%25%27/%3E%3C/g%3E%3C/svg%3E");--sf-close-icon--width: var(--sf-text-size-1\/2)}.sf-close--size-1,.sf-close--size-2{--sf-close--padding-bottom: var(--sf-a4);--sf-close--padding-inline-end: var(--sf-a4);--sf-close--padding-inline-start: var(--sf-a4);--sf-close--padding-top: var(--sf-a4)}.sf-close--size-3,.sf-close--size-4{--sf-close--padding-bottom: var(--sf-a6);--sf-close--padding-inline-end: var(--sf-a6);--sf-close--padding-inline-start: var(--sf-a6);--sf-close--padding-top: var(--sf-a6)}.sf-close--size-5,.sf-close--size-6{--sf-close--padding-bottom: var(--sf-a8);--sf-close--padding-inline-end: var(--sf-a8);--sf-close--padding-inline-start: var(--sf-a8);--sf-close--padding-top: var(--sf-a8)}.sf-close--size-7{--sf-close--padding-bottom: var(--sf-b0);--sf-close--padding-inline-end: var(--sf-b0);--sf-close--padding-inline-start: var(--sf-b0);--sf-close--padding-top: var(--sf-b0)}.sf-close--size-1\/4{--sf-close--padding-bottom: var(--sf-a1);--sf-close--padding-inline-end: var(--sf-a1);--sf-close--padding-inline-start: var(--sf-a1);--sf-close--padding-top: var(--sf-a1)}.sf-close--size-1\/3{--sf-close--padding-bottom: var(--sf-a2);--sf-close--padding-inline-end: var(--sf-a2);--sf-close--padding-inline-start: var(--sf-a2);--sf-close--padding-top: var(--sf-a2)}.sf-close--size-1\/2{--sf-close--padding-bottom: var(--sf-a3);--sf-close--padding-inline-end: var(--sf-a3);--sf-close--padding-inline-start: var(--sf-a3);--sf-close--padding-top: var(--sf-a3)}@media(forced-colors: active){.sf-close .sf-close-icon,.sf-icon-button .sf-close .sf-close-icon{forced-color-adjust:none;background-color:CanvasText}:disabled .sf-close .sf-close-icon,[aria-disabled=true] .sf-close .sf-close-icon,.sf-close:disabled .sf-close-icon{background-color:GrayText}}}

/* docara-shell-source: smart/smart/button-close/css/button-close.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.overrides{.sf-icon-button.sf-button-close{--sf-button-close--ink: var(--sf-on-surface);--sf-icon-button--background-color: transparent;--sf-icon-button--radius: var(--sf-icon-button-radius, var(--sf-radius--ui));cursor:pointer;position:relative}.sf-icon-button.sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-close-color, var(--sf-button-close--ink))}.sf-icon-button.sf-button-close.sf-button-close--on-surface-variant{--sf-button-close--ink: var(--sf-on-surface-variant)}.sf-icon-button.sf-button-close.sf-button-close--backdrop-color{--sf-button-close--ink: currentColor;color:inherit}.sf-icon-button.sf-button-close.sf-button-close--radius-rounded{--sf-icon-button--radius: var(--sf-radius-rounded)}.sf-icon-button.sf-button-close.sf-button-close--ghost:not(:disabled):hover{--sf-icon-button--background-color: var(--sf-surface-container-hover)}.sf-icon-button.sf-button-close.sf-button-close--ghost:not(:disabled):active{--sf-icon-button--background-color: var(--sf-surface-container-active)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface-variant:not(:disabled):hover{--sf-button-close--ink: var(--sf-on-surface)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface-variant:not(:disabled):active{--sf-button-close--ink: var(--sf-on-surface)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--backdrop-color:not(:disabled):hover{--sf-icon-button--background-color: color-mix(in srgb, currentColor 8%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--backdrop-color:not(:disabled):active{--sf-icon-button--background-color: color-mix(in srgb, currentColor 12%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain{--sf-button-close--base: var(--sf-on-surface);--sf-button-close--ink: color-mix(in srgb, var(--sf-button-close--base) 64%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--on-surface-variant{--sf-button-close--ink: var(--sf-on-surface-variant)}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--backdrop-color{--sf-button-close--base: currentColor;--sf-button-close--ink: color-mix(in srgb, currentColor 64%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):hover{--sf-button-close--ink: var(--sf-button-close--base)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):active{--sf-button-close--ink: var(--sf-button-close--base)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled).focus-visible{outline:none;--sf-icon-button--focus-inset: 0 0 var(--sf-transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):focus-visible{outline:none;--sf-icon-button--focus-inset: 0 0 var(--sf-transparent)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled).focus-visible>.sf-close{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-px)*1);border-radius:var(--sf-radius--ui)}.sf-icon-button.sf-button-close.sf-button-close--plain:not(:disabled):focus-visible>.sf-close{outline:var(--sf-focus--width) var(--sf-focus--style) var(--sf-focus--color);outline-offset:calc(var(--sf-px)*1);border-radius:var(--sf-radius--ui)}.sf-icon-button.sf-button-close.sf-button-close--media{--sf-button-close--ink: var(--sf-white);--sf-icon-button--radius: var(--sf-radius-rounded);--sf-icon-button--background-color: color-mix(in srgb, var(--sf-black) 48%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--media:not(:disabled):hover{--sf-icon-button--background-color: color-mix(in srgb, var(--sf-black) 64%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--media:not(:disabled):active{--sf-icon-button--background-color: color-mix(in srgb, var(--sf-black) 80%, transparent)}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--ghost.sf-button-close--on-surface-variant:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--on-surface:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--plain.sf-button-close--on-surface-variant:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--media.sf-button-close--on-surface:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}.sf-icon-button.sf-button-close.sf-button-close--media.sf-button-close--on-surface-variant:disabled{--sf-button-close--ink: var(--sf-on-disable);cursor:default}@media(forced-colors: active){.sf-icon-button.sf-button-close>.sf-close>.sf-close-icon{forced-color-adjust:none;background-color:ButtonText}.sf-icon-button.sf-button-close:disabled>.sf-close>.sf-close-icon{background-color:GrayText}}}

/* docara-shell-source: runtime/component/badges/css/badges.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.components{_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){html:not([dir="rtl"]) .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-end-radius: initial){[dir="rtl"] .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){html:not([dir="rtl"]) .sf-badge{border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-bottom-left-radius:var(--sf-radius-circle);border-bottom-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-end-start-radius: initial){[dir="rtl"] .sf-badge{border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-bottom-right-radius:var(--sf-radius-circle);border-bottom-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){html:not([dir="rtl"]) .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-end-radius: initial){[dir="rtl"] .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){html:not([dir="rtl"]) .sf-badge{border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(ltr)){border-top-left-radius:var(--sf-radius-circle);border-top-left-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}@supports not (border-start-start-radius: initial){[dir="rtl"] .sf-badge{border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}}.sf-badge:where(:dir(rtl)){border-top-right-radius:var(--sf-radius-circle);border-top-right-radius:var(--sf-badge-radius, var(--sf-radius-circle))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{padding-left:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width))}@supports not (padding-inline-start: initial){html:not([dir="rtl"]) .sf-badge{padding-left:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width))}}.sf-badge:where(:dir(ltr)){padding-left:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{padding-right:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width))}@supports not (padding-inline-start: initial){[dir="rtl"] .sf-badge{padding-right:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width))}}.sf-badge:where(:dir(rtl)){padding-right:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{padding-right:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width))}@supports not (padding-inline-end: initial){html:not([dir="rtl"]) .sf-badge{padding-right:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width))}}.sf-badge:where(:dir(ltr)){padding-right:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{padding-left:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width))}@supports not (padding-inline-end: initial){[dir="rtl"] .sf-badge{padding-left:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width))}}.sf-badge:where(:dir(rtl)){padding-left:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-left-width:var(--sf-a0);border-left-width:var(--sf-badge--border-inline-start-width, var(--sf-a0))}@supports not (border-inline-start-width: initial){html:not([dir="rtl"]) .sf-badge{border-left-width:var(--sf-a0);border-left-width:var(--sf-badge--border-inline-start-width, var(--sf-a0))}}.sf-badge:where(:dir(ltr)){border-left-width:var(--sf-a0);border-left-width:var(--sf-badge--border-inline-start-width, var(--sf-a0))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-right-width:var(--sf-a0);border-right-width:var(--sf-badge--border-inline-start-width, var(--sf-a0))}@supports not (border-inline-start-width: initial){[dir="rtl"] .sf-badge{border-right-width:var(--sf-a0);border-right-width:var(--sf-badge--border-inline-start-width, var(--sf-a0))}}.sf-badge:where(:dir(rtl)){border-right-width:var(--sf-a0);border-right-width:var(--sf-badge--border-inline-start-width, var(--sf-a0))}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge{border-right-width:var(--sf-a0);border-right-width:var(--sf-badge--border-inline-end-width, var(--sf-a0))}@supports not (border-inline-end-width: initial){html:not([dir="rtl"]) .sf-badge{border-right-width:var(--sf-a0);border-right-width:var(--sf-badge--border-inline-end-width, var(--sf-a0))}}.sf-badge:where(:dir(ltr)){border-right-width:var(--sf-a0);border-right-width:var(--sf-badge--border-inline-end-width, var(--sf-a0))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge{border-left-width:var(--sf-a0);border-left-width:var(--sf-badge--border-inline-end-width, var(--sf-a0))}@supports not (border-inline-end-width: initial){[dir="rtl"] .sf-badge{border-left-width:var(--sf-a0);border-left-width:var(--sf-badge--border-inline-end-width, var(--sf-a0))}}.sf-badge:where(:dir(rtl)){border-left-width:var(--sf-a0);border-left-width:var(--sf-badge--border-inline-end-width, var(--sf-a0))}.sf-badge{border-end-end-radius:var(--sf-radius-circle);border-end-end-radius:var(--sf-badge-radius, var(--sf-radius-circle));border-end-start-radius:var(--sf-radius-circle);border-end-start-radius:var(--sf-badge-radius, var(--sf-radius-circle));border-start-end-radius:var(--sf-radius-circle);border-start-end-radius:var(--sf-badge-radius, var(--sf-radius-circle));border-start-start-radius:var(--sf-radius-circle);border-start-start-radius:var(--sf-badge-radius, var(--sf-radius-circle));font-family:var(--sf-text--family);font-weight:var(--sf-font-weight-medium);box-sizing:border-box;gap:var(--sf-space-1\/4);gap:var(--sf-badge--gap, var(--sf-space-1\/4));padding-top:max(var(--sf-a0),var(--sf-badge--padding-block) - var(--sf-badge--border-top-width));-webkit-padding-before:max(var(--sf-a0),var(--sf-badge--padding-block) - var(--sf-badge--border-top-width));padding-block-start:max(var(--sf-a0),var(--sf-badge--padding-block) - var(--sf-badge--border-top-width));padding-bottom:max(var(--sf-a0),var(--sf-badge--padding-block) - var(--sf-badge--border-bottom-width));-webkit-padding-after:max(var(--sf-a0),var(--sf-badge--padding-block) - var(--sf-badge--border-bottom-width));padding-block-end:max(var(--sf-a0),var(--sf-badge--padding-block) - var(--sf-badge--border-bottom-width));-webkit-padding-start:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width));padding-inline-start:max(var(--sf-a0),var(--sf-badge--padding-inline-start) - var(--sf-badge--border-inline-start-width));-webkit-padding-end:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width));padding-inline-end:max(var(--sf-a0),var(--sf-badge--padding-inline-end) - var(--sf-badge--border-inline-end-width));min-height:var(--sf-badge--min-size);min-block-size:var(--sf-badge--min-size);min-width:var(--sf-badge--min-size);min-inline-size:var(--sf-badge--min-size);max-width:100%;max-inline-size:100%;background-color:var(--sf-badge--background-color);color:var(--sf-badge--color);font-size:var(--sf-badge--font-size);line-height:var(--sf-badge--line-box);border-top-width:var(--sf-a0);border-top-width:var(--sf-badge--border-top-width, var(--sf-a0));border-bottom-width:var(--sf-a0);border-bottom-width:var(--sf-badge--border-bottom-width, var(--sf-a0));border-inline-start-width:var(--sf-a0);border-inline-start-width:var(--sf-badge--border-inline-start-width, var(--sf-a0));border-inline-end-width:var(--sf-a0);border-inline-end-width:var(--sf-badge--border-inline-end-width, var(--sf-a0));border-color:transparent;border-color:var(--sf-badge--border-color, transparent);border-style:solid;border-style:var(--sf-badge--border-style, solid);vertical-align:middle;--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-on-surface-variant));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface-inverse));--sf-badge-spinner--size: var(--sf-text-size-1\/3);--sf-badge--font-size: var(--sf-text-size-1\/3);--sf-badge--line-height: var(--sf-text-height-1\/3);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-badge--side-room: var(--sf-space-1\/2);--sf-badge--side-tight: var(--sf-ui-1\/3--text-space-x);--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-badge--side-room));--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-badge--side-room));--sf-badge--min-size: calc(var(--sf-badge--line-height) + 2 * var(--sf-badge--padding-block));--sf-badge--line-box: calc(var(--sf-badge--line-height) - max(var(--sf-a0), calc(var(--sf-badge--border-top-width) - var(--sf-badge--padding-block))) - max(var(--sf-a0), calc(var(--sf-badge--border-bottom-width) - var(--sf-badge--padding-block))));--sf-badge--gap: var(--sf-badge-gap, var(--sf-space-1\/4));--sf-badge--border-color: var(--sf-badge-border-color, transparent);--sf-badge--border-top-width: var(--sf-badge-border-width, var(--sf-a0));--sf-badge--border-bottom-width: var(--sf-badge-border-width, var(--sf-a0));--sf-badge--border-inline-start-width: var(--sf-badge-border-width, var(--sf-a0));--sf-badge--border-inline-end-width: var(--sf-badge-border-width, var(--sf-a0))}.sf-badge .sf-badge-icon-container{background-color:rgba(0,0,0,0);flex:0 0 auto}.sf-badge .sf-badge-text-container{background-color:rgba(0,0,0,0);min-width:0;min-inline-size:0}.sf-badge .sf-badge-text{color:var(--sf-badge-text--color);font-family:var(--sf-text--family);font-size:var(--sf-badge-text--font-size);font-weight:var(--sf-font-weight-medium);line-height:var(--sf-badge-text--line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sf-badge .sf-icon{color:var(--sf-icon--color);font-size:var(--sf-icon--font-size);height:var(--sf-icon--height);width:var(--sf-icon--width)}.sf-badge.sf-badge--main.sf-badge--neutral{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-on-surface-variant));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface-inverse))}.sf-badge .sf-badge-spinner{--sf-loader-svg-width: var(--sf-badge-spinner--size);--sf-loader-svg-height: var(--sf-badge-spinner--size);--sf-loader-track-color: var(--sf-spinner-track-color, currentColor);display:inline-flex;flex:none;width:var(--sf-badge-spinner--size);inline-size:var(--sf-badge-spinner--size);height:var(--sf-badge-spinner--size);block-size:var(--sf-badge-spinner--size);color:currentColor;color:var(--sf-loader--color, currentColor)}.sf-badge .sf-badge-spinner .sf-loader--loading-indicator{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-badge .sf-badge-spinner .sf-loader-svg{display:block;width:100%;inline-size:100%;height:100%;block-size:100%}.sf-badge.sf-badge--tonal .sf-icon,.sf-badge.sf-badge--main .sf-icon,.sf-badge.sf-badge--outline .sf-icon{--sf-icon--color: var(--sf-badge--color)}.sf-badge.sf-badge--tonal .sf-badge-text,.sf-badge.sf-badge--main .sf-badge-text,.sf-badge.sf-badge--outline .sf-badge-text{--sf-badge-text--color: var(--sf-badge-color, var(--sf-badge--color))}.sf-badge.sf-badge--main.sf-badge--primary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-primary));--sf-badge--color: var(--sf-badge-color, var(--sf-on-primary))}.sf-badge.sf-badge--main.sf-badge--secondary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-secondary));--sf-badge--color: var(--sf-badge-color, var(--sf-on-secondary))}.sf-badge.sf-badge--tonal.sf-badge--neutral{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-surface-container));--sf-on-surface-variant: var(--sf-on-surface-container--variant);--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface))}.sf-badge.sf-badge--tonal.sf-badge--primary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-primary-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-primary-container))}.sf-badge.sf-badge--tonal.sf-badge--secondary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-secondary-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-secondary-container))}.sf-badge.sf-badge--outline.sf-badge--neutral{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-variant));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface))}.sf-badge.sf-badge--outline.sf-badge--primary{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-primary));--sf-badge--color: var(--sf-badge-color, var(--sf-primary))}.sf-badge.sf-badge--outline.sf-badge--secondary{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-secondary));--sf-badge--color: var(--sf-badge-color, var(--sf-secondary))}.sf-badge.sf-badge--main.sf-badge--tertiary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-tertiary));--sf-badge--color: var(--sf-badge-color, var(--sf-on-tertiary))}.sf-badge.sf-badge--tonal.sf-badge--tertiary{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-tertiary-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-tertiary-container))}.sf-badge.sf-badge--outline.sf-badge--tertiary{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-tertiary));--sf-badge--color: var(--sf-badge-color, var(--sf-tertiary))}.sf-badge.sf-badge--main.sf-badge--on-surface{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-on-surface));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface-inverse))}.sf-badge.sf-badge--outline.sf-badge--on-surface{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline));--sf-badge--color: var(--sf-badge-color, var(--sf-on-surface))}.sf-badge.sf-badge--main.sf-badge--info{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-info));--sf-badge--color: var(--sf-badge-color, var(--sf-on-info))}.sf-badge.sf-badge--tonal.sf-badge--info{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-info-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-info-container))}.sf-badge.sf-badge--outline.sf-badge--info{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-info));--sf-badge--color: var(--sf-badge-color, var(--sf-info))}.sf-badge.sf-badge--main.sf-badge--success{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-success));--sf-badge--color: var(--sf-badge-color, var(--sf-on-success))}.sf-badge.sf-badge--tonal.sf-badge--success{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-success-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-success-container))}.sf-badge.sf-badge--outline.sf-badge--success{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-success));--sf-badge--color: var(--sf-badge-color, var(--sf-success))}.sf-badge.sf-badge--main.sf-badge--warning{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-warning));--sf-badge--color: var(--sf-badge-color, var(--sf-on-warning))}.sf-badge.sf-badge--tonal.sf-badge--warning{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-warning-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-warning-container))}.sf-badge.sf-badge--outline.sf-badge--warning{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-warning));--sf-badge--color: var(--sf-badge-color, var(--sf-warning))}.sf-badge.sf-badge--main.sf-badge--error{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error))}.sf-badge.sf-badge--main.sf-badge--danger{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error))}.sf-badge.sf-badge--tonal.sf-badge--error{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error-container))}.sf-badge.sf-badge--tonal.sf-badge--danger{--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error-container));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error-container))}.sf-badge.sf-badge--outline.sf-badge--error{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-error));--sf-badge--color: var(--sf-badge-color, var(--sf-error))}.sf-badge.sf-badge--outline.sf-badge--danger{--sf-badge--border-color: var(--sf-badge-border-color, var(--sf-outline-error));--sf-badge--color: var(--sf-badge-color, var(--sf-error))}.sf-badge--size-1{--sf-badge-spinner--size: var(--sf-text-size-1);--sf-badge--font-size: var(--sf-text-size-1);--sf-badge--line-height: var(--sf-text-height-1);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1--space-y-tightness-low));--sf-badge--side-tight: var(--sf-ui-1--text-space-x)}.sf-badge.sf-badge--size-1 .sf-icon{--sf-icon--font-size: var(--sf-badge--font-size);--sf-icon--height: var(--sf-text-size-1);--sf-icon--width: var(--sf-text-size-1)}.sf-badge--size-1 .sf-badge-text,.sf-badge--size-1\/3 .sf-badge-text,.sf-badge--size-1\/2 .sf-badge-text{--sf-badge-text--font-size: var(--sf-badge--font-size);--sf-badge-text--line-height: var(--sf-badge--line-box)}.sf-badge--size-1\/3{--sf-badge-spinner--size: var(--sf-text-size-1\/3);--sf-badge--font-size: var(--sf-text-size-1\/3);--sf-badge--line-height: var(--sf-text-height-1\/3);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1\/3--space-y-tightness-low));--sf-badge--side-tight: var(--sf-ui-1\/3--text-space-x)}.sf-badge.sf-badge--size-1\/3 .sf-icon{--sf-icon--font-size: var(--sf-badge--font-size);--sf-icon--height: var(--sf-text-size-1\/3);--sf-icon--width: var(--sf-text-size-1\/3)}.sf-badge--size-1\/2{--sf-badge-spinner--size: var(--sf-text-size-1\/2);--sf-badge--font-size: var(--sf-text-size-1\/2);--sf-badge--line-height: var(--sf-text-height-1\/2);--sf-badge--padding-block: var(--sf-badge-padding-block, var(--sf-ui-1\/2--space-y-tightness-low));--sf-badge--side-tight: var(--sf-ui-1\/2--text-space-x)}.sf-badge.sf-badge--size-1\/2 .sf-icon{--sf-icon--font-size: var(--sf-badge--font-size);--sf-icon--height: var(--sf-text-size-1\/2);--sf-icon--width: var(--sf-text-size-1\/2)}.sf-badge--outline{--sf-badge--background-color: var(--sf-badge-background-color, transparent);--sf-badge--border-bottom-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-inline-end-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-inline-start-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-top-width: var(--sf-badge-border-width, var(--sf-px));--sf-badge--border-style: solid}}@layer sf.components{.sf-badge.sf-badge--line-1\/2{--sf-badge--font-size: var(--sf-text-size-1\/3);--sf-badge--line-height: var(--sf-text-height-1\/2);--sf-badge--padding-block: var(--sf-badge-padding-block, calc(var(--sf-px) * 0));--sf-badge--side-tight: var(--sf-ui-1\/2--text-space-x)}.sf-badge.sf-badge--line-1{--sf-badge--font-size: var(--sf-text-size-1\/2);--sf-badge--line-height: var(--sf-text-height-1);--sf-badge--padding-block: var(--sf-badge-padding-block, calc(var(--sf-px) * 0));--sf-badge--side-tight: var(--sf-ui-1--text-space-x)}.sf-badge.sf-badge--line-2{--sf-badge--font-size: var(--sf-text-size-1);--sf-badge--line-height: var(--sf-text-height-2);--sf-badge--padding-block: var(--sf-badge-padding-block, calc(var(--sf-px) * 0));--sf-badge--side-tight: var(--sf-ui-2--text-space-x)}.sf-badge.sf-badge--tight{--sf-badge--side-room: var(--sf-badge--side-tight)}.sf-badge.sf-badge--compact{--sf-badge--padding-inline-start: var(--sf-badge-padding-inline, var(--sf-badge--padding-block));--sf-badge--padding-inline-end: var(--sf-badge-padding-inline, var(--sf-badge--padding-block))}.sf-badge.sf-badge--figure{--sf-badge--side-room: var(--sf-badge--side-tight)}.sf-badge[data-count]{--sf-badge--side-room: var(--sf-badge--side-tight)}}@layer sf.states{.sf-badge.sf-badge--disabled{--sf-badge--background-color: var(--sf-disable);--sf-badge--color: var(--sf-on-disable);--sf-badge--border-color: var(--sf-outline-disable)}}@property --sf-badge--anchor-radius{syntax:"<length-percentage>";inherits:false;initial-value:0px}@property --sf-badge--anchor-border{syntax:"<length>";inherits:false;initial-value:0px}@layer sf.components{:where(.sf-avatar,.sf-icon-button,.sf-badge-anchor):has(>.sf-badge--anchored){position:relative}.sf-badge-anchor{--sf-badge-anchor--radius: var(--sf-radius-square);position:relative;display:inline-flex;flex:none;vertical-align:bottom}.sf-badge-anchor--round{--sf-badge-anchor--radius: var(--sf-radius-circle)}.sf-badge-anchor--rounded{--sf-badge-anchor--radius: var(--sf-radius--ui)}.sf-badge-anchor--square{--sf-badge-anchor--radius: var(--sf-radius-square)}_:-ms-input-placeholder, html:not([dir="rtl"]) .sf-badge.sf-badge--anchored{left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}@supports not (inset-inline-start: initial){html:not([dir="rtl"]) .sf-badge.sf-badge--anchored{left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}}.sf-badge.sf-badge--anchored:where(:dir(ltr)){left:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}_:-ms-input-placeholder, [dir="rtl"] .sf-badge.sf-badge--anchored{right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}@supports not (inset-inline-start: initial){[dir="rtl"] .sf-badge.sf-badge--anchored{right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}}.sf-badge.sf-badge--anchored:where(:dir(rtl)){right:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset))}.sf-badge.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-b6);--sf-badge--anchored-dot: var(--sf-b0);--sf-badge--anchored-font-size: var(--sf-text-size-1\/4);--sf-badge--anchored-padding: var(--sf-a4);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none;--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none;--sf-badge--anchored-inset: calc(min(var(--sf-badge--anchor-radius), 50% + var(--sf-badge--anchor-border)) * 0.29289);--sf-badge--ring: var(--sf-badge-ring-color, var(--sf-badge--surface, var(--sf-surface-place)));--sf-badge--background-color: var(--sf-badge-background-color, var(--sf-error));--sf-badge--color: var(--sf-badge-color, var(--sf-on-error));position:absolute;top:calc(var(--sf-badge--anchored-inset) - var(--sf-badge--anchor-border));inset-block-start:calc(var(--sf-badge--anchored-inset) - var(--sf-badge--anchor-border));inset-inline-start:calc(100% + var(--sf-badge--anchor-border) - var(--sf-badge--anchored-inset));translate:-50% -50%;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--sf-badge--anchored-size);block-size:var(--sf-badge--anchored-size);min-height:var(--sf-badge--anchored-size);min-block-size:var(--sf-badge--anchored-size);min-width:var(--sf-badge--anchored-size);min-inline-size:var(--sf-badge--anchored-size);max-width:var(--sf-badge--anchored-max);max-inline-size:var(--sf-badge--anchored-max);padding-top:0;padding-bottom:0;padding-block:0;padding-left:var(--sf-badge--anchored-padding);padding-right:var(--sf-badge--anchored-padding);padding-inline:var(--sf-badge--anchored-padding);overflow:hidden;font-size:var(--sf-badge--anchored-font-size);line-height:var(--sf-badge--anchored-size);-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;box-shadow:0 0 0 var(--sf-badge--ring-width) var(--sf-badge--ring)}.sf-badge.sf-badge--anchored:dir(rtl){translate:50% -50%}@media(forced-colors: active){.sf-badge.sf-badge--anchored{forced-color-adjust:none;background-color:Highlight;color:HighlightText;box-shadow:none;outline:var(--sf-badge--ring-width) solid Canvas}}.sf-avatar>.sf-badge--anchored{--sf-badge--anchor-radius: var(--sf-avatar--border-top-right-radius, var(--sf-avatar-radius, var(--sf-radius-circle)));--sf-badge--anchor-border: var(--sf-avatar--border-top-width, var(--sf-a0))}.sf-icon-button>.sf-badge--anchored{--sf-badge--anchor-radius: var(--sf-icon-button--border-top-right-radius, var(--sf-icon-button--radius, var(--sf-radius--ui)));--sf-badge--anchor-border: var(--sf-icon-button--border-top-width, var(--sf-a0))}.sf-icon-button.radius-default>.sf-badge--anchored{--sf-badge--anchor-radius: var(--sf-icon-button--anchor-radius)}.sf-icon-button.radius-square>.sf-badge--anchored{--sf-badge--anchor-radius: var(--sf-radius-square)}.sf-icon-button.radius-rounded>.sf-badge--anchored{--sf-badge--anchor-radius: var(--sf-radius-rounded)}.sf-badge-anchor>.sf-badge--anchored{--sf-badge--anchor-radius: var(--sf-badge-anchor--radius);--sf-badge--anchor-border: var(--sf-a0)}.sf-avatar--size-1\/4>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a6);--sf-badge--anchored-dot: var(--sf-a6);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a1);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-avatar--size-1\/3>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a6);--sf-badge--anchored-dot: var(--sf-a6);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a1);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-icon-button--size-1\/3>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a6);--sf-badge--anchored-dot: var(--sf-a6);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a1);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-badge-anchor--size-1\/3>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a6);--sf-badge--anchored-dot: var(--sf-a6);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a1);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-avatar--size-1\/2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a8);--sf-badge--anchored-dot: var(--sf-a8);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-icon-button--size-1\/2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a8);--sf-badge--anchored-dot: var(--sf-a8);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-badge-anchor--size-1\/2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a8);--sf-badge--anchored-dot: var(--sf-a8);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-avatar--size-1>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-b6);--sf-badge--anchored-dot: var(--sf-b0);--sf-badge--anchored-font-size: var(--sf-text-size-1\/4);--sf-badge--anchored-padding: var(--sf-a4);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-icon-button--size-1>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-b6);--sf-badge--anchored-dot: var(--sf-b0);--sf-badge--anchored-font-size: var(--sf-text-size-1\/4);--sf-badge--anchored-padding: var(--sf-a4);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-badge-anchor--size-1>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-b6);--sf-badge--anchored-dot: var(--sf-b0);--sf-badge--anchored-font-size: var(--sf-text-size-1\/4);--sf-badge--anchored-padding: var(--sf-a4);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-avatar--size-2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-c0);--sf-badge--anchored-dot: var(--sf-b2);--sf-badge--anchored-font-size: var(--sf-text-size-1\/3);--sf-badge--anchored-padding: var(--sf-a5);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-icon-button--size-2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-c0);--sf-badge--anchored-dot: var(--sf-b2);--sf-badge--anchored-font-size: var(--sf-text-size-1\/3);--sf-badge--anchored-padding: var(--sf-a5);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-badge-anchor--size-2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-c0);--sf-badge--anchored-dot: var(--sf-b2);--sf-badge--anchored-font-size: var(--sf-text-size-1\/3);--sf-badge--anchored-padding: var(--sf-a5);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-avatar--size-3>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-c2);--sf-badge--anchored-dot: var(--sf-b4);--sf-badge--anchored-font-size: var(--sf-text-size-1\/2);--sf-badge--anchored-padding: var(--sf-a6);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-icon-button--size-3>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-c2);--sf-badge--anchored-dot: var(--sf-b4);--sf-badge--anchored-font-size: var(--sf-text-size-1\/2);--sf-badge--anchored-padding: var(--sf-a6);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-badge-anchor--size-3>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-c2);--sf-badge--anchored-dot: var(--sf-b4);--sf-badge--anchored-font-size: var(--sf-text-size-1\/2);--sf-badge--anchored-padding: var(--sf-a6);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-count);--sf-badge--anchored-max: none}.sf-avatar--line-1\/2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a6);--sf-badge--anchored-dot: var(--sf-a6);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a1);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-avatar--line-1>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a6);--sf-badge--anchored-dot: var(--sf-a6);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a1);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-avatar--line-2>.sf-badge--anchored{--sf-badge--anchored-count: var(--sf-a8);--sf-badge--anchored-dot: var(--sf-a8);--sf-badge--anchored-font-size: var(--sf-a0);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--ring-width: var(--sf-a2);--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-badge.sf-badge--anchored.sf-badge--dot{--sf-badge--anchored-size: var(--sf-badge--anchored-dot);--sf-badge--anchored-max: var(--sf-badge--anchored-dot);--sf-badge--anchored-padding: var(--sf-a0);--sf-badge--anchored-font-size: var(--sf-a0)}.sf-badge.sf-badge--dot:not(.sf-badge--anchored){box-sizing:border-box;width:var(--sf-a8);inline-size:var(--sf-a8);height:var(--sf-a8);block-size:var(--sf-a8);min-width:var(--sf-a8);min-inline-size:var(--sf-a8);min-height:var(--sf-a8);min-block-size:var(--sf-a8);padding:0;overflow:hidden;font-size:var(--sf-a0)}.sf-badge[data-count]{-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}span.sf-badge-anchored-text{position:absolute;width:var(--sf-px);inline-size:var(--sf-px);height:var(--sf-px);block-size:var(--sf-px);margin:calc(var(--sf-px)*-1);padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}}

/* docara-shell-source: smart/smart/button-icon/css/button-icon.min.css */
@layer sf.reset, sf.tokens, sf.base, sf.utilities, sf.components, sf.overrides, sf.states;
@layer sf.components{.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-primary)}.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-primary)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-secondary-container)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-secondary-container)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-primary)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-primary)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-primary-active)}.sf-icon-button.sf-icon-button--link.sf-icon-button--primary.sf-icon-button--close>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-primary-active)}.sf-icon-button.sf-icon-button--close>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface)}.sf-icon-button.sf-icon-button--close>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-inverse)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-surface-inverse)}}@layer sf.states{.sf-icon-button.sf-icon-button--default.sf-icon-button--primary.sf-icon-button--close:disabled>sf-button-close>.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>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--secondary.sf-icon-button--close:disabled>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--tonal.sf-icon-button--on-surface.sf-icon-button--close:disabled>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--default.sf-icon-button--on-surface.sf-icon-button--close:disabled>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--primary.sf-icon-button--close:disabled>sf-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled>sf-button-close>.sf-close>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}.sf-icon-button.sf-icon-button--outline.sf-icon-button--on-surface.sf-icon-button--close:disabled>sf-close>.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-button-close>.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>.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-button-close>.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>.sf-close-icon{--sf-close-icon--background-color: var(--sf-on-disable)}}