.theme-dark,:root{--okd-tag-outline-tangerine-background-color:var(--okd-color-common-transparent);--okd-tag-outline-tangerine-font-color:var(--okd-color-semantic-notice);--okd-tag-outline-tangerine-border-color:var(--okd-color-semantic-notice)}.theme-oklink{--okd-tag-outline-tangerine-background-color:var(--okd-color-transparent);--okd-tag-outline-tangerine-font-color:var(--okd-color-yellow-700);--okd-tag-outline-tangerine-border-color:var(--okd-color-yellow-700)}:root{--okd-badge-grey-background:hsla(0,0%,92%,.7);--okd-badge-grey-text-color:var(--okd-color-gray-700);--okd-badge-grey-delete-color:var(--okd-color-gray-500);--okd-badge-green-background:rgba(49,189,101,.15);--okd-badge-green-text-color:var(--okd-color-prefer-green-text);--okd-badge-green-delete-color:var(--okd-color-prefer-green-text);--okd-badge-red-background:rgba(235,75,109,.1);--okd-badge-red-text-color:var(--okd-color-prefer-red-text);--okd-badge-red-delete-color:var(--okd-color-prefer-red-text);--okd-badge-yellow-background:var(--okd-color-yellow-050);--okd-badge-yellow-text-color:var(--okd-color-yellow-900);--okd-badge-yellow-delete-color:var(--okd-color-yellow-700);--okd-badge-orange-background:var(--okd-color-orange-050);--okd-badge-orange-text-color:var(--okd-color-orange-700);--okd-badge-orange-delete-color:var(--okd-color-fq-orange-lv1);--okd-badge-blue-background:var(--okd-color-blue-050);--okd-badge-blue-text-color:var(--okd-color-blue-600);--okd-badge-blue-delete-color:var(--okd-color-fq-blue-lv1);--okd-badge-md-padding-vertical:2px;--okd-badge-md-padding-horizontal:8px;--okd-badge-lg-padding-vertical:3px;--okd-badge-lg-padding-horizontal:12px;--okd-badge-md-font-size:var(--okd-font-size-xs);--okd-badge-lg-font-size:var(--okd-font-size-md);--okd-badge-md-line-height:var(--okd-line-height-xs);--okd-badge-lg-line-height:var(--okd-line-height-base);--okd-badge-basic-md-radius:var(--okd-border-radius-xxl);--okd-badge-basic-lg-radius:var(--okd-border-radius-xxxl);--okd-badge-rounded-md-radius:var(--okd-border-radius-md);--okd-badge-rounded-lg-radius:var(--okd-border-radius-md)}.theme-dark{--okd-badge-grey-background:var(--okd-color-gray-100);--okd-badge-grey-text-color:var(--okd-color-gray-900);--okd-badge-grey-delete-color:var(--okd-color-gray-800);--okd-badge-green-background:rgba(37,167,80,.15);--okd-badge-green-text-color:var(--okd-color-prefer-green-text);--okd-badge-green-delete-color:var(--okd-color-prefer-green-text);--okd-badge-red-background:rgba(202,63,100,.1);--okd-badge-red-text-color:var(--okd-color-prefer-red-text);--okd-badge-red-delete-color:var(--okd-color-prefer-red-text);--okd-badge-yellow-background:var(--okd-color-yellow-050);--okd-badge-yellow-text-color:var(--okd-color-yellow-900);--okd-badge-yellow-delete-color:var(--okd-color-yellow-700);--okd-badge-orange-background:var(--okd-color-orange-050);--okd-badge-orange-text-color:var(--okd-color-orange-900);--okd-badge-orange-delete-color:var(--okd-color-orange-900);--okd-badge-blue-background:var(--okd-color-blue-050);--okd-badge-blue-text-color:var(--okd-color-blue-900);--okd-badge-blue-delete-color:var(--okd-color-blue-900);--okd-badge-md-padding-vertical:2px;--okd-badge-md-padding-horizontal:8px;--okd-badge-lg-padding-vertical:3px;--okd-badge-lg-padding-horizontal:12px;--okd-badge-md-font-size:var(--okd-font-size-xs);--okd-badge-lg-font-size:var(--okd-font-size-md);--okd-badge-md-line-height:var(--okd-line-height-xs);--okd-badge-lg-line-height:var(--okd-line-height-base);--okd-badge-basic-md-radius:var(--okd-border-radius-xxl);--okd-badge-basic-lg-radius:var(--okd-border-radius-xxxl);--okd-badge-rounded-md-radius:var(--okd-border-radius-md);--okd-badge-rounded-lg-radius:var(--okd-border-radius-md)}.theme-oklink{--okd-badge-grey-background:var(--okd-color-gray-100);--okd-badge-grey-text-color:var(--okd-color-gray-800);--okd-badge-grey-delete-color:var(--okd-color-gray-400);--okd-badge-green-background:var(--okd-color-green-050);--okd-badge-green-text-color:var(--okd-color-green-700);--okd-badge-green-delete-color:var(--okd-color-gray-400);--okd-badge-red-background:var(--okd-color-red-050);--okd-badge-red-text-color:var(--okd-color-red-700);--okd-badge-red-delete-color:var(--okd-color-gray-400);--okd-badge-yellow-background:var(--okd-color-yellow-100);--okd-badge-yellow-text-color:var(--okd-color-yellow-800);--okd-badge-yellow-delete-color:var(--okd-color-gray-400);--okd-badge-orange-background:var(--okd-color-orange-050);--okd-badge-orange-text-color:var(--okd-color-orange-700);--okd-badge-orange-delete-color:var(--okd-color-gray-400);--okd-badge-blue-background:var(--okd-color-purple-050);--okd-badge-blue-text-color:var(--okd-color-purple-700);--okd-badge-blue-delete-color:var(--okd-color-gray-400);--okd-badge-md-padding-vertical:2px;--okd-badge-md-padding-horizontal:6px;--okd-badge-lg-padding-vertical:2px;--okd-badge-lg-padding-horizontal:8px;--okd-badge-md-font-size:var(--okd-font-size-xs);--okd-badge-lg-font-size:var(--okd-font-size-md);--okd-badge-md-line-height:var(--okd-line-height-xs);--okd-badge-lg-line-height:var(--okd-line-height-base);--okd-badge-basic-md-radius:var(--okd-border-radius-xxl);--okd-badge-basic-lg-radius:var(--okd-border-radius-xxxl);--okd-badge-rounded-md-radius:var(--okd-border-radius-md);--okd-badge-rounded-lg-radius:var(--okd-border-radius-md)}.okui-badge{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;font-family:inherit;justify-content:center;margin-bottom:0;outline:none;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-badge .badge-content{pointer-events:none}.okui-badge .badge-delete{cursor:pointer;margin-left:8px}.okui-badge .badge-delete .icon{font-size:14px}.okui-badge.badge-lg .badge-delete{margin-right:-2px}.okui-badge.badge-red{background:var(--okd-badge-red-background);color:var(--okd-badge-red-text-color)}.okui-badge.badge-red .badge-dot{background:var(--okd-badge-red-text-color)}.okui-badge.badge-red .badge-delete{color:var(--okd-badge-red-delete-color)}.okui-badge.badge-green{background:var(--okd-badge-green-background);color:var(--okd-badge-green-text-color)}.okui-badge.badge-green .badge-dot{background:var(--okd-badge-green-text-color)}.okui-badge.badge-green .badge-delete{color:var(--okd-badge-green-delete-color)}.okui-badge.badge-yellow{background:var(--okd-badge-yellow-background);color:var(--okd-badge-yellow-text-color)}.okui-badge.badge-yellow .badge-dot{background:var(--okd-badge-yellow-text-color)}.okui-badge.badge-yellow .badge-delete{color:var(--okd-badge-yellow-delete-color)}.okui-badge.badge-orange{background:var(--okd-badge-orange-background);color:var(--okd-badge-orange-text-color)}.okui-badge.badge-orange .badge-dot{background:var(--okd-badge-orange-text-color)}.okui-badge.badge-orange .badge-delete{color:var(--okd-badge-orange-delete-color)}.okui-badge.badge-blue{background:var(--okd-badge-blue-background);color:var(--okd-badge-blue-text-color)}.okui-badge.badge-blue .badge-dot{background:var(--okd-badge-blue-text-color)}.okui-badge.badge-blue .badge-delete{color:var(--okd-badge-blue-delete-color)}.okui-badge.badge-grey{background:var(--okd-badge-grey-background);color:var(--okd-badge-grey-text-color)}.okui-badge.badge-grey .badge-dot{background:var(--okd-badge-grey-text-color)}.okui-badge.badge-grey .badge-delete{color:var(--okd-badge-grey-delete-color)}.okui-badge.badge-md{font-size:var(--okd-badge-md-font-size);line-height:var(--okd-badge-md-line-height);padding:var(--okd-badge-md-padding-vertical) var(--okd-badge-md-padding-horizontal)}.okui-badge.badge-md.basic{border-radius:var(--okd-badge-basic-md-radius)}.okui-badge.badge-md.rounded{border-radius:var(--okd-badge-rounded-md-radius)}.okui-badge.badge-lg{font-size:var(--okd-badge-lg-font-size);line-height:var(--okd-badge-lg-line-height);padding:var(--okd-badge-lg-padding-vertical) var(--okd-badge-lg-padding-horizontal)}.okui-badge.badge-lg.basic{border-radius:var(--okd-badge-basic-lg-radius)}.okui-badge.badge-lg.rounded{border-radius:var(--okd-badge-rounded-lg-radius)}:root{--okd-tag-fill-grey-background-color:var(--okd-color-neutral-20);--okd-tag-fill-grey-font-color:var(--okd-color-content-secondary);--okd-tag-fill-grey-border-color:var(--okd-color-common-transparent);--okd-tag-fill-green-background-color:rgba(0,188,75,.1);--okd-tag-fill-green-font-color:var(--okd-color-preference-profit);--okd-tag-fill-green-border-color:var(--okd-color-common-transparent);--okd-tag-fill-red-background-color:rgba(245,56,79,.1);--okd-tag-fill-red-font-color:var(--okd-color-preference-loss);--okd-tag-fill-red-border-color:var(--okd-color-common-transparent);--okd-tag-outline-grey-background-color:var(--okd-color-common-transparent);--okd-tag-outline-grey-font-color:var(--okd-color-semantic-neutral);--okd-tag-outline-grey-border-color:var(--okd-color-semantic-neutral);--okd-tag-outline-green-background-color:var(--okd-color-common-transparent);--okd-tag-outline-green-font-color:var(--okd-color-semantic-positive);--okd-tag-outline-green-border-color:var(--okd-color-semantic-positive);--okd-tag-outline-red-background-color:var(--okd-color-common-transparent);--okd-tag-outline-red-font-color:var(--okd-color-semantic-negative);--okd-tag-outline-red-border-color:var(--okd-color-semantic-negative);--okd-tag-outline-lightgrey-background-color:var(--okd-color-common-transparent);--okd-tag-outline-lightgrey-font-color:var(--okd-color-content-contrast);--okd-tag-outline-lightgrey-border-color:var(--okd-color-content-contrast)}.theme-dark{--okd-tag-fill-grey-background-color:var(--okd-color-neutral-180);--okd-tag-fill-grey-font-color:var(--okd-color-content-secondary);--okd-tag-fill-grey-border-color:var(--okd-color-common-transparent);--okd-tag-fill-green-background-color:rgba(37,167,80,.1);--okd-tag-fill-green-font-color:var(--okd-color-preference-profit);--okd-tag-fill-green-border-color:var(--okd-color-common-transparent);--okd-tag-fill-red-background-color:rgba(202,63,100,.1);--okd-tag-fill-red-font-color:var(--okd-color-preference-loss);--okd-tag-fill-red-border-color:var(--okd-color-common-transparent);--okd-tag-outline-grey-background-color:var(--okd-color-common-transparent);--okd-tag-outline-grey-font-color:var(--okd-color-semantic-neutral);--okd-tag-outline-grey-border-color:var(--okd-color-semantic-neutral);--okd-tag-outline-green-background-color:var(--okd-color-common-transparent);--okd-tag-outline-green-font-color:var(--okd-color-semantic-positive);--okd-tag-outline-green-border-color:var(--okd-color-semantic-positive);--okd-tag-outline-red-background-color:var(--okd-color-common-transparent);--okd-tag-outline-red-font-color:var(--okd-color-semantic-negative);--okd-tag-outline-red-border-color:var(--okd-color-semantic-negative);--okd-tag-outline-lightgrey-background-color:var(--okd-color-common-transparent);--okd-tag-outline-lightgrey-font-color:var(--okd-color-content-contrast);--okd-tag-outline-lightgrey-border-color:var(--okd-color-content-contrast)}.theme-oklink{--okd-tag-fill-grey-background-color:hsla(0,0%,92%,.5);--okd-tag-fill-grey-font-color:var(--okd-color-gray-700);--okd-tag-fill-grey-border-color:var(--okd-color-transparent);--okd-tag-fill-green-background-color:rgba(210,249,227,.5);--okd-tag-fill-green-font-color:var(--okd-color-green-700);--okd-tag-fill-green-border-color:var(--okd-color-transparent);--okd-tag-fill-red-background-color:hsla(0,100%,94%,.5);--okd-tag-fill-red-font-color:var(--okd-color-red-700);--okd-tag-fill-red-border-color:var(--okd-color-transparent);--okd-tag-outline-green-border-color:var(--okd-color-green-700);--okd-tag-outline-green-background-color:var(--okd-color-transparent);--okd-tag-outline-green-font-color:var(--okd-color-green-700);--okd-tag-outline-red-background-color:var(--okd-color-transparent);--okd-tag-outline-red-font-color:var(--okd-color-red-700);--okd-tag-outline-red-border-color:var(--okd-color-red-700)}.okui-tag{align-items:center;border-style:solid;box-sizing:border-box;display:inline-flex}.okui-tag-ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okui-tag-icon{padding-right:2px}.okui-tag-sm{--okd-tag-inner-height:var(--okd-tag-sm-height,16px);border-radius:4px;border-radius:var(--okd-tag-sm-border-radius,4px);border-width:1px;border-width:var(--okd-tag-sm-border-width,1px);font-size:12px;font-size:var(--okd-tag-sm-font-size,12px);font-weight:400;font-weight:var(--okd-tag-sm-font-weight,400);line-height:16px;line-height:var(--okd-tag-sm-line-height,16px);padding:2px 4px;padding:var(--okd-tag-sm-padding-vertical,2px) var(--okd-tag-sm-padding-horizontal,4px)}.okui-tag-sm .okui-tag-icon{font-size:12px;font-size:var(--okd-tag-sm-icon-size,12px)}.okui-tag-md{--okd-tag-inner-height:var(--okd-tag-md-height,20px);border-radius:4px;border-radius:var(--okd-tag-md-border-radius,4px);border-width:1px;border-width:var(--okd-tag-md-border-width,1px);font-size:12px;font-size:var(--okd-tag-md-font-size,12px);font-weight:400;font-weight:var(--okd-tag-md-font-weight,400);line-height:16px;line-height:var(--okd-tag-md-line-height,16px);padding:2px 4px;padding:var(--okd-tag-md-padding-vertical,2px) var(--okd-tag-md-padding-horizontal,4px)}.okui-tag-md .okui-tag-icon{font-size:16px;font-size:var(--okd-tag-md-icon-size,16px)}.okui-tag-lg{--okd-tag-inner-height:var(--okd-tag-lg-height,24px);border-radius:4px;border-radius:var(--okd-tag-lg-border-radius,4px);border-width:1px;border-width:var(--okd-tag-lg-border-width,1px);font-size:12px;font-size:var(--okd-tag-lg-font-size,12px);font-weight:400;font-weight:var(--okd-tag-lg-font-weight,400);line-height:16px;line-height:var(--okd-tag-lg-line-height,16px);padding:2px 4px;padding:var(--okd-tag-lg-padding-vertical,2px) var(--okd-tag-lg-padding-horizontal,4px)}.okui-tag-lg .okui-tag-icon{font-size:16px;font-size:var(--okd-tag-lg-icon-size,16px)}.okui-tag-fixed-height{height:var(--okd-tag-inner-height);padding-bottom:0;padding-top:0}.okui-tag-fill-grey{background-color:var(--okd-tag-fill-grey-background-color);border-color:var(--okd-tag-fill-grey-border-color);color:var(--okd-tag-fill-grey-font-color)}.okui-tag-fill-lightgrey{background-color:hsla(0,0%,100%,0);background-color:var(--okd-tag-fill-lightgrey-background-color,hsla(0,0%,100%,0));border-color:hsla(0,0%,100%,0);border-color:var(--okd-tag-fill-lightgrey-border-color,hsla(0,0%,100%,0));color:hsla(0,0%,100%,0);color:var(--okd-tag-fill-lightgrey-font-color,hsla(0,0%,100%,0))}.okui-tag-fill-green{background-color:var(--okd-tag-fill-green-background-color);border-color:var(--okd-tag-fill-green-border-color);color:var(--okd-tag-fill-green-font-color)}.okui-tag-fill-red{background-color:var(--okd-tag-fill-red-background-color);border-color:var(--okd-tag-fill-red-border-color);color:var(--okd-tag-fill-red-font-color)}.okui-tag-fill-tangerine{background-color:hsla(0,0%,100%,0);background-color:var(--okd-tag-fill-tangerine-background-color,hsla(0,0%,100%,0));border-color:hsla(0,0%,100%,0);border-color:var(--okd-tag-fill-tangerine-border-color,hsla(0,0%,100%,0));color:hsla(0,0%,100%,0);color:var(--okd-tag-fill-tangerine-font-color,hsla(0,0%,100%,0))}.okui-tag-fill-lime{background-color:var(--okd-tag-fill-lime-background-color);border-color:var(--okd-tag-fill-lime-border-color);color:var(--okd-tag-fill-lime-font-color)}.okui-tag-outline-grey{background-color:var(--okd-tag-outline-grey-background-color);border-color:var(--okd-tag-outline-grey-border-color);color:var(--okd-tag-outline-grey-font-color)}.okui-tag-outline-lightgrey{background-color:var(--okd-tag-outline-lightgrey-background-color);border-color:var(--okd-tag-outline-lightgrey-border-color);color:var(--okd-tag-outline-lightgrey-font-color)}.okui-tag-outline-green{background-color:var(--okd-tag-outline-green-background-color);border-color:var(--okd-tag-outline-green-border-color);color:var(--okd-tag-outline-green-font-color)}.okui-tag-outline-red{background-color:var(--okd-tag-outline-red-background-color);border-color:var(--okd-tag-outline-red-border-color);color:var(--okd-tag-outline-red-font-color)}.okui-tag-outline-tangerine{background-color:var(--okd-tag-outline-tangerine-background-color);border-color:var(--okd-tag-outline-tangerine-border-color);color:var(--okd-tag-outline-tangerine-font-color)}.okui-tag-outline-lime{background-color:hsla(0,0%,100%,0);background-color:var(--okd-tag-outline-lime-background-color,hsla(0,0%,100%,0));border-color:hsla(0,0%,100%,0);border-color:var(--okd-tag-outline-lime-border-color,hsla(0,0%,100%,0));color:hsla(0,0%,100%,0);color:var(--okd-tag-outline-lime-font-color,hsla(0,0%,100%,0))}.okui-tag.okui-tag-fill-lime{font-weight:700}