.icon-button{--icon-button-size:44px;width:var(--icon-button-size);height:var(--icon-button-size);border:1px solid var(--gray-a6);background:var(--gray-a2);color:var(--gray-12);cursor:pointer;transition:background-color .2s var(--ease-out), opacity .2s var(--ease-out), transform .16s var(--ease-out);border-radius:50%;place-items:center;padding:0;display:inline-grid}.icon-button.sm{--icon-button-size:36px}.icon-button.lg{--icon-button-size:56px}.icon-button:hover:not(:disabled){background:var(--gray-a4)}.icon-button:active:not(:disabled){transform:scale(.94)}.icon-button:disabled{opacity:.32;cursor:default}.icon-button.glass{border-color:var(--white-a5);background:var(--black-a6);color:#fff;-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%)}.icon-button.glass:hover:not(:disabled){background:var(--black-a8)}.icon-button-tooltip{z-index:60;corner-shape:squircle;background:var(--black-a12);color:#fff;box-shadow:0 6px 24px var(--black-a4);border-radius:8px;padding:6px 10px;font-size:.875rem;font-weight:500}@media (prefers-reduced-motion:reduce){.icon-button{transition:none}}