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

/* docara-shell-source: 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}}}