.icon-button[data-v-36ec3ca3]{align-items:center;border-radius:var(--radius-circular);display:flex;justify-content:center;overflow:hidden;position:relative}.icon-button[data-v-36ec3ca3]:after{content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:all var(--duration-medium-03) var(--easing-standard);width:100%}.icon-button[data-v-36ec3ca3]:hover:after{opacity:1}.icon-button.color-low[data-v-36ec3ca3],.icon-button.color-main[data-v-36ec3ca3]{color:var(--color-neutral-foreground-low)}.icon-button.color-lowest[data-v-36ec3ca3]{color:var(--color-neutral-foreground-lowest)}.icon-button.color-inverse-main[data-v-36ec3ca3]{color:var(--color-neutral-foreground-inverse-main)}.icon-button.dimmed[data-v-36ec3ca3]{background-color:var(--color-neutral-background-dimmed-lowest)}.icon-button.main[data-v-36ec3ca3]:after{background-color:var(--color-neutral-background-hovered-pressed)}.icon-button.dimmed[data-v-36ec3ca3]:after,.icon-button.inverse[data-v-36ec3ca3]:after{background-color:var(--color-neutral-background-inverse-hovered-pressed)}.icon-button.size-small[data-v-36ec3ca3]{height:38px;max-width:38px;min-width:38px;width:38px}.icon-button.size-xsmall[data-v-36ec3ca3]{height:30px;max-width:30px;min-width:30px;width:30px}.icon-button.disabled[data-v-36ec3ca3]{background:var(--color-neutral-background-disabled);cursor:not-allowed}.icon-button.main.disabled[data-v-36ec3ca3]{color:var(--color-neutral-foreground-disabled)}.icon-button.inverse.disabled[data-v-36ec3ca3]{color:var(--color-neutral-foreground-inverse-disabled)}.icon-button.dimmed.disabled[data-v-36ec3ca3]{color:var(--color-neutral-foreground-disabled)}.icon-button.size-small svg{height:24px;width:24px}.icon-button.size-xsmall svg{height:20px!important;width:20px!important}