.pc-icon-button{--_size:var(--pc-button-height-md);--_bg:transparent;--_bg-hover:var(--pc-color-bg-muted);--_fg:var(--pc-color-fg2);--_border:transparent;position:relative;display:inline-grid;place-items:center;flex:none;inline-size:var(--_size);block-size:var(--_size);padding:0;border:var(--pc-border-width-hairline) solid var(--_border);border-radius:var(--pc-radius-button);background:var(--_bg);color:var(--_fg);cursor:pointer;transition:background-color var(--pc-duration-fast) var(--pc-easing-standard)}.pc-icon-button:after{content:"";position:absolute;inset:calc((var(--pc-tap-min) - var(--_size)) / -2 - var(--pc-border-width-hairline))}.pc-icon-button:hover:not(:disabled){background:var(--_bg-hover);color:var(--pc-color-fg1)}.pc-icon-button:disabled{opacity:var(--pc-opacity-disabled);cursor:not-allowed}.pc-icon-button[data-size=sm]{--_size:var(--pc-button-height-sm)}.pc-icon-button[data-variant=outline]{--_border:var(--pc-color-border-strong);--_bg:var(--pc-color-surface)}.pc-icon-button[data-variant=filled]{--_bg:var(--pc-color-primary);--_bg-hover:var(--pc-color-primary-pressed);--_fg:var(--pc-color-on-primary)}.pc-icon-button[data-variant=filled]:hover:not(:disabled){color:var(--pc-color-on-primary)}.pc-icon-button[aria-pressed=true]{--_bg:var(--pc-color-primary-tint);--_fg:var(--pc-color-primary-tint-fg)}