.hk-button-icon[data-v-56b9af8e]{--button-icon-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f5f5f5;border:1px solid var(--button-color-background);border-radius:10px;color:#565656;cursor:pointer;font-size:0;min-block-size:calc(var(--button-icon-size) + 20px);min-inline-size:calc(var(--button-icon-size) + 20px);padding:10px;text-decoration:none;transition:background-color var(--base-transition-speed) ease-in-out,color var(--base-transition-speed) ease-in-out}@supports (corner-shape:squircle){.hk-button-icon[data-v-56b9af8e]{corner-shape:squircle;border-radius:18px}}.hk-button-icon[data-v-56b9af8e]:hover:not(:disabled,[disabled],[aria-disabled=true],._disabled){color:var(--button-color-foreground)}.hk-button-icon._disabled[data-v-56b9af8e],.hk-button-icon[data-v-56b9af8e]:disabled,.hk-button-icon[aria-disabled=true][data-v-56b9af8e],.hk-button-icon[disabled][data-v-56b9af8e]{cursor:not-allowed;opacity:.7}.hk-button-icon[data-v-56b9af8e]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px}.hk-button-icon__icon[data-v-56b9af8e]{block-size:var(--button-icon-size);flex:0 0 var(--button-icon-size);inline-size:var(--button-icon-size);pointer-events:none}