.hp-icon{fill:none;pointer-events:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:20px;height:20px;display:block}.hp-icon-button{appearance:none;border-radius:var(--hp-skin-control-radius,9px);color:var(--hp-skin-text,#667384);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0;display:inline-flex;position:relative}.hp-icon-button:hover{background:var(--hp-skin-secondary,#edf7fa);border-color:var(--hp-skin-line,#b9e6f5)}.hp-icon-button:focus-visible{background:var(--hp-skin-secondary,#edf7fa);border-color:var(--hp-skin-line,#b9e6f5);outline:2px solid var(--hp-skin-focus,#16b8ed);outline-offset:2px}.hp-icon-button--danger:hover,.hp-icon-button--danger:focus-visible{background:var(--hp-skin-danger,#fff0f2);border-color:var(--hp-skin-danger-text,#f0b7c0);color:var(--hp-skin-secondary-text,#d6374c)}.hp-icon-button--danger:focus-visible{outline-color:var(--hp-skin-focus,#d6374c)}.hp-icon-button--primary{color:var(--hp-skin-text,#0b789f)}.hp-icon-button--success{color:var(--hp-skin-success-text,#16815d)}.hp-icon-button:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.hp-icon-button[data-tooltip]:after{background:var(--hp-skin-primary,#071d2c);border-radius:var(--hp-skin-control-radius,7px);color:var(--hp-skin-primary-text,#fff);content:attr(data-tooltip);font:600 12px/1.2 var(--hp-font-body);opacity:0;pointer-events:none;visibility:hidden;white-space:nowrap;z-index:50;padding:6px 8px;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,3px)}.hp-icon-button[data-tooltip]:hover:after,.hp-icon-button[data-tooltip]:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}@media (pointer:coarse),(max-width:640px){.hp-icon-button{min-width:44px;min-height:44px}}