.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)}.icon-button-color--red svg>[fill="#4D4D4D"]{fill:#eb5c5c}.icon-button-color--red svg>[stroke="#4D4D4D"]{stroke:#eb5c5c}.highlight-badge{position:absolute;top:0;right:-2px;min-width:16px;height:16px;padding:0 4px;z-index:1;border-radius:99px;border:1px solid var(--btn)}.badge-wrapper{display:flex;gap:2px}.badge{display:flex;align-items:center;justify-content:center;height:16px;background-color:#9e87d6;border-radius:24px;padding:4px}.badge-color--primary{background-color:#7553c4}.badge-color--secondary{background-color:#9e87d6}.badge-color--gray{background-color:rgba(0,0,0,.1)}.badge-color--red{background-color:#eb5c5c}.badge p{font-weight:400;font-size:11px;line-height:16px;color:var(--btn-ok-disabled-txt)}