.IconButton__component__59b13d{--color-text-hover: var(--color-button-text);--color-background-hover: var(--color-button-hover);--border-color-hover: var(--color-background-hover);--focus-shadow: var(--focus-ring-shadow)}.IconButton__component__59b13d.variant-solid{--color-text: var(--color-button-text);--color-text-disabled: var(--color-button-text);--color-text-active: var(--color-button-text);--color-background: var(--color-button-default);--color-background-active: var(--color-button-pressed);--color-background-disabled: var(--color-button-inactive);border:none}.IconButton__component__59b13d.variant-outline{--color-text: var(--color-button-default);--color-text-disabled: var(--color-button-inactive);--color-text-active: var(--color-button-default);--color-background: transparent;--color-background-active: var(--color-accent-indigo-200);--color-background-disabled: transparent;--border-color: var(--color-button-default);--border-color-active: var(--color-button-default);--border-color-disabled: var(--color-button-inactive)}.IconButton__component__59b13d.variant-ghost{--color-text: var(--color-button-default);--color-text-disabled: var(--color-button-inactive);--color-text-active: var(--color-button-default);--color-background: transparent;--color-background-active: var(--color-accent-indigo-200);--color-background-disabled: transparent;--border-color: var(--color-basic-stroke);--border-color-active: var(--color-button-default);--border-color-disabled: var(--color-button-inactive)}.IconButton__component__59b13d.variant-glass{--color-text: var(--color-button-text);--color-text-disabled: var(--color-button-text);--color-text-active: var(--color-button-text);--color-background: var(--color-button-glass);--color-background-active: var(--color-button-pressed);--color-background-disabled: var(--color-button-inactive);--focus-shadow: var(--focus-ring-shadow), -1px -1px 4px 0 rgb(255 255 255 / 25%) inset, .5px 1px 1px 0 rgb(255 255 255 / 40%) inset;box-shadow:var(--focus-shadow);outline:none;border:none}.IconButton__component__59b13d.size-56{--size: 56px}.IconButton__component__59b13d.size-48{--size: 48px}.IconButton__component__59b13d.size-40{--size: 40px}.IconButton__component__59b13d{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:var(--size);width:var(--size);padding:0;display:inline flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-text);background-color:var(--color-background);border:1px solid var(--border-color);outline:none;cursor:pointer;transition-property:color,background-color,border-color;transition-duration:var(--easing-duration-short4);transition-timing-function:var(--easing-standard)}.IconButton__component__59b13d:hover{background-color:var(--color-background-hover);border-color:var(--border-color-hover);color:var(--color-text-hover)}.IconButton__component__59b13d:active{background-color:var(--color-background-active);border-color:var(--border-color-active);color:var(--color-text-active)}.IconButton__component__59b13d:focus-visible{box-shadow:var(--focus-shadow)}.IconButton__component__59b13d:disabled{cursor:not-allowed;background-color:var(--color-background-disabled);border-color:var(--border-color-disabled);color:var(--color-text-disabled)}.IconButton__iconWrapper__59b13d{display:contents}.IconButton__text__59b13d{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}