.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;color:#667384;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;min-width:36px;min-height:36px;padding:0;display:inline-flex;position:relative}.hp-icon-button:hover{background:#edf7fa;border-color:#b9e6f5}.hp-icon-button:focus-visible{outline-offset:2px;background:#edf7fa;border-color:#b9e6f5;outline:2px solid #16b8ed}.hp-icon-button--danger:hover,.hp-icon-button--danger:focus-visible{color:#d6374c;background:#fff0f2;border-color:#f0b7c0}.hp-icon-button--danger:focus-visible{outline-color:#d6374c}.hp-icon-button--primary{color:#0b789f}.hp-icon-button--success{color:#16815d}.hp-icon-button:disabled{cursor:not-allowed;opacity:.45;pointer-events:none}.hp-icon-button[data-tooltip]:after{color:#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;background:#071d2c;border-radius:7px;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),(width<=640px){.hp-icon-button{min-width:44px;min-height:44px}}