.icon-button{position:relative;padding:0;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);border:0}.icon-button--clickable{cursor:pointer}.icon-button--disable{opacity:.3;pointer-events:none;cursor:default}.icon-button--disable.icon-button-color--gray{filter:grayscale(100%)}.icon-button--disable.icon-button-color--secondary svg [fill]:not([fill=white]){fill:var(--placeholder)}.icon-button-size--xsm{width:20px;height:20px}.icon-button-size--sm{width:24px;height:24px}.icon-button-size--md{height:32px;width:32px}.icon-button-color--default [fill="#4D4D4D"]{fill:var(--icon-btn)}.icon-button-color--default [stroke="#4D4D4D"]{stroke:var(--icon-btn)}.icon-button-color--default [stroke=white]{stroke:var(--btn)}.icon-button-color--default [fill=white]{fill:var(--btn)}.icon-button-color--default.icon-button--active svg>[fill]{fill:#9e87d6!important}.icon-button-color--default.icon-button--active svg>[stroke]{stroke:#9e87d6!important}.icon-button-color--default.icon-button--active p{color:#9e87d6!important}.icon-button-color--primary [fill="#4D4D4D"]{fill:var(--icon-btn)}.icon-button-color--primary [stroke="#4D4D4D"]{stroke:var(--icon-btn)}.icon-button-color--primary [stroke=white]{stroke:var(--btn)}.icon-button-color--primary:not(.icon-button--disable):active,.icon-button-color--primary:not(.icon-button--disable):hover{background:var(--boxshadow-05);border:0 solid var(--boxshadow-05);border-radius:3px}.icon-button-color--primary.icon-button--active svg>[fill]{fill:#9e87d6!important}.icon-button-color--primary.icon-button--active svg>[stroke]{stroke:#9e87d6!important}.icon-button-color--primary.icon-button--active p{color:#9e87d6!important}.icon-button-color--secondary svg>[fill="#4D4D4D"]{fill:#b6b6b6}.icon-button-color--secondary svg>[stroke="#4D4D4D"]{stroke:#b6b6b6}.icon-button-color--secondary:active,.icon-button-color--secondary:hover{background:var(--boxshadow-05);border:0 solid var(--boxshadow-05);border-radius:3px}.icon-button-color--secondary:active svg>[fill="#4D4D4D"],.icon-button-color--secondary:hover svg>[fill="#4D4D4D"]{fill:#4d4d4d}.icon-button-color--secondary.icon-button--active svg>[fill="#4D4D4D"]{fill:#7553c4}.icon-button-color--secondary.icon-button--active svg>[stroke="#4D4D4D"]{stroke:#7553c4}.icon-button-color--gray svg>[fill="#4D4D4D"]{fill:#b6b6b6}.icon-button-color--gray svg>[stroke="#4D4D4D"]{stroke:#b6b6b6}.icon-button-color--gray:active,.icon-button-color--gray:hover{background:var(--boxshadow-05);border:0 solid var(--boxshadow-05);border-radius:3px}.icon-button-color--gray:active svg>[fill="#4D4D4D"],.icon-button-color--gray:hover svg>[fill="#4D4D4D"]{fill:#4d4d4d}.icon-button-color--gray.icon-button--active svg>[fill="#4D4D4D"]{fill:var(--icon-btn)}.icon-button-color--gray.icon-button--active svg>[stroke="#4D4D4D"]{stroke:var(--icon-btn)}.icon-button-color--custom svg>[fill="#4D4D4D"]{fill:var(--custom-color)}.icon-button-color--custom svg>[stroke="#4D4D4D"]{stroke:var(--custom-color)}.highlight-dot{position:absolute;top:4px;right:1px;width:7px;height:7px}