.hk-button{--_bg:transparent;--_fg:var(--text-default);--_edge:transparent;--_bg-hover:var(--_bg);--_bg-pressed:var(--_bg);position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:var(--control-height-medium);min-width:var(--control-min-width-medium);padding-inline:var(--control-padding-medium);gap:var(--control-gap-medium);border:var(--border-width-thin) solid var(--_edge);border-radius:var(--corner-control);background:var(--_bg);color:var(--_fg);font-family:var(--type-label-font-family);font-size:var(--type-label-font-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-font-weight);white-space:nowrap;text-decoration:none;cursor:pointer;outline:none;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.hk-button[data-size=small]{height:var(--control-height-small);min-width:var(--control-min-width-small);padding-inline:var(--control-padding-small);gap:var(--control-gap-small);font-family:var(--type-label-small-font-family);font-size:var(--type-label-small-font-size);line-height:var(--type-label-small-line-height);font-weight:var(--type-label-small-font-weight)}.hk-button[data-size=large]{height:var(--control-height-large);min-width:var(--control-min-width-large);padding-inline:var(--control-padding-large);gap:var(--control-gap-large);font-family:var(--type-label-large-font-family);font-size:var(--type-label-large-font-size);line-height:var(--type-label-large-line-height);font-weight:var(--type-label-large-font-weight)}.hk-button__icon{flex-shrink:0;width:var(--control-icon-medium);height:var(--control-icon-medium)}.hk-button[data-size=small] .hk-button__icon{width:var(--control-icon-small);height:var(--control-icon-small)}.hk-button[data-size=large] .hk-button__icon{width:var(--control-icon-large);height:var(--control-icon-large)}.hk-button[data-full-width]{width:100%}.hk-button[data-icon-only]{min-width:0;width:var(--control-height-small);padding-inline:0}.hk-button[data-level=strong]{--_bg:var(--action-strong);--_fg:var(--action-on-strong);--_bg-hover:var(--action-strong-hover);--_bg-pressed:var(--action-strong-pressed)}.hk-button[data-level=muted]{--_bg:var(--action-muted);--_fg:var(--text-default);--_bg-hover:var(--action-muted-hover);--_bg-pressed:var(--action-muted-pressed)}.hk-button[data-level=outline]{--_bg:transparent;--_fg:var(--text-default);--_edge:var(--border-strong);--_bg-hover:var(--action-quiet-hover);--_bg-pressed:var(--action-quiet-pressed)}.hk-button[data-level=ghost]{--_bg:transparent;--_fg:var(--text-default);--_bg-hover:var(--action-quiet-hover);--_bg-pressed:var(--action-quiet-pressed)}.hk-button[data-level=danger]{--_bg:var(--action-danger);--_fg:var(--feedback-error-on-solid);--_bg-hover:var(--action-danger-hover);--_bg-pressed:var(--action-danger-pressed)}.hk-button[data-level=on-image]{--_bg:var(--action-on-image);--_fg:var(--action-on-image-text);--_bg-hover:var(--action-on-image-hover);--_bg-pressed:var(--action-on-image-pressed)}@media (hover:hover){.hk-button[data-hovered]:not([data-disabled]):not([data-loading]){background:var(--_bg-hover)}}.hk-button[data-pressed]:not([data-disabled]):not([data-loading]){background:var(--_bg-pressed)}.hk-button[data-focus-visible]{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-gap)}.hk-button[data-level=on-image][data-focus-visible]{outline-color:var(--focus-ring-on-image);box-shadow:0 0 0 calc(var(--focus-gap) + var(--focus-width)) var(--focus-ring-on-image-edge)}.hk-button[data-disabled]{cursor:default;--_fg:var(--text-disabled)}.hk-button[data-disabled]:is([data-level=strong],[data-level=muted],[data-level=danger]){--_bg:var(--action-disabled)}.hk-button[data-disabled][data-level=outline]{--_edge:var(--border-subtle)}.hk-button[data-disabled][data-level=on-image]{--_bg:var(--action-on-image-disabled);--_fg:var(--action-on-image-text-disabled)}.hk-button__label:has(>svg){display:inline-flex;align-items:center;gap:inherit}.hk-button[data-loading]{cursor:progress}.hk-button[data-loading]:not([data-has-icon-left]) .hk-button__label{visibility:hidden}.hk-button__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}@media (prefers-reduced-motion:reduce){.hk-button{transition:none}}@media (max-width:767px){.container-base{padding-left:var(--responsive-containers-mobile-padding)!important;padding-right:var(--responsive-containers-mobile-padding)!important}}.hk-icon{flex-shrink:0;color:currentColor}.hk-icon[data-size="16"]{width:var(--icon-size-16);height:var(--icon-size-16);stroke-width:calc(var(--icon-stroke-16) * 24 / 16)}.hk-icon[data-size="20"]{width:var(--icon-size-20);height:var(--icon-size-20);stroke-width:calc(var(--icon-stroke-20) * 24 / 20)}.hk-icon[data-size="24"]{width:var(--icon-size-24);height:var(--icon-size-24);stroke-width:calc(var(--icon-stroke-24) * 24 / 24)}.hk-icon[data-size="32"]{width:var(--icon-size-32);height:var(--icon-size-32);stroke-width:calc(var(--icon-stroke-24))}.hk-icon[data-size="48"]{width:var(--icon-size-48);height:var(--icon-size-48);stroke-width:calc(var(--icon-stroke-24))}.hk-icon[data-colour=default]{color:var(--text-default)}.hk-icon[data-colour=muted]{color:var(--text-muted)}.hk-icon[data-colour=accent]{color:var(--text-accent)}.hk-icon[data-colour=disabled]{color:var(--text-disabled)}.hk-icon[data-colour=error]{color:var(--feedback-error-text)}.hk-icon[data-colour=success]{color:var(--feedback-success-text)}.hk-icon[data-colour=warning]{color:var(--feedback-warning-text)}.hk-icon[data-colour=info]{color:var(--feedback-info-text)}[data-panel] .hk-icon[data-colour=error]{color:var(--feedback-error-text-overlay)}[data-panel] .hk-icon[data-colour=success]{color:var(--feedback-success-text-overlay)}[data-panel] .hk-icon[data-colour=warning]{color:var(--feedback-warning-text-overlay)}[data-panel] .hk-icon[data-colour=info]{color:var(--feedback-info-text-overlay)}.hk-icon[data-inline-after]{margin-inline-start:var(--hk-space-1)}.hk-icon[data-spin]{animation:hk-icon-spin .9s linear infinite}@keyframes hk-icon-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.hk-icon[data-spin]{animation-duration:2.4s}}.hk-text{margin:0;font-family:var(--type-body-font-family);color:var(--text-default);overflow-wrap:break-word}.hk-text[data-look=display]{font-size:var(--type-display-font-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-font-weight);font-family:var(--type-display-font-family)}.hk-text[data-look=heading-1]{font-size:var(--type-heading-1-font-size);line-height:var(--type-heading-1-line-height);font-weight:var(--type-heading-1-font-weight);font-family:var(--type-heading-1-font-family)}.hk-text[data-look=heading-2]{font-size:var(--type-heading-2-font-size);line-height:var(--type-heading-2-line-height);font-weight:var(--type-heading-2-font-weight);font-family:var(--type-heading-2-font-family)}.hk-text[data-look=heading-3]{font-size:var(--type-heading-3-font-size);line-height:var(--type-heading-3-line-height);font-weight:var(--type-heading-3-font-weight);font-family:var(--type-heading-3-font-family)}.hk-text[data-look=heading-4]{font-size:var(--type-heading-4-font-size);line-height:var(--type-heading-4-line-height);font-weight:var(--type-heading-4-font-weight);font-family:var(--type-heading-4-font-family)}.hk-text[data-look=body]{font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);font-weight:var(--type-body-font-weight);font-family:var(--type-body-font-family)}.hk-text[data-look=body-small]{font-size:var(--type-body-small-font-size);line-height:var(--type-body-small-line-height);font-weight:var(--type-body-small-font-weight);font-family:var(--type-body-small-font-family)}.hk-text[data-look=label-large]{font-size:var(--type-label-large-font-size);line-height:var(--type-label-large-line-height);font-weight:var(--type-label-large-font-weight);font-family:var(--type-label-large-font-family)}.hk-text[data-look=label]{font-size:var(--type-label-font-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-font-weight);font-family:var(--type-label-font-family)}.hk-text[data-look=label-small]{font-size:var(--type-label-small-font-size);line-height:var(--type-label-small-line-height);font-weight:var(--type-label-small-font-weight);font-family:var(--type-label-small-font-family)}.hk-text[data-look=display][data-strong]{font-weight:var(--type-display-strong-font-weight)}.hk-text[data-look=heading-1][data-strong]{font-weight:var(--type-heading-1-strong-font-weight)}.hk-text[data-look=heading-2][data-strong]{font-weight:var(--type-heading-2-strong-font-weight)}.hk-text[data-look=heading-3][data-strong]{font-weight:var(--type-heading-3-strong-font-weight)}.hk-text[data-look=heading-4][data-strong]{font-weight:var(--type-heading-4-strong-font-weight)}.hk-text[data-look=body][data-strong]{font-weight:var(--type-body-strong-font-weight)}.hk-text[data-look=body-small][data-strong]{font-weight:var(--type-body-small-strong-font-weight)}.hk-text[data-look=label-large][data-strong]{font-weight:var(--type-label-large-strong-font-weight)}.hk-text[data-look=label][data-strong]{font-weight:var(--type-label-strong-font-weight)}.hk-text[data-look=label-small][data-strong]{font-weight:var(--type-label-small-strong-font-weight)}[data-product=website] .hk-text[data-website-look=display]{font-size:var(--type-display-font-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-font-weight);font-family:var(--type-display-font-family)}[data-product=website] .hk-text[data-website-look=heading-1]{font-size:var(--type-heading-1-font-size);line-height:var(--type-heading-1-line-height);font-weight:var(--type-heading-1-font-weight);font-family:var(--type-heading-1-font-family)}[data-product=website] .hk-text[data-website-look=heading-2]{font-size:var(--type-heading-2-font-size);line-height:var(--type-heading-2-line-height);font-weight:var(--type-heading-2-font-weight);font-family:var(--type-heading-2-font-family)}[data-product=website] .hk-text[data-website-look=heading-3]{font-size:var(--type-heading-3-font-size);line-height:var(--type-heading-3-line-height);font-weight:var(--type-heading-3-font-weight);font-family:var(--type-heading-3-font-family)}[data-product=website] .hk-text[data-website-look=heading-4]{font-size:var(--type-heading-4-font-size);line-height:var(--type-heading-4-line-height);font-weight:var(--type-heading-4-font-weight);font-family:var(--type-heading-4-font-family)}[data-product=website] .hk-text[data-website-look=body]{font-size:var(--type-body-font-size);line-height:var(--type-body-line-height);font-weight:var(--type-body-font-weight);font-family:var(--type-body-font-family)}[data-product=website] .hk-text[data-website-look=body-small]{font-size:var(--type-body-small-font-size);line-height:var(--type-body-small-line-height);font-weight:var(--type-body-small-font-weight);font-family:var(--type-body-small-font-family)}[data-product=website] .hk-text[data-website-look=label-large]{font-size:var(--type-label-large-font-size);line-height:var(--type-label-large-line-height);font-weight:var(--type-label-large-font-weight);font-family:var(--type-label-large-font-family)}[data-product=website] .hk-text[data-website-look=label]{font-size:var(--type-label-font-size);line-height:var(--type-label-line-height);font-weight:var(--type-label-font-weight);font-family:var(--type-label-font-family)}[data-product=website] .hk-text[data-website-look=label-small]{font-size:var(--type-label-small-font-size);line-height:var(--type-label-small-line-height);font-weight:var(--type-label-small-font-weight);font-family:var(--type-label-small-font-family)}[data-product=website] .hk-text[data-website-look=display][data-website-strong]{font-weight:var(--type-display-strong-font-weight)}[data-product=website] .hk-text[data-website-look=heading-1][data-website-strong]{font-weight:var(--type-heading-1-strong-font-weight)}[data-product=website] .hk-text[data-website-look=heading-2][data-website-strong]{font-weight:var(--type-heading-2-strong-font-weight)}[data-product=website] .hk-text[data-website-look=heading-3][data-website-strong]{font-weight:var(--type-heading-3-strong-font-weight)}[data-product=website] .hk-text[data-website-look=heading-4][data-website-strong]{font-weight:var(--type-heading-4-strong-font-weight)}[data-product=website] .hk-text[data-website-look=body][data-website-strong]{font-weight:var(--type-body-strong-font-weight)}[data-product=website] .hk-text[data-website-look=body-small][data-website-strong]{font-weight:var(--type-body-small-strong-font-weight)}[data-product=website] .hk-text[data-website-look=label-large][data-website-strong]{font-weight:var(--type-label-large-strong-font-weight)}[data-product=website] .hk-text[data-website-look=label][data-website-strong]{font-weight:var(--type-label-strong-font-weight)}[data-product=website] .hk-text[data-website-look=label-small][data-website-strong]{font-weight:var(--type-label-small-strong-font-weight)}.hk-text[data-colour=default]{color:var(--text-default)}.hk-text[data-colour=muted]{color:var(--text-muted)}.hk-text[data-colour=accent]{color:var(--text-accent)}.hk-text[data-colour=disabled]{color:var(--text-disabled)}.hk-text[data-colour=error]{color:var(--feedback-error-text)}.hk-text[data-colour=success]{color:var(--feedback-success-text)}.hk-text[data-colour=warning]{color:var(--feedback-warning-text)}.hk-text[data-colour=info]{color:var(--feedback-info-text)}[data-panel] .hk-text[data-colour=error]{color:var(--feedback-error-text-overlay)}[data-panel] .hk-text[data-colour=success]{color:var(--feedback-success-text-overlay)}[data-panel] .hk-text[data-colour=warning]{color:var(--feedback-warning-text-overlay)}[data-panel] .hk-text[data-colour=info]{color:var(--feedback-info-text-overlay)}.hk-text[data-code=code-lg],.hk-text[data-mono]{font-family:var(--hk-font-family-mono)}.hk-text[data-code=code-lg]{font-size:var(--hk-text-code-lg-font-size);line-height:var(--hk-text-code-lg-line-height);font-weight:var(--hk-text-code-lg-font-weight)}.hk-text[data-code=code-md]{font-family:var(--hk-font-family-mono);font-size:var(--hk-text-code-md-font-size);line-height:var(--hk-text-code-md-line-height);font-weight:var(--hk-text-code-md-font-weight)}.hk-text[data-code=code-sm]{font-family:var(--hk-font-family-mono);font-size:var(--hk-text-code-sm-font-size);line-height:var(--hk-text-code-sm-line-height);font-weight:var(--hk-text-code-sm-font-weight)}.hk-text[data-code=code-xs]{font-family:var(--hk-font-family-mono);font-size:var(--hk-text-code-xs-font-size);line-height:var(--hk-text-code-xs-line-height);font-weight:var(--hk-text-code-xs-font-weight)}.hk-text[data-align=start]{text-align:start}.hk-text[data-align=center]{text-align:center}.hk-text[data-align=end]{text-align:end}.hk-text[data-wrap=balance]{text-wrap:balance}.hk-text[data-wrap=pretty]{text-wrap:pretty}.hk-text[data-wrap=anywhere]{overflow-wrap:anywhere}.hk-text[data-wrap=nowrap]{white-space:nowrap}.hk-text[data-wrap=pre-line]{white-space:pre-line}.hk-text[data-truncate]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hk-text[data-lines]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}