.hk-tooltip{--_tt-container-color: var(--tt-container-color, var(--mat-tooltip-container-color, var(--mat-sys-inverse-surface, #313033)));--_tt-text-color: var(--tt-text-color, var(--mat-tooltip-supporting-text-color, var(--mat-sys-inverse-on-surface, #f4eff4)));--_tt-border-radius: var(--tt-border-radius, var(--mat-tooltip-container-shape, var(--mat-sys-corner-extra-small, 4px)));--_tt-font-family: var(--tt-font-family, var(--mat-tooltip-supporting-text-font, var(--mat-sys-body-small-font, Roboto, sans-serif)));--_tt-font-size: var(--tt-font-size, var(--mat-tooltip-supporting-text-size, var(--mat-sys-body-small-size, 12px)));--_tt-font-weight: var(--tt-font-weight, var(--mat-tooltip-supporting-text-weight, var(--mat-sys-body-small-weight, 400)));--_tt-line-height: var(--tt-line-height, var(--mat-tooltip-supporting-text-line-height, var(--mat-sys-body-small-line-height, 1.4)));--_tt-letter-spacing: var(--tt-letter-spacing, var(--mat-tooltip-supporting-text-tracking, var(--mat-sys-body-small-tracking, .033em)));--_tt-shadow: var(--tt-shadow, none);--_tt-padding: var(--tt-padding, 6px 10px);--_tt-max-width: var(--tt-max-width, 280px);--_tt-tail: var(--tt-tail-size, 6px);--_tt-gap: var(--tt-gap, 8px);--_tt-enter-duration: var(--tt-enter-duration, .3s);--_tt-fade-duration: var(--tt-fade-duration, .15s);--_tt-slide-distance: var(--tt-slide-distance, 10px);container-type:anchored;box-sizing:border-box;border:none;overflow:visible;padding:var(--_tt-padding);max-width:var(--_tt-max-width);white-space:normal;word-break:break-word;z-index:9999;background:var(--_tt-container-color);color:var(--_tt-text-color);border-radius:var(--_tt-border-radius);box-shadow:var(--_tt-shadow);font-family:var(--_tt-font-family);font-size:var(--_tt-font-size);font-weight:var(--_tt-font-weight);line-height:var(--_tt-line-height);letter-spacing:var(--_tt-letter-spacing);position:fixed;inset:auto;margin:var(--_tt-gap);position-anchor:--hk-invoker;position-visibility:anchors-visible;animation:tt-in-up var(--_tt-enter-duration) linear(0,.68 24%,.86 48%,.95 72%,1),tt-fade var(--_tt-fade-duration) ease-out}.hk-tooltip[data-placement-pref=top]{position-area:top;position-try-fallbacks:flip-block;animation-name:tt-in-up,tt-fade}.hk-tooltip[data-placement-pref=bottom]{position-area:bottom;position-try-fallbacks:flip-block;animation-name:tt-in-down,tt-fade}.hk-tooltip[data-placement-pref=left]{position-area:left;position-try-fallbacks:flip-inline;animation-name:tt-in-left,tt-fade}.hk-tooltip[data-placement-pref=right]{position-area:right;position-try-fallbacks:flip-inline;animation-name:tt-in-right,tt-fade}.hk-tooltip[data-try-gen=b][data-placement-pref=top],.hk-tooltip[data-try-gen=b][data-placement-pref=bottom]{position-try-fallbacks:flip-block,flip-block}.hk-tooltip[data-try-gen=b][data-placement-pref=left],.hk-tooltip[data-try-gen=b][data-placement-pref=right]{position-try-fallbacks:flip-inline,flip-inline}@keyframes tt-in-up{0%{margin-bottom:calc(var(--_tt-gap) - var(--_tt-slide-distance))}to{margin-bottom:var(--_tt-gap)}}@keyframes tt-in-down{0%{margin-top:calc(var(--_tt-gap) - var(--_tt-slide-distance))}to{margin-top:var(--_tt-gap)}}@keyframes tt-in-left{0%{margin-right:calc(var(--_tt-gap) - var(--_tt-slide-distance))}to{margin-right:var(--_tt-gap)}}@keyframes tt-in-right{0%{margin-left:calc(var(--_tt-gap) - var(--_tt-slide-distance))}to{margin-left:var(--_tt-gap)}}@keyframes tt-fade{0%{opacity:0}to{opacity:1}}.hk-tooltip:before{content:"";position:fixed;position-anchor:--hk-invoker;border:var(--_tt-tail) solid transparent;--_tt-tail-inset: calc(var(--_tt-gap) - var(--_tt-tail))}.hk-tooltip[data-placement-pref=top]:before{left:anchor(center);translate:-50% 0;bottom:calc(anchor(top) + var(--_tt-tail-inset));border-bottom:none;border-top-color:var(--_tt-container-color)}@container anchored(fallback: flip-block){.hk-tooltip[data-placement-pref=top]:before{bottom:auto;top:calc(anchor(bottom) + var(--_tt-tail-inset));border-bottom:var(--_tt-tail) solid var(--_tt-container-color);border-top:none}}.hk-tooltip[data-placement-pref=bottom]:before{left:anchor(center);translate:-50% 0;top:calc(anchor(bottom) + var(--_tt-tail-inset));border-top:none;border-bottom-color:var(--_tt-container-color)}@container anchored(fallback: flip-block){.hk-tooltip[data-placement-pref=bottom]:before{top:auto;bottom:calc(anchor(top) + var(--_tt-tail-inset));border-top:var(--_tt-tail) solid var(--_tt-container-color);border-bottom:none}}.hk-tooltip[data-placement-pref=left]:before{top:anchor(center);translate:0 -50%;right:calc(anchor(left) + var(--_tt-tail-inset));border-right:none;border-left-color:var(--_tt-container-color)}@container anchored(fallback: flip-inline){.hk-tooltip[data-placement-pref=left]:before{right:auto;left:calc(anchor(right) + var(--_tt-tail-inset));border-right:var(--_tt-tail) solid var(--_tt-container-color);border-left:none}}.hk-tooltip[data-placement-pref=right]:before{top:anchor(center);translate:0 -50%;left:calc(anchor(right) + var(--_tt-tail-inset));border-left:none;border-right-color:var(--_tt-container-color)}@container anchored(fallback: flip-inline){.hk-tooltip[data-placement-pref=right]:before{left:auto;right:calc(anchor(left) + var(--_tt-tail-inset));border-left:var(--_tt-tail) solid var(--_tt-container-color);border-right:none}}html{height:100%;--mat-sys-background: light-dark(#fff7f9, #161215);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#f8eef2, #342f32);--mat-sys-inverse-primary: light-dark(#ffabf3, #a900a9);--mat-sys-inverse-surface: light-dark(#342f32, #e9e0e4);--mat-sys-on-background: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #5b005b);--mat-sys-on-primary-container: light-dark(#810081, #ffd7f5);--mat-sys-on-primary-fixed: light-dark(#380038, #380038);--mat-sys-on-primary-fixed-variant: light-dark(#810081, #810081);--mat-sys-on-secondary: light-dark(#ffffff, #3d2b3a);--mat-sys-on-secondary-container: light-dark(#554151, #f7daef);--mat-sys-on-secondary-fixed: light-dark(#271624, #271624);--mat-sys-on-secondary-fixed-variant: light-dark(#554151, #554151);--mat-sys-on-surface: light-dark(#1e1a1d, #e9e0e4);--mat-sys-on-surface-variant: light-dark(#4e444b, #eedee7);--mat-sys-on-tertiary: light-dark(#ffffff, #42008a);--mat-sys-on-tertiary-container: light-dark(#5f00c0, #ecdcff);--mat-sys-on-tertiary-fixed: light-dark(#270057, #270057);--mat-sys-on-tertiary-fixed-variant: light-dark(#5f00c0, #5f00c0);--mat-sys-outline: light-dark(#80747c, #9a8d95);--mat-sys-outline-variant: light-dark(#d1c2cb, #4e444b);--mat-sys-primary: light-dark(#a900a9, #ffabf3);--mat-sys-primary-container: light-dark(#ffd7f5, #810081);--mat-sys-primary-fixed: light-dark(#ffd7f5, #ffd7f5);--mat-sys-primary-fixed-dim: light-dark(#ffabf3, #ffabf3);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#6e5869, #dabfd2);--mat-sys-secondary-container: light-dark(#f7daef, #554151);--mat-sys-secondary-fixed: light-dark(#f7daef, #f7daef);--mat-sys-secondary-fixed-dim: light-dark(#dabfd2, #dabfd2);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff7f9, #161215);--mat-sys-surface-bright: light-dark(#fff7f9, #3d383b);--mat-sys-surface-container: light-dark(#f5ebf0, #231e22);--mat-sys-surface-container-high: light-dark(#efe6ea, #2d292c);--mat-sys-surface-container-highest: light-dark(#e9e0e4, #383337);--mat-sys-surface-container-low: light-dark(#fbf1f5, #1e1a1d);--mat-sys-surface-container-lowest: light-dark(#ffffff, #110d10);--mat-sys-surface-dim: light-dark(#e1d7dc, #161215);--mat-sys-surface-tint: light-dark(#a900a9, #ffabf3);--mat-sys-surface-variant: light-dark(#eedee7, #4e444b);--mat-sys-tertiary: light-dark(#7d00fa, #d5baff);--mat-sys-tertiary-container: light-dark(#ecdcff, #5f00c0);--mat-sys-tertiary-fixed: light-dark(#ecdcff, #ecdcff);--mat-sys-tertiary-fixed-dim: light-dark(#d5baff, #d5baff);--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body.dark-mode{color-scheme:dark}body{color-scheme:light;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;height:100%}.demo-code pre.shiki{margin:0;padding:1rem 1.25rem;min-inline-size:fit-content;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5}.dark-mode .demo-code pre.shiki,.dark-mode .demo-code pre.shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}