.calm-icon-button,.cbp-icon-button,.ds-icon-close,.tx-round-button{width:var(--ds-control-height);height:var(--ds-control-height);color:var(--ds-text-secondary);cursor:pointer;transition:background var(--ds-duration) var(--ds-ease), border-color var(--ds-duration) var(--ds-ease), color var(--ds-duration) var(--ds-ease);flex:none;place-items:center;padding:0;display:inline-grid}.calm-icon-button{border-radius:var(--ds-radius-control);color:var(--ds-text-accent)}.calm-icon-button[data-surface=on-action]{color:var(--ds-text-on-action)}.calm-icon-button[data-surface=on-action]:hover{background:var(--ds-surface-on-action);color:var(--ds-text-on-action)}.cbp-icon-button{border:var(--ds-line-width) solid var(--ds-line);border-radius:var(--ds-radius-control);background:var(--ds-surface-canvas)}.tx-round-button{border:var(--ds-line-width) solid var(--ds-line);border-radius:var(--ds-radius-pill);background:var(--ds-surface-canvas)}.ds-icon-close{border-radius:var(--ds-radius-pill)}.ds-icon-close:before{content:"";inset:var(--ds-space-1);border-radius:var(--ds-radius-pill);transition:background var(--ds-duration) var(--ds-ease);position:absolute}.ds-icon-close>*{position:relative}.ds-icon-close:hover{color:var(--ds-text-ink)}.ds-icon-close:hover:before{background:var(--ds-surface-summary)}.ds-icon-close:disabled{pointer-events:none}:is(.calm-icon-button,.cbp-icon-button,.tx-round-button)[data-size=lg]{width:var(--ds-space-12);height:var(--ds-space-12)}:is(.calm-icon-button,.cbp-icon-button,.tx-round-button)[data-size=xs]{width:var(--ds-space-6);height:var(--ds-space-6)}@layer base{:where(.calm-icon-button,.cbp-icon-button,.tx-round-button,.ds-icon-close) svg:not([data-ds-icon]){width:var(--ds-icon-md);height:var(--ds-icon-md)}:where(.calm-icon-button,.cbp-icon-button,.tx-round-button)[data-size=xs] svg:not([data-ds-icon]){width:var(--ds-icon-xs);height:var(--ds-icon-xs)}}.calm-icon-button:hover,.cbp-icon-button:hover:not(:disabled),.tx-round-button:hover{background:var(--ds-surface-summary);color:var(--ds-text-ink)}.calm-icon-button:hover{color:var(--ds-text-accent)}.calm-icon-button:focus-visible,.cbp-icon-button:focus-visible,.ds-icon-close:focus-visible,.tx-round-button:focus-visible{outline:var(--ds-focus-width) solid var(--ds-focus-ring);outline-offset:var(--ds-focus-offset)}.cbp-icon-button:disabled,.tx-round-button:disabled{cursor:not-allowed;color:var(--ds-text-disabled);opacity:var(--ds-opacity-dim-strong)}@media (prefers-reduced-motion:reduce){.calm-icon-button,.cbp-icon-button,.tx-round-button,.ds-icon-close:before{transition:none}}