/* 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}}}