.clk-icon-btn.clk-plngbf{inline-size:var(--icon-btn);block-size:var(--icon-btn);border-radius:var(--radius-pill);color:var(--clk-ink-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.clk-icon-btn.clk-plngbf:after{content:"";inline-size:max(100%, var(--touch-min));block-size:max(100%, var(--touch-min));position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.clk-icon-btn.clk-plngbf:hover:not(:disabled){background:var(--clk-hover);color:var(--clk-ink)}.clk-icon-btn.clk-plngbf:active:not(:disabled){transform:scale(.92)}.clk-icon-btn.clk-plngbf:disabled,.clk-icon-btn[aria-disabled=true].clk-plngbf{opacity:.4;cursor:not-allowed}.sm.clk-plngbf{inline-size:var(--icon-btn-sm);block-size:var(--icon-btn-sm)}.lg.clk-plngbf{inline-size:calc(var(--icon-btn) + var(--spacing-8));block-size:calc(var(--icon-btn) + var(--spacing-8))}.glyph.clk-plngbf{transition:transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:inline-flex}.glyph.clk-plngbf svg{block-size:20px;inline-size:20px;display:block}.sm.clk-plngbf .glyph:where(.clk-plngbf) svg{block-size:17px;inline-size:17px}.lg.clk-plngbf .glyph:where(.clk-plngbf) svg{block-size:22px;inline-size:22px}.accent.clk-plngbf{color:var(--clk-accent-ink)}.accent.clk-plngbf:hover:not(:disabled){background:var(--clk-accent-wash);color:var(--clk-accent-ink)}.danger.clk-plngbf{color:var(--clk-danger)}.danger.clk-plngbf:hover:not(:disabled){background:var(--clk-danger-wash);color:var(--clk-danger)}.on-media.clk-plngbf{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b}.on-media.clk-plngbf:hover:not(:disabled){color:#fff;background:#00000094}.filled.clk-plngbf{background:var(--clk-surface-raised);color:var(--clk-ink)}.filled.accent.clk-plngbf{background:var(--clk-accent);color:var(--clk-ink-on-accent)}.filled.accent.clk-plngbf:hover:not(:disabled){background:var(--clk-accent-hover);color:var(--clk-ink-on-accent)}.filled.danger.clk-plngbf{background:var(--clk-danger);color:var(--clk-surface)}.active.clk-plngbf{background:var(--clk-accent-wash);color:var(--clk-accent-ink)}.badge.clk-plngbf{border-radius:var(--radius-pill);background:var(--clk-accent);block-size:16px;min-inline-size:16px;color:var(--clk-ink-on-accent);font-size:var(--fs-micro);font-weight:var(--weight-bold);font-variant-numeric:var(--numeric-tabular);box-shadow:0 0 0 2px var(--clk-surface);place-items:center;padding-inline:4px;line-height:1;display:grid;position:absolute;inset-block-start:2px;inset-inline-end:2px}.badge.clk-plngbf:empty{block-size:9px;inline-size:9px;min-inline-size:9px;padding:0}.spin.clk-plngbf{border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-radius:var(--radius-pill);border-top-color:currentColor;block-size:16px;inline-size:16px;animation:.6s linear infinite spin}