.theme-light{--cms-okd-tag-fill-green-background-color:var(--cms-okd-color-surface-pnl-profit-default-new);--cms-okd-tag-fill-green-font-color:var(--cms-okd-color-content-pnl-profit-oncolor-default);--cms-okd-tag-fill-green-border-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-fill-red-background-color:var(--cms-okd-color-surface-pnl-loss-default-new);--cms-okd-tag-fill-red-font-color:var(--cms-okd-color-content-pnl-loss-oncolor-default);--cms-okd-tag-fill-red-border-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-grey-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-grey-font-color:var(--cms-okd-color-semantic-neutral);--cms-okd-tag-outline-grey-border-color:var(--cms-okd-color-semantic-neutral);--cms-okd-tag-outline-green-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-green-font-color:var(--cms-okd-color-semantic-positive);--cms-okd-tag-outline-green-border-color:var(--cms-okd-color-semantic-positive);--cms-okd-tag-outline-red-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-red-font-color:var(--cms-okd-color-semantic-negative);--cms-okd-tag-outline-red-border-color:var(--cms-okd-color-semantic-negative);--cms-okd-tag-outline-tangerine-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-tangerine-font-color:var(--cms-okd-color-semantic-notice);--cms-okd-tag-outline-tangerine-border-color:var(--cms-okd-color-semantic-notice);--cms-okd-tag-outline-lightgrey-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-lightgrey-font-color:var(--cms-okd-color-content-contrast);--cms-okd-tag-outline-lightgrey-border-color:var(--cms-okd-color-content-contrast)}.theme-dark{--cms-okd-tag-fill-green-background-color:var(--cms-okd-color-surface-pnl-profit-default-new);--cms-okd-tag-fill-green-font-color:var(--cms-okd-color-content-pnl-profit-oncolor-default);--cms-okd-tag-fill-green-border-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-fill-red-background-color:var(--cms-okd-color-surface-pnl-loss-default-new);--cms-okd-tag-fill-red-font-color:var(--cms-okd-color-content-pnl-loss-oncolor-default);--cms-okd-tag-fill-red-border-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-grey-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-grey-font-color:var(--cms-okd-color-semantic-neutral);--cms-okd-tag-outline-grey-border-color:var(--cms-okd-color-semantic-neutral);--cms-okd-tag-outline-green-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-green-font-color:var(--cms-okd-color-semantic-positive);--cms-okd-tag-outline-green-border-color:var(--cms-okd-color-semantic-positive);--cms-okd-tag-outline-red-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-red-font-color:var(--cms-okd-color-semantic-negative);--cms-okd-tag-outline-red-border-color:var(--cms-okd-color-semantic-negative);--cms-okd-tag-outline-tangerine-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-tangerine-font-color:var(--cms-okd-color-semantic-notice);--cms-okd-tag-outline-tangerine-border-color:var(--cms-okd-color-semantic-notice)}.theme-light{--cms-okd-iconbutton-basic-default-background:transparent;--cms-okd-iconbutton-basic-hover-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-basic-active-background:var(--cms-okd-color-background-surface-pressed);--cms-okd-iconbutton-basic-disabled-background:transparent;--cms-okd-iconbutton-basic-loading-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-basic-default-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-basic-hover-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-basic-active-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-basic-disabled-font-color:var(--cms-okd-color-content-disabled);--cms-okd-iconbutton-circle-default-background:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circle-hover-background:var(--cms-okd-color-content-contrast);--cms-okd-iconbutton-circle-active-background:var(--cms-okd-color-container-contrast);--cms-okd-iconbutton-circle-disabled-background:var(--cms-okd-color-background-surface-disable);--cms-okd-iconbutton-circle-loading-background:var(--cms-okd-color-content-contrast);--cms-okd-iconbutton-circle-default-font-color:var(--cms-okd-color-content-inverse);--cms-okd-iconbutton-circle-hover-font-color:var(--cms-okd-color-content-inverse);--cms-okd-iconbutton-circle-active-font-color:var(--cms-okd-color-content-inverse);--cms-okd-iconbutton-circle-disabled-font-color:var(--cms-okd-color-content-disabled);--cms-okd-iconbutton-circleOutline-default-background:transparent;--cms-okd-iconbutton-circleOutline-hover-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-circleOutline-active-background:var(--cms-okd-color-background-surface-pressed);--cms-okd-iconbutton-circleOutline-disabled-background:var(--cms-okd-color-background-surface-disable);--cms-okd-iconbutton-circleOutline-loading-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-circleOutline-default-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circleOutline-hover-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circleOutline-active-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circleOutline-disabled-font-color:var(--cms-okd-color-content-disabled);--cms-okd-iconbutton-circleOutline-default-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-circleOutline-hover-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-circleOutline-active-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-circleOutline-disabled-border-color:var(--cms-okd-color-border-tertiary);--cms-okd-iconbutton-circleOutline-loading-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-sm-font-size:8px;--cms-okd-iconbutton-sm-width:12px;--cms-okd-iconbutton-sm-height:12px;--cms-okd-iconbutton-sm-border-width:0.75px;--cms-okd-iconbutton-sm-loader-border-width:2px;--cms-okd-iconbutton-md-font-size:10px;--cms-okd-iconbutton-md-width:16px;--cms-okd-iconbutton-md-height:16px;--cms-okd-iconbutton-md-border-width:1px;--cms-okd-iconbutton-md-loader-border-width:2px;--cms-okd-iconbutton-lg-font-size:16px;--cms-okd-iconbutton-lg-width:24px;--cms-okd-iconbutton-lg-height:24px;--cms-okd-iconbutton-lg-border-width:1px;--cms-okd-iconbutton-lg-loader-border-width:2px;--cms-okd-iconbutton-basic-loader-track-color:var(--cms-okd-color-border-primary);--cms-okd-iconbutton-basic-loader-mark-color:var(--cms-okd-color-border-selected);--cms-okd-iconbutton-circleOutline-loader-track-color:var(--cms-okd-color-border-primary);--cms-okd-iconbutton-circleOutline-loader-mark-color:var(--cms-okd-color-border-selected);--cms-okd-iconbutton-circle-loader-mark-color:var(--cms-okd-color-border-contrast);--cms-okd-iconbutton-circle-loader-track-color:hsla(0,0%,98%,.26)}.theme-dark{--cms-okd-tag-outline-lightgrey-background-color:var(--cms-okd-color-common-transparent);--cms-okd-tag-outline-lightgrey-font-color:var(--cms-okd-color-content-contrast);--cms-okd-tag-outline-lightgrey-border-color:var(--cms-okd-color-content-contrast);--cms-okd-iconbutton-basic-default-background:transparent;--cms-okd-iconbutton-basic-hover-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-basic-active-background:var(--cms-okd-color-background-surface-pressed);--cms-okd-iconbutton-basic-disabled-background:transparent;--cms-okd-iconbutton-basic-loading-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-basic-default-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-basic-hover-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-basic-active-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-basic-disabled-font-color:var(--cms-okd-color-content-disabled);--cms-okd-iconbutton-circle-default-background:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circle-hover-background:var(--cms-okd-color-content-contrast);--cms-okd-iconbutton-circle-active-background:var(--cms-okd-color-container-contrast);--cms-okd-iconbutton-circle-disabled-background:var(--cms-okd-color-background-surface-disable);--cms-okd-iconbutton-circle-loading-background:var(--cms-okd-color-content-contrast);--cms-okd-iconbutton-circle-default-font-color:var(--cms-okd-color-content-inverse);--cms-okd-iconbutton-circle-hover-font-color:var(--cms-okd-color-content-inverse);--cms-okd-iconbutton-circle-active-font-color:var(--cms-okd-color-content-inverse);--cms-okd-iconbutton-circle-disabled-font-color:var(--cms-okd-color-content-disabled);--cms-okd-iconbutton-circleOutline-default-background:transparent;--cms-okd-iconbutton-circleOutline-hover-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-circleOutline-active-background:var(--cms-okd-color-background-surface-pressed);--cms-okd-iconbutton-circleOutline-disabled-background:var(--cms-okd-color-background-surface-disable);--cms-okd-iconbutton-circleOutline-loading-background:var(--cms-okd-color-background-surface-secondary);--cms-okd-iconbutton-circleOutline-default-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circleOutline-hover-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circleOutline-active-font-color:var(--cms-okd-color-content-primary);--cms-okd-iconbutton-circleOutline-disabled-font-color:var(--cms-okd-color-content-disabled);--cms-okd-iconbutton-circleOutline-default-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-circleOutline-hover-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-circleOutline-active-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-circleOutline-disabled-border-color:var(--cms-okd-color-border-tertiary);--cms-okd-iconbutton-circleOutline-loading-border-color:var(--cms-okd-color-border-secondary);--cms-okd-iconbutton-sm-font-size:8px;--cms-okd-iconbutton-sm-width:12px;--cms-okd-iconbutton-sm-height:12px;--cms-okd-iconbutton-sm-border-width:0.75px;--cms-okd-iconbutton-sm-loader-border-width:2px;--cms-okd-iconbutton-md-font-size:10px;--cms-okd-iconbutton-md-width:16px;--cms-okd-iconbutton-md-height:16px;--cms-okd-iconbutton-md-border-width:1px;--cms-okd-iconbutton-md-loader-border-width:2px;--cms-okd-iconbutton-lg-font-size:16px;--cms-okd-iconbutton-lg-width:24px;--cms-okd-iconbutton-lg-height:24px;--cms-okd-iconbutton-lg-border-width:1px;--cms-okd-iconbutton-lg-loader-border-width:2px;--cms-okd-iconbutton-basic-loader-track-color:var(--cms-okd-color-border-primary);--cms-okd-iconbutton-basic-loader-mark-color:var(--cms-okd-color-border-selected);--cms-okd-iconbutton-circleOutline-loader-track-color:var(--cms-okd-color-border-primary);--cms-okd-iconbutton-circleOutline-loader-mark-color:var(--cms-okd-color-border-selected);--cms-okd-iconbutton-circle-loader-mark-color:var(--cms-okd-color-border-contrast);--cms-okd-iconbutton-circle-loader-track-color:rgba(0,0,0,.26)}.cms-tag{align-items:center;border-style:solid;box-sizing:border-box;display:inline-flex}.cms-tag-ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cms-tag-icon{padding-right:2px}.cms-tag-sm{--cms-okd-tag-inner-height:var(--cms-okd-tag-sm-height,16px);border-radius:4px;border-radius:var(--cms-okd-tag-sm-border-radius,4px);border-width:1px;border-width:var(--cms-okd-tag-sm-border-width,1px);font-size:12px;font-size:var(--cms-okd-tag-sm-font-size,12px);font-weight:400;font-weight:var(--cms-okd-tag-sm-font-weight,400);line-height:16px;line-height:var(--cms-okd-tag-sm-line-height,16px);padding:2px 4px;padding:var(--cms-okd-tag-sm-padding-vertical,2px) var(--cms-okd-tag-sm-padding-horizontal,4px)}.cms-tag-sm .cms-tag-icon{font-size:12px;font-size:var(--cms-okd-tag-sm-icon-size,12px)}.cms-tag-md{--cms-okd-tag-inner-height:var(--cms-okd-tag-md-height,20px);border-radius:4px;border-radius:var(--cms-okd-tag-md-border-radius,4px);border-width:1px;border-width:var(--cms-okd-tag-md-border-width,1px);font-size:12px;font-size:var(--cms-okd-tag-md-font-size,12px);font-weight:400;font-weight:var(--cms-okd-tag-md-font-weight,400);line-height:16px;line-height:var(--cms-okd-tag-md-line-height,16px);padding:2px 4px;padding:var(--cms-okd-tag-md-padding-vertical,2px) var(--cms-okd-tag-md-padding-horizontal,4px)}.cms-tag-md .cms-tag-icon{font-size:16px;font-size:var(--cms-okd-tag-md-icon-size,16px)}.cms-tag-lg{--cms-okd-tag-inner-height:var(--cms-okd-tag-lg-height,24px);border-radius:4px;border-radius:var(--cms-okd-tag-lg-border-radius,4px);border-width:1px;border-width:var(--cms-okd-tag-lg-border-width,1px);font-size:12px;font-size:var(--cms-okd-tag-lg-font-size,12px);font-weight:400;font-weight:var(--cms-okd-tag-lg-font-weight,400);line-height:16px;line-height:var(--cms-okd-tag-lg-line-height,16px);padding:2px 4px;padding:var(--cms-okd-tag-lg-padding-vertical,2px) var(--cms-okd-tag-lg-padding-horizontal,4px)}.cms-tag-lg .cms-tag-icon{font-size:16px;font-size:var(--cms-okd-tag-lg-icon-size,16px)}.cms-tag-fixed-height{height:var(--cms-okd-tag-inner-height);padding-bottom:0;padding-top:0}.cms-tag-fill-grey{background-color:var(--cms-okd-tag-fill-grey-background-color);border-color:var(--cms-okd-tag-fill-grey-border-color);color:var(--cms-okd-tag-fill-grey-font-color)}.cms-tag-fill-lightgrey{background-color:hsla(0,0%,100%,0);background-color:var(--cms-okd-tag-fill-lightgrey-background-color,hsla(0,0%,100%,0));border-color:hsla(0,0%,100%,0);border-color:var(--cms-okd-tag-fill-lightgrey-border-color,hsla(0,0%,100%,0));color:hsla(0,0%,100%,0);color:var(--cms-okd-tag-fill-lightgrey-font-color,hsla(0,0%,100%,0))}.cms-tag-fill-green{background-color:var(--cms-okd-tag-fill-green-background-color);border-color:var(--cms-okd-tag-fill-green-border-color);color:var(--cms-okd-tag-fill-green-font-color)}.cms-tag-fill-red{background-color:var(--cms-okd-tag-fill-red-background-color);border-color:var(--cms-okd-tag-fill-red-border-color);color:var(--cms-okd-tag-fill-red-font-color)}.cms-tag-fill-tangerine{background-color:hsla(0,0%,100%,0);background-color:var(--cms-okd-tag-fill-tangerine-background-color,hsla(0,0%,100%,0));border-color:hsla(0,0%,100%,0);border-color:var(--cms-okd-tag-fill-tangerine-border-color,hsla(0,0%,100%,0));color:hsla(0,0%,100%,0);color:var(--cms-okd-tag-fill-tangerine-font-color,hsla(0,0%,100%,0))}.cms-tag-fill-lime{background-color:var(--cms-okd-tag-fill-lime-background-color);border-color:var(--cms-okd-tag-fill-lime-border-color);color:var(--cms-okd-tag-fill-lime-font-color)}.cms-tag-outline-grey{background-color:var(--cms-okd-tag-outline-grey-background-color);border-color:var(--cms-okd-tag-outline-grey-border-color);color:var(--cms-okd-tag-outline-grey-font-color)}.cms-tag-outline-lightgrey{background-color:var(--cms-okd-tag-outline-lightgrey-background-color);border-color:var(--cms-okd-tag-outline-lightgrey-border-color);color:var(--cms-okd-tag-outline-lightgrey-font-color)}.cms-tag-outline-green{background-color:var(--cms-okd-tag-outline-green-background-color);border-color:var(--cms-okd-tag-outline-green-border-color);color:var(--cms-okd-tag-outline-green-font-color)}.cms-tag-outline-red{background-color:var(--cms-okd-tag-outline-red-background-color);border-color:var(--cms-okd-tag-outline-red-border-color);color:var(--cms-okd-tag-outline-red-font-color)}.cms-tag-outline-tangerine{background-color:var(--cms-okd-tag-outline-tangerine-background-color);border-color:var(--cms-okd-tag-outline-tangerine-border-color);color:var(--cms-okd-tag-outline-tangerine-font-color)}.cms-tag-outline-lime{background-color:hsla(0,0%,100%,0);background-color:var(--cms-okd-tag-outline-lime-background-color,hsla(0,0%,100%,0));border-color:hsla(0,0%,100%,0);border-color:var(--cms-okd-tag-outline-lime-border-color,hsla(0,0%,100%,0));color:hsla(0,0%,100%,0);color:var(--cms-okd-tag-outline-lime-font-color,hsla(0,0%,100%,0))}.cms-tag.cms-tag-fill-lime{font-weight:700}.cms-icon-button{align-items:center;border-color:transparent;border-style:solid;display:flex;justify-content:center;text-align:center}.cms-icon-button.cms-icon-button-sm{border-radius:50%;border-width:.75px;border-width:var(--cms-okd-iconbutton-sm-border-width,.75px);height:12px;height:var(--cms-okd-iconbutton-sm-height,12px);width:12px;width:var(--cms-okd-iconbutton-sm-width,12px)}.cms-icon-button.cms-icon-button-sm .cms-icon-button-icon{font-size:8px;font-size:var(--cms-okd-iconbutton-sm-font-size,8px)}.cms-icon-button.cms-icon-button-sm .cms-icon-button-loader-circle{border-width:2px;border-width:var(--cms-okd-iconbutton-sm-loader-border-width,2px);height:8px;height:var(--cms-okd-iconbutton-sm-font-size,8px);width:8px;width:var(--cms-okd-iconbutton-sm-font-size,8px)}.cms-icon-button.cms-icon-button-md{border-radius:50%;border-width:1px;border-width:var(--cms-okd-iconbutton-md-border-width,1px);height:16px;height:var(--cms-okd-iconbutton-md-height,16px);width:16px;width:var(--cms-okd-iconbutton-md-width,16px)}.cms-icon-button.cms-icon-button-md .cms-icon-button-icon{font-size:10px;font-size:var(--cms-okd-iconbutton-md-font-size,10px)}.cms-icon-button.cms-icon-button-md .cms-icon-button-loader-circle{border-width:2px;border-width:var(--cms-okd-iconbutton-md-loader-border-width,2px);height:10px;height:var(--cms-okd-iconbutton-md-font-size,10px);width:10px;width:var(--cms-okd-iconbutton-md-font-size,10px)}.cms-icon-button.cms-icon-button-lg{border-radius:50%;border-width:1px;border-width:var(--cms-okd-iconbutton-lg-border-width,1px);height:24px;height:var(--cms-okd-iconbutton-lg-height,24px);width:24px;width:var(--cms-okd-iconbutton-lg-width,24px)}.cms-icon-button.cms-icon-button-lg .cms-icon-button-icon{font-size:16px;font-size:var(--cms-okd-iconbutton-lg-font-size,16px)}.cms-icon-button.cms-icon-button-lg .cms-icon-button-loader-circle{border-width:2px;border-width:var(--cms-okd-iconbutton-lg-loader-border-width,2px);height:16px;height:var(--cms-okd-iconbutton-lg-font-size,16px);width:16px;width:var(--cms-okd-iconbutton-lg-font-size,16px)}.cms-icon-button-basic{background:transparent;background:var(--cms-okd-iconbutton-basic-default-background,transparent);color:var(--cms-okd-color-content-primary);color:var(--cms-okd-iconbutton-basic-default-font-color,var(--cms-okd-color-content-primary))}.cms-icon-button-basic.hover,.cms-icon-button-basic:not(.cms-icon-button-basic-disabled):not(.cms-icon-button-basic-loading):hover{background:var(--cms-okd-color-background-surface-secondary);background:var(--cms-okd-iconbutton-basic-hover-background,var(--cms-okd-color-background-surface-secondary));color:var(--cms-okd-color-content-primary);color:var(--cms-okd-iconbutton-basic-hover-font-color,var(--cms-okd-color-content-primary))}.cms-icon-button-basic.active,.cms-icon-button-basic:not(.cms-icon-button-basic-disabled):not(.cms-icon-button-basic-loading):active{background:var(--cms-okd-color-background-surface-pressed);background:var(--cms-okd-iconbutton-basic-active-background,var(--cms-okd-color-background-surface-pressed));color:var(--cms-okd-color-content-primary);color:var(--cms-okd-iconbutton-basic-active-font-color,var(--cms-okd-color-content-primary))}.cms-icon-button-basic.cms-icon-button-basic-disabled,.cms-icon-button-basic.disabled{background:transparent;background:var(--cms-okd-iconbutton-basic-disabled-background,transparent);color:var(--cms-okd-color-content-disabled);color:var(--cms-okd-iconbutton-basic-disabled-font-color,var(--cms-okd-color-content-disabled));cursor:not-allowed}.cms-icon-button-basic.cms-icon-button-basic-loading,.cms-icon-button-basic.loading{background:var(--cms-okd-color-background-surface-secondary);background:var(--cms-okd-iconbutton-basic-loading-background,var(--cms-okd-color-background-surface-secondary));cursor:pointer}.cms-icon-button-basic-loader{border-color:var(--cms-okd-iconbutton-basic-loader-track-color);border-top-color:var(--cms-okd-iconbutton-basic-loader-mark-color)}.cms-icon-button-circle{background:var(--cms-okd-color-content-primary);background:var(--cms-okd-iconbutton-circle-default-background,var(--cms-okd-color-content-primary));color:var(--cms-okd-color-content-inverse);color:var(--cms-okd-iconbutton-circle-default-font-color,var(--cms-okd-color-content-inverse))}.cms-icon-button-circle.hover,.cms-icon-button-circle:not(.cms-icon-button-circle-disabled):not(.cms-icon-button-circle-loading):hover{background:var(--cms-okd-color-content-contrast);background:var(--cms-okd-iconbutton-circle-hover-background,var(--cms-okd-color-content-contrast));color:var(--cms-okd-color-content-inverse);color:var(--cms-okd-iconbutton-circle-hover-font-color,var(--cms-okd-color-content-inverse))}.cms-icon-button-circle.active,.cms-icon-button-circle:not(.cms-icon-button-circle-disabled):not(.cms-icon-button-circle-loading):active{background:var(--cms-okd-color-container-contrast);background:var(--cms-okd-iconbutton-circle-active-background,var(--cms-okd-color-container-contrast));color:var(--cms-okd-color-content-inverse);color:var(--cms-okd-iconbutton-circle-active-font-color,var(--cms-okd-color-content-inverse))}.cms-icon-button-circle.cms-icon-button-circle-disabled,.cms-icon-button-circle.disabled{background:var(--cms-okd-color-background-surface-disable);background:var(--cms-okd-iconbutton-circle-disabled-background,var(--cms-okd-color-background-surface-disable));color:var(--cms-okd-color-content-disabled);color:var(--cms-okd-iconbutton-circle-disabled-font-color,var(--cms-okd-color-content-disabled));cursor:not-allowed}.cms-icon-button-circle.cms-icon-button-circle-loading,.cms-icon-button-circle.loading{background:var(--cms-okd-color-content-contrast);background:var(--cms-okd-iconbutton-circle-loading-background,var(--cms-okd-color-content-contrast));cursor:pointer}.cms-icon-button-circle-loader{border-color:var(--cms-okd-iconbutton-circle-loader-track-color);border-top-color:var(--cms-okd-iconbutton-circle-loader-mark-color)}.cms-icon-button-circleOutline{background:transparent;background:var(--cms-okd-iconbutton-circleOutline-default-background,transparent);border-color:var(--cms-okd-iconbutton-circleOutline-default-border-color,var(--cms-okd-color-border-secondary));color:var(--cms-okd-color-content-primary);color:var(--cms-okd-iconbutton-circleOutline-default-font-color,var(--cms-okd-color-content-primary))}.cms-icon-button-circleOutline.hover,.cms-icon-button-circleOutline:not(.cms-icon-button-circleOutline-disabled):not(.cms-icon-button-circleOutline-loading):hover{background:var(--cms-okd-color-background-surface-secondary);background:var(--cms-okd-iconbutton-circleOutline-hover-background,var(--cms-okd-color-background-surface-secondary));border-color:var(--cms-okd-iconbutton-circleOutline-hover-border-color,var(--cms-okd-color-border-secondary));color:var(--cms-okd-color-content-primary);color:var(--cms-okd-iconbutton-circleOutline-hover-font-color,var(--cms-okd-color-content-primary))}.cms-icon-button-circleOutline.active,.cms-icon-button-circleOutline:not(.cms-icon-button-circleOutline-disabled):not(.cms-icon-button-circleOutline-loading):active{background:var(--cms-okd-color-background-surface-pressed);background:var(--cms-okd-iconbutton-circleOutline-active-background,var(--cms-okd-color-background-surface-pressed));border-color:var(--cms-okd-iconbutton-circleOutline-active-border-color,var(--cms-okd-color-border-secondary));color:var(--cms-okd-color-content-primary);color:var(--cms-okd-iconbutton-circleOutline-active-font-color,var(--cms-okd-color-content-primary))}.cms-icon-button-circleOutline.cms-icon-button-circleOutline-disabled,.cms-icon-button-circleOutline.disabled{background:var(--cms-okd-color-background-surface-disable);background:var(--cms-okd-iconbutton-circleOutline-disabled-background,var(--cms-okd-color-background-surface-disable));border-color:var(--cms-okd-iconbutton-circleOutline-disabled-border-color,var(--cms-okd-color-border-tertiary));color:var(--cms-okd-color-content-disabled);color:var(--cms-okd-iconbutton-circleOutline-disabled-font-color,var(--cms-okd-color-content-disabled));cursor:not-allowed}.cms-icon-button-circleOutline.cms-icon-button-circleOutline-loading,.cms-icon-button-circleOutline.loading{background:var(--cms-okd-color-background-surface-secondary);background:var(--cms-okd-iconbutton-circleOutline-loading-background,var(--cms-okd-color-background-surface-secondary));border-color:var(--cms-okd-iconbutton-circleOutline-loading-border-color,var(--cms-okd-color-border-secondary));cursor:pointer}.cms-icon-button-circleOutline-loader{border-color:var(--cms-okd-iconbutton-circleOutline-loader-track-color);border-top-color:var(--cms-okd-iconbutton-circleOutline-loader-mark-color)}