.app-icon-btn{border:1px solid var(--border-color);border-radius:var(--radius-btn);background:var(--surface-color);width:32px;height:32px;color:var(--gray-700);font-size:var(--text-size-14);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.app-icon-btn:hover:not(:disabled){background:var(--btn-bg);color:var(--gray-900)}.app-icon-btn:focus-visible{outline:2px solid var(--focus-color);outline-offset:2px}.app-icon-btn:disabled{opacity:.65;cursor:not-allowed}.app-icon-btn__loading{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.app-icon-btn:has(.app-dots__dots) .app-icon-btn__icon{visibility:hidden}.app-icon-btn--sm{width:28px;height:28px;font-size:13px}.app-icon-btn--xs{width:20px;height:20px;font-size:11px}.app-icon-btn--plain{color:var(--gray-600);background:0 0;border-color:#0000}.app-icon-btn--plain:hover:not(:disabled){background:var(--btn-bg-hover);color:var(--text-color-primary)}.app-icon-btn--plain:focus-visible{outline-offset:-2px}.app-icon-btn--danger{color:var(--danger-color)}.app-icon-btn--danger:hover:not(:disabled){background:var(--danger-light);color:var(--danger-hover)}.app-icon-btn:not([data-tooltip]):after{display:none}.app-icon-btn:after{content:attr(data-tooltip);z-index:10;background:var(--tooltip-bg);color:var(--tooltip-color);font-size:12px;font-weight:var(--text-weight-500);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border-radius:4px;padding:4px 8px;line-height:1.4;transition:opacity .15s;position:absolute;bottom:calc(100% + 6px);right:0}.app-icon-btn:hover:after,.app-icon-btn:focus-visible:after{opacity:1;visibility:visible}.app-icon-btn[aria-expanded=true]:after{display:none}