.hk-icon-button{width:var(--hi-icon-button-size);height:var(--hi-icon-button-size);min-width:var(--hi-icon-button-size);max-width:var(--hi-icon-button-size);min-height:var(--hi-icon-button-size);max-height:var(--hi-icon-button-size);-webkit-appearance:none;appearance:none;background:var(--hi-icon-button-bg);border-radius:var(--hi-icon-button-radius);color:var(--hi-icon-button-icon-color);transition:var(--hi-icon-button-transition);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif;font-size:.875rem;font-weight:400;line-height:0;display:inline-flex;overflow:visible}.hk-icon-button:focus-visible{outline:2px solid var(--hi-icon-button-border-color-focus);outline-offset:2px}.hk-icon-button:disabled{background:var(--hi-icon-button-bg-disabled);cursor:not-allowed;pointer-events:none}.hk-icon-button:where(:hover:not(:disabled):not(:active)){background:var(--hi-icon-button-bg-hover,var(--hi-icon-button-bg-active))}.hk-icon-button:where(:active:not(:disabled)){background:var(--hi-icon-button-bg-active)}.hk-icon-button .hk-icon-button-icon{width:var(--hi-icon-button-icon-size);height:var(--hi-icon-button-icon-size);color:var(--hi-icon-button-icon-color);justify-content:center;align-items:center;line-height:0;display:inline-flex}.hk-icon-button .hk-icon-button-icon svg{width:var(--hi-icon-button-icon-size);height:var(--hi-icon-button-icon-size);display:block}.hk-icon-button .hk-icon-button-icon .hk-icon{transform:scale(var(--hk-func-icon-scale,1))}.hk-icon-button:active:not(:disabled) .hk-icon-button-icon{color:var(--hi-icon-button-icon-color-active)}.hk-icon-button:disabled .hk-icon-button-icon{color:var(--hi-icon-button-icon-color-disabled)}@media (prefers-reduced-motion:reduce){.hk-icon-button{transition:none}}.hk-icon-button{--hi-icon-button-icon-color:var(--hi-icon-color);--hi-icon-button-icon-color-active:var(--hi-icon-color);--hi-icon-button-icon-color-disabled:#80808080;--hi-icon-button-bg:transparent;--hi-icon-button-bg-active:var(--hi-bg-surface-dark);--hi-icon-button-bg-disabled:#8080801a;--hi-icon-button-border-color-focus:var(--hi-border-color-focus);--hi-icon-button-radius:var(--radius-sm,4px);--hi-icon-button-duration:var(--hi-duration-fast);--hi-icon-button-easing:var(--hi-ease-default);--hi-icon-button-transition:background-color var(--hi-icon-button-duration) var(--hi-icon-button-easing);--hi-icon-button-size:40px;--hi-icon-button-icon-size:var(--hi-icon-size-sm)}.hk-icon-button-16{--hi-icon-button-size:16px;--hi-icon-button-icon-size:var(--hi-icon-size-xs)}.hk-icon-button-24{--hi-icon-button-size:24px;--hi-icon-button-icon-size:var(--hi-icon-size-xs)}.hk-icon-button-28{--hi-icon-button-size:28px;--hi-icon-button-icon-size:var(--hi-icon-size-sm)}.hk-icon-button-32{--hi-icon-button-size:32px;--hi-icon-button-icon-size:var(--hi-icon-size-sm)}.hk-icon-button-36{--hi-icon-button-size:36px;--hi-icon-button-icon-size:var(--hi-icon-size-sm)}.hk-icon-button-40{--hi-icon-button-size:40px;--hi-icon-button-icon-size:var(--hi-icon-size-sm)}.hk-icon-button-ghost,.hk-icon-button-borderless{--hi-icon-button-icon-color:var(--hi-color-text-secondary);--hi-icon-button-icon-color-active:var(--hi-color-text-secondary);--hi-icon-button-bg-active:var(--hi-color-gray-20,#80808033)}.hk-icon-button-primary{--hi-icon-button-icon-color:rgb(var(--color-on-solid-icon,255 255 255));--hi-icon-button-icon-color-active:rgb(var(--color-on-solid-icon,255 255 255));--hi-icon-button-bg:var(--hi-color-primary);--hi-icon-button-bg-active:var(--hi-color-primary-dark);--hi-icon-button-border-color-focus:var(--hi-color-primary)}.hk-icon-button-secondary{--hi-icon-button-icon-color:var(--hi-color-text-on-secondary);--hi-icon-button-icon-color-active:var(--hi-color-text-on-secondary);--hi-icon-button-bg:var(--hi-color-secondary);--hi-icon-button-bg-active:var(--hi-color-secondary-dark);--hi-icon-button-border-color-focus:var(--hi-color-secondary)}.hk-icon-button-danger{--hi-icon-button-icon-color:var(--hi-color-text-on-danger,#fff);--hi-icon-button-icon-color-active:var(--hi-color-text-on-danger,#fff);--hi-icon-button-bg:var(--hi-color-danger);--hi-icon-button-bg-active:var(--hi-color-danger-dark);--hi-icon-button-border-color-focus:var(--hi-color-danger)}.hk-icon-button-success{--hi-icon-button-icon-color:var(--hi-color-text-on-success,#fff);--hi-icon-button-icon-color-active:var(--hi-color-text-on-success,#fff);--hi-icon-button-bg:var(--hi-color-success);--hi-icon-button-bg-active:var(--hi-color-success-dark);--hi-icon-button-border-color-focus:var(--hi-color-success)}