.theme-light{--okd-alert-normal-background:var(--okd-color-alert-info);--okd-alert-normal-title-color:var(--okd-color-content-primary);--okd-alert-normal-icon-color:var(--okd-color-content-primary);--okd-alert-normal-desc-color:var(--okd-color-content-secondary);--okd-alert-normal-action-color:var(--okd-color-content-primary);--okd-alert-normal-link-color:var(--okd-color-content-secondary);--okd-alert-normal-accent-color:var(--okd-color-content-primary);--okd-alert-success-background:var(--okd-color-alert-success);--okd-alert-success-title-color:var(--okd-color-content-primary);--okd-alert-success-icon-color:var(--okd-color-semantic-positive);--okd-alert-success-desc-color:var(--okd-color-content-secondary);--okd-alert-success-action-color:var(--okd-color-content-primary);--okd-alert-success-link-color:var(--okd-color-content-secondary);--okd-alert-success-accent-color:var(--okd-color-semantic-positive);--okd-alert-info-background:var(--okd-color-alert-info);--okd-alert-info-title-color:var(--okd-color-content-primary);--okd-alert-info-icon-color:var(--okd-color-content-primary);--okd-alert-info-desc-color:var(--okd-color-content-secondary);--okd-alert-info-action-color:var(--okd-color-content-primary);--okd-alert-info-link-color:var(--okd-color-content-secondary);--okd-alert-info-accent-color:var(--okd-color-content-primary);--okd-alert-warn-background:var(--okd-color-alert-warning);--okd-alert-warn-title-color:var(--okd-color-content-primary);--okd-alert-warn-icon-color:var(--okd-color-semantic-notice);--okd-alert-warn-desc-color:var(--okd-color-content-secondary);--okd-alert-warn-action-color:var(--okd-color-content-primary);--okd-alert-warn-link-color:var(--okd-color-content-secondary);--okd-alert-warn-accent-color:var(--okd-color-semantic-notice);--okd-alert-error-background:var(--okd-color-alert-error);--okd-alert-error-title-color:var(--okd-color-content-primary);--okd-alert-error-icon-color:var(--okd-color-semantic-negative);--okd-alert-error-desc-color:var(--okd-color-content-secondary);--okd-alert-error-action-color:var(--okd-color-content-primary);--okd-alert-error-link-color:var(--okd-color-content-secondary);--okd-alert-error-accent-color:var(--okd-color-semantic-negative);--okd-alert-box-padding-vertical:8px;--okd-alert-box-padding-horizontal:16px;--okd-alert-box-border-radius:8px;--okd-alert-accent-width:4px;--okd-alert-title-font-size:var(--okd-font-size-md);--okd-alert-title-line-height:var(--okd-line-height-md);--okd-alert-text-font-size:12px;--okd-alert-text-line-height:var(--okd-line-height-md);--okd-alert-action-font-size:12px;--okd-alert-action-line-height:var(--okd-line-height-md);--okd-alert-icon-tip-size:20px;--okd-alert-icon-close-size:20px;--okd-alert-close-color:var(--okd-color-gray-300);--okd-alert-box-margin-left:8px;--okd-alert-desc-margin-top:4px;--okd-alert-action-box-margin-top:8px;--okd-alert-action-box-margin-bottom:0px;--okd-alert-action-margin-left:16px;--okd-alert-info-close-color:var(--okd-color-gray-300);--okd-popover-background:#fff;--okd-popover-link-color:var(--okd-color-content-static-default);--okd-popover-action-color:var(--okd-color-content-static-default);--okd-popover-title-color:var(--okd-color-content-static-subtle);--okd-popover-title-line-height:20px;--okd-popover-title-background:var(--okd-color-surface-structural-layer-1);--okd-popover-desc-color:var(--okd-color-content-static-default);--okd-popover-md-font-size:14px;--okd-popover-md-title-font-size:16px;--okd-popover-md-line-height:20px;--okd-popover-sm-font-size:12px;--okd-popover-sm-title-font-size:14px;--okd-popover-sm-line-height:16px;--okd-popover-common-padding:12px;--okd-popover-common-layer-width:280px;--okd-popover-common-layer-shadow:rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px;--okd-popover-desc-background:var(--okd-color-surface-structural-elevated-contrast);--okd-popover-layer-background:var(--okd-color-surface-structural-elevated-contrast);--okd-popover-layer-border-color:var(--okd-color-border-static-subtle);--okd-tooltip-default-font-color:var(--okd-color-content-inverse);--okd-tooltip-neutral-background:var(--okd-color-modal-contrast);--okd-tooltip-negative-background:var(--okd-color-semantic-negative);--okd-tooltip-positive-background:var(--okd-color-semantic-positive);--okd-tooltip-informative-background:var(--okd-color-semantic-informative)}.theme-dark{--okd-alert-normal-background:var(--okd-color-alert-info);--okd-alert-normal-title-color:var(--okd-color-content-primary);--okd-alert-normal-icon-color:var(--okd-color-content-primary);--okd-alert-normal-desc-color:var(--okd-color-content-secondary);--okd-alert-normal-action-color:var(--okd-color-content-primary);--okd-alert-normal-link-color:var(--okd-color-content-secondary);--okd-alert-normal-accent-color:var(--okd-color-content-primary);--okd-alert-success-background:var(--okd-color-alert-success);--okd-alert-success-title-color:var(--okd-color-content-primary);--okd-alert-success-icon-color:var(--okd-color-semantic-positive);--okd-alert-success-desc-color:var(--okd-color-content-secondary);--okd-alert-success-action-color:var(--okd-color-content-primary);--okd-alert-success-link-color:var(--okd-color-content-secondary);--okd-alert-success-accent-color:var(--okd-color-semantic-positive);--okd-alert-info-background:var(--okd-color-alert-info);--okd-alert-info-title-color:var(--okd-color-content-primary);--okd-alert-info-icon-color:var(--okd-color-content-primary);--okd-alert-info-desc-color:var(--okd-color-content-secondary);--okd-alert-info-action-color:var(--okd-color-content-primary);--okd-alert-info-link-color:var(--okd-color-content-secondary);--okd-alert-info-accent-color:var(--okd-color-content-primary);--okd-alert-warn-background:var(--okd-color-alert-warning);--okd-alert-warn-title-color:var(--okd-color-content-primary);--okd-alert-warn-icon-color:var(--okd-color-semantic-notice);--okd-alert-warn-desc-color:var(--okd-color-content-secondary);--okd-alert-warn-action-color:var(--okd-color-content-primary);--okd-alert-warn-link-color:var(--okd-color-content-secondary);--okd-alert-warn-accent-color:var(--okd-color-semantic-notice);--okd-alert-error-background:var(--okd-color-alert-error);--okd-alert-error-title-color:var(--okd-color-content-primary);--okd-alert-error-icon-color:var(--okd-color-semantic-negative);--okd-alert-error-desc-color:var(--okd-color-content-secondary);--okd-alert-error-action-color:var(--okd-color-content-primary);--okd-alert-error-link-color:var(--okd-color-content-secondary);--okd-alert-error-accent-color:var(--okd-color-semantic-negative);--okd-alert-box-padding-vertical:8px;--okd-alert-box-padding-horizontal:16px;--okd-alert-box-border-radius:8px;--okd-alert-accent-width:4px;--okd-alert-title-font-size:var(--okd-font-size-md);--okd-alert-title-line-height:var(--okd-line-height-md);--okd-alert-text-font-size:12px;--okd-alert-text-line-height:var(--okd-line-height-md);--okd-alert-action-font-size:12px;--okd-alert-action-line-height:var(--okd-line-height-md);--okd-alert-icon-tip-size:20px;--okd-alert-icon-close-size:20px;--okd-alert-close-color:var(--okd-color-gray-300);--okd-alert-box-margin-left:8px;--okd-alert-desc-margin-top:4px;--okd-alert-action-box-margin-top:8px;--okd-alert-action-box-margin-bottom:0px;--okd-alert-action-margin-left:16px;--okd-alert-info-close-color:var(--okd-color-gray-300);--okd-popover-background:#909090;--okd-popover-link-color:var(--okd-color-content-static-default);--okd-popover-action-color:var(--okd-color-content-static-default);--okd-popover-title-color:var(--okd-color-content-static-subtle);--okd-popover-title-line-height:20px;--okd-popover-title-background:var(--okd-color-surface-structural-layer-1);--okd-popover-desc-color:var(--okd-color-content-static-default);--okd-popover-md-font-size:14px;--okd-popover-md-title-font-size:16px;--okd-popover-md-line-height:20px;--okd-popover-sm-font-size:12px;--okd-popover-sm-title-font-size:14px;--okd-popover-sm-line-height:16px;--okd-popover-common-padding:12px;--okd-popover-common-layer-width:280px;--okd-popover-common-layer-shadow:rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px;--okd-popover-desc-background:var(--okd-color-surface-structural-elevated-default);--okd-popover-layer-background:var(--okd-color-surface-structural-elevated-default);--okd-popover-layer-border-color:var(--okd-color-border-static-subtle);--okd-tooltip-default-font-color:var(--okd-color-content-primary);--okd-tooltip-neutral-background:var(--okd-color-modal-contrast);--okd-tooltip-negative-background:var(--okd-color-semantic-negative);--okd-tooltip-positive-background:var(--okd-color-semantic-positive);--okd-tooltip-informative-background:var(--okd-color-semantic-informative)}.theme-oklink{--okd-alert-normal-background:var(--okd-color-gray-050);--okd-alert-normal-title-color:var(--okd-color-gray-900);--okd-alert-normal-icon-color:var(--okd-color-gray-700);--okd-alert-normal-desc-color:var(--okd-color-gray-800);--okd-alert-normal-action-color:var(--okd-color-gray-900);--okd-alert-normal-link-color:var(--okd-color-gray-900);--okd-alert-normal-accent-color:var(--okd-color-gray-700);--okd-alert-success-background:var(--okd-color-green-050);--okd-alert-success-title-color:var(--okd-color-text-amplifed);--okd-alert-success-icon-color:var(--okd-color-fq-positive);--okd-alert-success-desc-color:var(--okd-color-gray-700);--okd-alert-success-action-color:var(--okd-color-purple-900);--okd-alert-success-link-color:var(--okd-color-text-amplifed);--okd-alert-success-accent-color:var(--okd-color-green-700);--okd-alert-info-background:var(--okd-color-background-2);--okd-alert-info-title-color:var(--okd-color-text-amplifed);--okd-alert-info-icon-color:var(--okd-color-gray-900);--okd-alert-info-desc-color:var(--okd-color-gray-700);--okd-alert-info-action-color:var(--okd-color-purple-900);--okd-alert-info-link-color:var(--okd-color-text-amplifed);--okd-alert-info-accent-color:var(--okd-color-purple-700);--okd-alert-warn-background:var(--okd-color-yellow-050);--okd-alert-warn-title-color:var(--okd-color-text-amplifed);--okd-alert-warn-icon-color:var(--okd-color-yellow-700);--okd-alert-warn-desc-color:var(--okd-color-gray-700);--okd-alert-warn-action-color:var(--okd-color-purple-900);--okd-alert-warn-link-color:var(--okd-color-text-amplifed);--okd-alert-warn-accent-color:var(--okd-color-orange-700);--okd-alert-error-background:var(--okd-color-red-050);--okd-alert-error-title-color:var(--okd-color-text-amplifed);--okd-alert-error-icon-color:var(--okd-color-fq-critical);--okd-alert-error-desc-color:var(--okd-color-gray-700);--okd-alert-error-action-color:var(--okd-color-purple-900);--okd-alert-error-link-color:var(--okd-color-text-amplifed);--okd-alert-error-accent-color:var(--okd-color-red-700);--okd-alert-box-padding-vertical:8px;--okd-alert-box-padding-horizontal:16px;--okd-alert-box-border-radius:8px;--okd-alert-accent-width:4px;--okd-alert-title-font-size:var(--okd-font-size-md);--okd-alert-title-line-height:var(--okd-line-height-md);--okd-alert-text-font-size:12px;--okd-alert-text-line-height:var(--okd-line-height-md);--okd-alert-action-font-size:12px;--okd-alert-action-line-height:var(--okd-line-height-md);--okd-alert-icon-tip-size:20px;--okd-alert-icon-close-size:20px;--okd-alert-close-color:var(--okd-color-gray-300);--okd-alert-box-margin-left:8px;--okd-alert-desc-margin-top:4px;--okd-alert-action-box-margin-top:8px;--okd-alert-action-box-margin-bottom:0px;--okd-alert-action-margin-left:16px;--okd-popover-background:var(--okd-color-text-white);--okd-popover-link-color:var(--okd-color-purple-900);--okd-popover-action-color:var(--okd-color-purple-900);--okd-popover-title-color:var(--okd-color-gray-900);--okd-popover-title-line-height:20px;--okd-popover-title-background:var(--okd-color-gray-050);--okd-popover-desc-color:var(--okd-color-gray-700);--okd-popover-md-font-size:14px;--okd-popover-md-title-font-size:16px;--okd-popover-md-line-height:20px;--okd-popover-sm-font-size:12px;--okd-popover-sm-title-font-size:14px;--okd-popover-sm-line-height:16px;--okd-popover-common-padding:12px;--okd-popover-common-layer-width:280px;--okd-popover-common-layer-shadow:rgba(0,0,0,.05) 0px 4px 6px -2px,rgba(0,0,0,.1) 0px 10px 15px -3px;--okd-popover-desc-background:var(--okd-color-background-1);--okd-popover-layer-background:var(--okd-color-background-1);--okd-popover-layer-border-color:rgba(0,0,0,.02);--okd-tooltip-default-font-color:var(--okd-color-text-white);--okd-tooltip-neutral-background:var(--okd-color-gray-800);--okd-tooltip-negative-background:var(--okd-color-red-800);--okd-tooltip-positive-background:var(--okd-color-green-800);--okd-tooltip-informative-background:var(--okd-color-purple-700)}.okui-alert{border-radius:var(--okd-alert-box-border-radius);box-sizing:border-box;display:inline-flex;padding:var(--okd-alert-box-padding-vertical) var(--okd-alert-box-padding-horizontal);position:relative;width:100%}.okui-alert.closable{padding-right:44px}.okui-alert *{box-sizing:border-box}.okui-alert .okui-alert-icon{align-items:center;display:flex;font-size:20px;font-size:var(--okd-alert-icon-tip-size,20px);height:20px;height:var(--okd-alert-icon-tip-size,20px);justify-content:center;width:20px;width:var(--okd-alert-icon-tip-size,20px)}.okui-alert-msg-box{display:flex;flex-direction:column;flex-grow:1}.okui-alert-icon+.okui-alert-msg-box{margin-left:15px;margin-left:var(--okd-alert-box-margin-left,15px)}.okui-alert-title{font-size:var(--okd-alert-title-font-size);font-weight:500;line-height:var(--okd-alert-title-line-height)}.okui-alert-desc{font-size:var(--okd-alert-text-font-size);font-weight:400;line-height:var(--okd-alert-text-line-height)}.okui-alert-title+.okui-alert-desc{margin-top:4px;margin-top:var(--okd-alert-desc-margin-top,4px)}.okui-alert-link{font-weight:500;text-decoration:none}.okui-alert-desc-list{-webkit-padding-start:17px;-moz-padding-start:17px;-webkit-margin-before:4px;-webkit-margin-after:0;margin-block-end:0;margin-block-start:4px;padding-inline-start:17px}.okui-alert-action-box{margin-bottom:8px;margin-bottom:var(--okd-alert-action-box-margin-bottom,8px);margin-top:21px;margin-top:var(--okd-alert-action-box-margin-top,21px)}.okui-alert-action{background:transparent;border:0;cursor:pointer;font-family:inherit;font-size:var(--okd-alert-action-font-size);font-weight:500;line-height:var(--okd-alert-action-line-height);outline:0;padding:0}.okui-alert-action:focus-visible{border-radius:4px;outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-alert-action+.okui-alert-action{margin-left:32px;margin-left:var(--okd-alert-action-margin-left,32px)}.okui-alert .okui-alert-close{cursor:pointer;font-size:20px;font-size:var(--okd-alert-icon-close-size,20px);line-height:1;position:absolute;right:12px}.okui-alert.normal-alert{background:var(--okd-alert-normal-background)}.okui-alert.normal-alert .okui-alert-icon{color:var(--okd-alert-normal-icon-color)}.okui-alert.normal-alert .okui-alert-title{color:var(--okd-alert-normal-title-color)}.okui-alert.normal-alert .okui-alert-desc{color:var(--okd-alert-normal-desc-color)}.okui-alert.normal-alert .okui-alert-close{color:var(--okd-color-gray-300);color:var(--okd-alert-normal-close-color,var(--okd-color-gray-300))}.okui-alert.normal-alert .okui-alert-link{border-bottom:1px solid var(--okd-alert-normal-link-color);color:var(--okd-alert-normal-link-color);text-decoration:none}.okui-alert.normal-alert .okui-alert-action{color:var(--okd-alert-normal-action-color)}.okui-alert.success-alert{background:var(--okd-alert-success-background)}.okui-alert.success-alert .okui-alert-icon{color:var(--okd-alert-success-icon-color)}.okui-alert.success-alert .okui-alert-title{color:var(--okd-alert-success-title-color)}.okui-alert.success-alert .okui-alert-desc{color:var(--okd-alert-success-desc-color)}.okui-alert.success-alert .okui-alert-close{color:var(--okd-color-gray-300);color:var(--okd-alert-success-close-color,var(--okd-color-gray-300))}.okui-alert.success-alert .okui-alert-link{border-bottom:1px solid var(--okd-alert-success-link-color);color:var(--okd-alert-success-link-color);text-decoration:none}.okui-alert.success-alert .okui-alert-action{color:var(--okd-alert-success-action-color)}.okui-alert.info-alert{background:var(--okd-alert-info-background)}.okui-alert.info-alert .okui-alert-icon{color:var(--okd-alert-info-icon-color)}.okui-alert.info-alert .okui-alert-title{color:var(--okd-alert-info-title-color)}.okui-alert.info-alert .okui-alert-desc{color:var(--okd-alert-info-desc-color)}.okui-alert.info-alert .okui-alert-close{color:var(--okd-color-gray-300);color:var(--okd-alert-info-close-color,var(--okd-color-gray-300))}.okui-alert.info-alert .okui-alert-link{border-bottom:1px solid var(--okd-alert-info-link-color);color:var(--okd-alert-info-link-color);text-decoration:none}.okui-alert.info-alert .okui-alert-action{color:var(--okd-alert-info-action-color)}.okui-alert.warn-alert{background:var(--okd-alert-warn-background)}.okui-alert.warn-alert .okui-alert-icon{color:var(--okd-alert-warn-icon-color)}.okui-alert.warn-alert .okui-alert-title{color:var(--okd-alert-warn-title-color)}.okui-alert.warn-alert .okui-alert-desc{color:var(--okd-alert-warn-desc-color)}.okui-alert.warn-alert .okui-alert-close{color:var(--okd-color-gray-300);color:var(--okd-alert-warn-close-color,var(--okd-color-gray-300))}.okui-alert.warn-alert .okui-alert-link{border-bottom:1px solid var(--okd-alert-warn-link-color);color:var(--okd-alert-warn-link-color);text-decoration:none}.okui-alert.warn-alert .okui-alert-action{color:var(--okd-alert-warn-action-color)}.okui-alert.error-alert{background:var(--okd-alert-error-background)}.okui-alert.error-alert .okui-alert-icon{color:var(--okd-alert-error-icon-color)}.okui-alert.error-alert .okui-alert-title{color:var(--okd-alert-error-title-color)}.okui-alert.error-alert .okui-alert-desc{color:var(--okd-alert-error-desc-color)}.okui-alert.error-alert .okui-alert-close{color:var(--okd-color-gray-300);color:var(--okd-alert-error-close-color,var(--okd-color-gray-300))}.okui-alert.error-alert .okui-alert-link{border-bottom:1px solid var(--okd-alert-error-link-color);color:var(--okd-alert-error-link-color);text-decoration:none}.okui-alert.error-alert .okui-alert-action{color:var(--okd-alert-error-action-color)}.okui-popover .okui-popup-layer-content{padding:0}.okui-popover .okui-popup-layer-arrow-inner{background-color:var(--okd-popover-layer-background);border-color:var(--okd-popover-layer-border-color)}.okui-popover-arrow-special .okui-popup-layer-arrow[change-color] .okui-popup-layer-arrow-inner{background-color:var(--okd-popover-title-background)}.okui-popover-arrow-special[data-popper-placement*=bottom] .okui-popup-layer-arrow-inner{background-color:var(--okd-popover-title-background)!important}.okui-popover-content{background-color:var(--okd-popover-layer-background);border:1px solid var(--okd-popover-layer-border-color);border-radius:4px;box-shadow:var(--okd-popover-common-layer-shadow);max-width:var(--okd-popover-common-layer-width)}.okui-popover-content-title{background-color:var(--okd-popover-title-background);border-top-left-radius:4px;border-top-right-radius:4px;color:var(--okd-popover-title-color);font-weight:500;line-height:20px;padding:8px 12px;position:relative}.okui-popover-content-desc{background-color:var(--okd-popover-desc-background);border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:var(--okd-popover-desc-color);overflow:hidden;padding:var(--okd-popover-common-padding)}.okui-popover-content-desc .okui-popover-content-desc-link{color:var(--okd-popover-link-color);cursor:pointer;font-weight:500;padding-left:4px;text-decoration:underline}.okui-popover-content-desc-button{color:var(--okd-popover-action-color);cursor:pointer;float:right;font-weight:500;margin-top:20px;overflow:hidden;padding:0 10px;text-align:right}.okui-popover-content-desc-radius{border-top-left-radius:4px;border-top-right-radius:4px}.okui-popover-md .okui-popover-content{font-size:var(--okd-popover-md-font-size);line-height:var(--okd-popover-md-line-height)}.okui-popover-md .okui-popover-content-title{font-size:var(--okd-popover-md-title-font-size)}.okui-popover-sm .okui-popover-content{font-size:var(--okd-popover-sm-font-size);line-height:var(--okd-popover-sm-line-height)}.okui-popover-sm .okui-popover-content-title{font-size:var(--okd-popover-sm-title-font-size)}.okui-tooltip .okui-popup-layer-content{word-wrap:break-word;border-radius:2px;box-shadow:var(--okd-tooltip-default-shadow);color:var(--okd-tooltip-default-font-color);font-size:12px;line-height:16px;max-width:160px;padding:8px}.okui-tooltip .okui-popup-layer-arrow-inner,.okui-tooltip .okui-popup-layer-content{background-color:var(--okd-tooltip-neutral-background)}.okui-tooltip-negative .okui-popup-layer-arrow-inner,.okui-tooltip-negative .okui-popup-layer-content{background-color:var(--okd-tooltip-negative-background)}.okui-tooltip-positive .okui-popup-layer-arrow-inner,.okui-tooltip-positive .okui-popup-layer-content{background-color:var(--okd-tooltip-positive-background)}.okui-tooltip-informative .okui-popup-layer-arrow-inner,.okui-tooltip-informative .okui-popup-layer-content{background-color:var(--okd-tooltip-informative-background)}