.theme-light{--okd-skeleton-avatar-sm-width:24px;--okd-skeleton-avatar-md-width:64px;--okd-skeleton-avatar-lg-width:128px;--okd-skeleton-avatar-square-border-radius:4px;--okd-skeleton-input-border-radius:4px;--okd-skeleton-input-sm-height:24px;--okd-skeleton-input-md-height:40px;--okd-skeleton-background-color:var(--okd-color-surface-structural-layer-2);--okd-skeleton-active-background-color:hsla(0,0%,91%,.2);--okd-skeleton-reversed-background-color:var(--okd-color-content-interactive-default);--okd-skeleton-reversed-active-background-color:var(--okd-color-surface-structural-inverse)}.theme-dark{--okd-skeleton-active-background-color:hsla(0,0%,7%,.2);--okd-skeleton-avatar-sm-width:24px;--okd-skeleton-avatar-md-width:64px;--okd-skeleton-avatar-lg-width:128px;--okd-skeleton-avatar-square-border-radius:4px;--okd-skeleton-input-border-radius:4px;--okd-skeleton-input-sm-height:24px;--okd-skeleton-input-md-height:40px;--okd-skeleton-background-color:var(--okd-color-global-alpha-inverse-5);--okd-skeleton-reversed-background-color:var(--okd-color-content-interactive-default);--okd-skeleton-reversed-active-background-color:var(--okd-color-surface-structural-inverse)}.okui-skeleton{display:flex;width:100%}.okui-skeleton-header{display:flex;margin-right:24px}.okui-skeleton-content{flex-grow:1}.okui-skeleton-avatar{background-color:var(--okd-color-background-2);background-color:var(--okd-skeleton-background-color,var(--okd-color-background-2))}.okui-skeleton-avatar.okui-skeleton-avatar-animate{animation:okui-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--okd-color-background-2) 25%,hsla(0,0%,98%,.1) 37%,var(--okd-color-background-2) 63%);background:linear-gradient(90deg,var(--okd-skeleton-background-color,var(--okd-color-background-2)) 25%,var(--okd-skeleton-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-background-color,var(--okd-color-background-2)) 63%);background-size:400% 100%;content:""}.okui-skeleton-avatar-sm{height:24px;height:var(--okd-skeleton-avatar-sm-width,24px);width:24px;width:var(--okd-skeleton-avatar-sm-width,24px)}.okui-skeleton-avatar-md{height:64px;height:var(--okd-skeleton-avatar-md-width,64px);width:64px;width:var(--okd-skeleton-avatar-md-width,64px)}.okui-skeleton-avatar-lg{height:128px;height:var(--okd-skeleton-avatar-lg-width,128px);width:128px;width:var(--okd-skeleton-avatar-lg-width,128px)}.okui-skeleton-avatar-circle{border-radius:50%}.okui-skeleton-input{background-color:var(--okd-color-background-2);background-color:var(--okd-skeleton-background-color,var(--okd-color-background-2));border-radius:4px;border-radius:var(--okd-skeleton-input-border-radius,4px)}.okui-skeleton-input.okui-skeleton-input-animate{animation:okui-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--okd-color-background-2) 25%,hsla(0,0%,98%,.1) 37%,var(--okd-color-background-2) 63%);background:linear-gradient(90deg,var(--okd-skeleton-background-color,var(--okd-color-background-2)) 25%,var(--okd-skeleton-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-background-color,var(--okd-color-background-2)) 63%);background-size:400% 100%;content:""}.okui-skeleton-input-sm{height:24px;height:var(--okd-skeleton-input-sm-height,24px)}.okui-skeleton-input-md{height:40px;height:var(--okd-skeleton-input-md-height,40px)}.okui-skeleton-paragraph-row{background-color:var(--okd-color-background-2);background-color:var(--okd-skeleton-background-color,var(--okd-color-background-2));border-radius:4px;border-radius:var(--okd-skeleton-input-border-radius,4px)}.okui-skeleton-paragraph-row.okui-skeleton-paragraph-animate{animation:okui-skeleton-loading 1.4s ease infinite;background:linear-gradient(90deg,var(--okd-color-background-2) 25%,hsla(0,0%,98%,.1) 37%,var(--okd-color-background-2) 63%);background:linear-gradient(90deg,var(--okd-skeleton-background-color,var(--okd-color-background-2)) 25%,var(--okd-skeleton-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-background-color,var(--okd-color-background-2)) 63%);background-size:400% 100%;content:""}.okui-skeleton-paragraph-row+.okui-skeleton-paragraph-row{margin-top:20px}.okui-skeleton-paragraph-sm{height:24px;height:var(--okd-skeleton-input-sm-height,24px)}.okui-skeleton-paragraph-md{height:40px;height:var(--okd-skeleton-input-md-height,40px)}@keyframes okui-skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.okui-skeleton-avatar-reversed{background-color:var(--okd-color-gray-700);background-color:var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700))}.okui-skeleton-avatar-reversed.okui-skeleton-avatar-animate{background:linear-gradient(90deg,var(--okd-color-gray-700) 25%,hsla(0,0%,98%,.1) 37%,var(--okd-color-gray-700) 63%);background:linear-gradient(90deg,var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700)) 25%,var(--okd-skeleton-reversed-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700)) 63%);background-size:400% 100%}.okui-skeleton-input-reversed{background-color:var(--okd-color-gray-700);background-color:var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700))}.okui-skeleton-input-reversed.okui-skeleton-input-animate{background:linear-gradient(90deg,var(--okd-color-gray-700) 25%,hsla(0,0%,98%,.1) 37%,var(--okd-color-gray-700) 63%);background:linear-gradient(90deg,var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700)) 25%,var(--okd-skeleton-reversed-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700)) 63%);background-size:400% 100%}.okui-skeleton-paragraph-reversed>.okui-skeleton-paragraph-row{background-color:var(--okd-color-gray-700);background-color:var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700))}.okui-skeleton-paragraph-reversed>.okui-skeleton-paragraph-row.okui-skeleton-paragraph-animate{background:linear-gradient(90deg,var(--okd-color-gray-700) 25%,hsla(0,0%,98%,.1) 37%,var(--okd-color-gray-700) 63%);background:linear-gradient(90deg,var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700)) 25%,var(--okd-skeleton-reversed-active-background-color,hsla(0,0%,98%,.1)) 37%,var(--okd-skeleton-reversed-background-color,var(--okd-color-gray-700)) 63%);background-size:400% 100%}.okui-label{display:flex;width:100%}.okui-label.top-right{justify-content:flex-end}.okui-label.top-between{justify-content:space-between}.okui-label-text{color:var(--okd-input-label-color);font-weight:500}.okui-label-action{color:var(--okd-input-action-color);cursor:pointer;font-weight:500}.okui-label.label-xl .okui-label-text{font-size:var(--okd-input-xl-label-font-size);line-height:var(--okd-input-xl-label-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-xl-label-margin,6px)}.okui-label.label-xl .okui-label-action{font-size:var(--okd-input-xl-action-font-size);line-height:var(--okd-input-xl-action-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-xl-label-margin,6px)}.okui-label.label-xl .okui-label-place{min-height:var(--okd-input-xl-label-line-height)}.okui-label.label-lg .okui-label-text{font-size:var(--okd-input-lg-label-font-size);line-height:var(--okd-input-lg-label-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-lg-label-margin,6px)}.okui-label.label-lg .okui-label-action{font-size:var(--okd-input-lg-action-font-size);line-height:var(--okd-input-lg-action-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-lg-label-margin,6px)}.okui-label.label-lg .okui-label-place{min-height:var(--okd-input-lg-label-line-height)}.okui-label.label-xs .okui-label-text{font-size:var(--okd-input-xs-label-font-size);line-height:var(--okd-input-xs-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-xs-label-margin,4px)}.okui-label.label-xs .okui-label-action{font-size:var(--okd-input-xs-action-font-size);line-height:var(--okd-input-xs-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-xs-label-margin,4px)}.okui-label.label-xs .okui-label-place{min-height:var(--okd-input-xs-label-line-height)}.okui-label.label-sm .okui-label-text{font-size:var(--okd-input-sm-label-font-size);line-height:var(--okd-input-sm-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-sm-label-margin,4px)}.okui-label.label-sm .okui-label-action{font-size:var(--okd-input-sm-action-font-size);line-height:var(--okd-input-sm-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-sm-label-margin,4px)}.okui-label.label-sm .okui-label-place{min-height:var(--okd-input-sm-label-line-height)}.okui-label.label-md .okui-label-text{font-size:var(--okd-input-md-label-font-size);line-height:var(--okd-input-md-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-md-label-margin,4px)}.okui-label.label-md .okui-label-action{font-size:var(--okd-input-md-action-font-size);line-height:var(--okd-input-md-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-md-label-margin,4px)}.okui-label.label-md .okui-label-place{min-height:var(--okd-input-md-label-line-height)}.okui-input-caret-color{caret-color:var(--okd-input-focus-caret-color)}.okui-input-caret-color input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.okui-input-caret-color input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.okui-input-caret-color input::-ms-clear,.okui-input-caret-color input::-ms-reveal{display:none}.okui-input-caret-color input::-o-clear{display:none}.okui-input{align-items:flex-start;display:flex;flex-direction:column;position:relative}.okui-input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.okui-input input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.okui-input input::-ms-clear,.okui-input input::-ms-reveal{display:none}.okui-input input::-o-clear{display:none}.okui-input *{box-sizing:border-box}.okui-input-prefix,.okui-input-suffix{align-items:center;display:flex;flex-shrink:1;white-space:nowrap}.okui-input-input{background:transparent;border:none;color:var(--okd-input-default-text-color);flex-grow:1;font-family:inherit;height:100%;outline:none;width:100%}.okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color)}.okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color);opacity:1}.okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color)}.okui-input-input:-webkit-autofill{-webkit-text-fill-color:var(--okd-input-default-text-color)!important;border:none;-webkit-box-shadow:0 0 0 30px var(--okd-input-default-background) inset}.okui-input-input.input-textarea{box-shadow:none;outline:none;resize:none}.okui-input-custom-placeholder{position:relative;width:100%}.okui-input-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okui-input-placeholder{bottom:0;color:var(--okd-input-default-placeholder-color);left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.okui-input-tips-box{display:flex;width:100%}.okui-input-error{color:var(--okd-input-error-tips-color)}.okui-input-tips{color:var(--okd-input-tips-text-color);display:inline-block}.okui-input-help-text{color:var(--okd-input-tips-text-color);flex-grow:1;flex-shrink:0;text-align:right}.okui-input.hover,.okui-input:hover{cursor:text}.okui-input.hover .okui-input-box,.okui-input:hover .okui-input-box{background:var(--okd-input-hover-background);border:thin solid var(--okd-input-hover-border-color);box-shadow:var(--okd-input-hover-shadow)}.okui-input.hover .okui-input-box .okui-input-input,.okui-input:hover .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-hover-text-color);caret-color:var(--okd-input-hover-caret-color);color:var(--okd-input-hover-text-color)}.okui-input.hover .okui-input-box .okui-input-input::-webkit-input-placeholder,.okui-input:hover .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color)}.okui-input.hover .okui-input-box .okui-input-input:-moz-placeholder,.okui-input:hover .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color);opacity:1}.okui-input.hover .okui-input-box .okui-input-input::-ms-input-placeholder,.okui-input:hover .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color)}.okui-input.focus .okui-input-box{background:var(--okd-input-focus-background);border:thin solid var(--okd-input-focus-border-color);box-shadow:var(--okd-input-focus-shadow)}.okui-input.focus .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-focus-text-color);caret-color:var(--okd-input-focus-caret-color);color:var(--okd-input-focus-text-color)}.okui-input.focus .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color)}.okui-input.focus .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color);opacity:1}.okui-input.focus .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color)}.okui-input.readonly .okui-input-box{background:var(--okd-input-default-background);background:var(--okd-input-readonly-background,var(--okd-input-default-background));border:thin solid var(--okd-input-readonly-border-color,var(--okd-input-default-border-color));box-shadow:var(--okd-input-default-shadow);box-shadow:var(--okd-input-readonly-shadow,var(--okd-input-default-shadow))}.okui-input.readonly .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-default-text-color);-webkit-text-fill-color:var(--okd-input-readonly-text-color,var(--okd-input-default-text-color));caret-color:var(--okd-input-default-caret-color);caret-color:var(--okd-input-readonly-caret-color,var(--okd-input-default-caret-color));color:var(--okd-input-default-text-color);color:var(--okd-input-readonly-text-color,var(--okd-input-default-text-color))}.okui-input.readonly .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color))}.okui-input.readonly .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));opacity:1}.okui-input.readonly .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color))}.okui-input.readonly.focus .okui-input-box{border-color:var(--okd-input-focus-border-color)}.okui-input.disabled{cursor:not-allowed}.okui-input.disabled .okui-input-box{background:var(--okd-input-disabled-background);border:thin solid var(--okd-input-disabled-border-color);box-shadow:var(--okd-input-disabled-shadow)}.okui-input.disabled .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-disabled-text-color);caret-color:var(--okd-input-disabled-caret-color);color:var(--okd-input-disabled-text-color)}.okui-input.disabled .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color)}.okui-input.disabled .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color);opacity:1}.okui-input.disabled .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color)}.okui-input.disabled .okui-input-input{cursor:not-allowed;opacity:1}.okui-input.disabled .okui-input-input:-webkit-autofill{-webkit-text-fill-color:var(--okd-input-disabled-text-color)!important;-webkit-box-shadow:0 0 0 30px var(--okd-input-disabled-background) inset}.okui-input.error .okui-input-box{background:var(--okd-input-error-background);border:thin solid var(--okd-input-error-border-color);box-shadow:var(--okd-input-error-shadow)}.okui-input.error .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-error-text-color);caret-color:var(--okd-input-error-caret-color);color:var(--okd-input-error-text-color)}.okui-input.error .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color)}.okui-input.error .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color);opacity:1}.okui-input.error .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color)}.okui-input.error .okui-input-error{display:inline-block}.okui-input.no-border .okui-input-box{background:transparent;border:thin solid transparent;box-shadow:none}.okui-input-textarea-resize-virtual-dom::-webkit-scrollbar{display:none;height:0;width:0}.okui-input-box{align-items:center;background:var(--okd-input-default-background);border:thin solid var(--okd-input-default-border-color);box-shadow:var(--okd-input-default-shadow);display:flex;transition:border-color .3s,box-shadow .3s;width:100%}.okui-input-xl>.okui-input-box{border-radius:var(--okd-input-xl-border-radius);height:var(--okd-input-xl-height);padding:0 8px;padding:0 var(--okd-input-xl-padding-horizontal,8px)}.okui-input-xl>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xl-height)}.okui-input-xl>.okui-input-box.no-padding-left{padding-left:0}.okui-input-xl>.okui-input-box.no-padding-right{padding-right:0}.okui-input-xl>.okui-input-box.ta{height:100%;padding:8px}.okui-input-xl>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xl-height)}.okui-input-xl>.okui-input-box.input-circle{border-radius:100px}.okui-input-xl .okui-input-input{font-size:var(--okd-input-xl-text-font-size);padding:calc(var(--okd-input-xl-height)/2 - var(--okd-input-xl-text-font-size)/2 - 2px) 0}.okui-input-xl .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input:-moz-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input.ta{padding:0}.okui-input-xl .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-xl-text-font-size)}.okui-input-xl .okui-input-placeholder{font-size:var(--okd-input-xl-text-font-size);height:calc(var(--okd-input-xl-text-font-size) + 2px);line-height:calc(var(--okd-input-xl-text-font-size) + 2px)}.okui-input-xl .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-xl-tip-line-height) + 6px);min-height:calc(var(--okd-input-xl-tip-line-height) + var(--okd-input-xl-tip-margin, 6px))}.okui-input-xl .okui-input-error{font-size:var(--okd-input-xl-error-font-size);line-height:var(--okd-input-xl-error-line-height);margin-top:6px;margin-top:var(--okd-input-xl-tip-margin,6px)}.okui-input-xl .okui-input-help-text,.okui-input-xl .okui-input-tips{font-size:var(--okd-input-xl-tip-font-size);line-height:var(--okd-input-xl-tip-line-height);margin-top:6px;margin-top:var(--okd-input-xl-tip-margin,6px)}.okui-input-lg>.okui-input-box{border-radius:var(--okd-input-lg-border-radius);height:var(--okd-input-lg-height);padding:0 8px;padding:0 var(--okd-input-lg-padding-horizontal,8px)}.okui-input-lg>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-lg-height)}.okui-input-lg>.okui-input-box.no-padding-left{padding-left:0}.okui-input-lg>.okui-input-box.no-padding-right{padding-right:0}.okui-input-lg>.okui-input-box.ta{height:100%;padding:8px}.okui-input-lg>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-lg-height)}.okui-input-lg>.okui-input-box.input-circle{border-radius:100px}.okui-input-lg .okui-input-input{font-size:var(--okd-input-lg-text-font-size);padding:calc(var(--okd-input-lg-height)/2 - var(--okd-input-lg-text-font-size)/2 - 2px) 0}.okui-input-lg .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input:-moz-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input.ta{padding:0}.okui-input-lg .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-lg-text-font-size)}.okui-input-lg .okui-input-placeholder{font-size:var(--okd-input-lg-text-font-size);height:calc(var(--okd-input-lg-text-font-size) + 2px);line-height:calc(var(--okd-input-lg-text-font-size) + 2px)}.okui-input-lg .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-lg-tip-line-height) + 6px);min-height:calc(var(--okd-input-lg-tip-line-height) + var(--okd-input-lg-tip-margin, 6px))}.okui-input-lg .okui-input-error{font-size:var(--okd-input-lg-error-font-size);line-height:var(--okd-input-lg-error-line-height);margin-top:6px;margin-top:var(--okd-input-lg-tip-margin,6px)}.okui-input-lg .okui-input-help-text,.okui-input-lg .okui-input-tips{font-size:var(--okd-input-lg-tip-font-size);line-height:var(--okd-input-lg-tip-line-height);margin-top:6px;margin-top:var(--okd-input-lg-tip-margin,6px)}.okui-input-xs>.okui-input-box{border-radius:var(--okd-input-xs-border-radius);height:var(--okd-input-xs-height);padding:0 8px;padding:0 var(--okd-input-xs-padding-horizontal,8px)}.okui-input-xs>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xs-height)}.okui-input-xs>.okui-input-box.no-padding-left{padding-left:0}.okui-input-xs>.okui-input-box.no-padding-right{padding-right:0}.okui-input-xs>.okui-input-box.ta{height:100%;padding:8px}.okui-input-xs>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xs-height)}.okui-input-xs>.okui-input-box.input-circle{border-radius:100px}.okui-input-xs .okui-input-input{font-size:var(--okd-input-xs-text-font-size);padding:calc(var(--okd-input-xs-height)/2 - var(--okd-input-xs-text-font-size)/2 - 2px) 0}.okui-input-xs .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input:-moz-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input.ta{padding:0}.okui-input-xs .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-xs-text-font-size)}.okui-input-xs .okui-input-placeholder{font-size:var(--okd-input-xs-text-font-size);height:calc(var(--okd-input-xs-text-font-size) + 2px);line-height:calc(var(--okd-input-xs-text-font-size) + 2px)}.okui-input-xs .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-xs-tip-line-height) + 4px);min-height:calc(var(--okd-input-xs-tip-line-height) + var(--okd-input-xs-tip-margin, 4px))}.okui-input-xs .okui-input-error{font-size:var(--okd-input-xs-error-font-size);line-height:var(--okd-input-xs-error-line-height);margin-top:4px;margin-top:var(--okd-input-xs-tip-margin,4px)}.okui-input-xs .okui-input-help-text,.okui-input-xs .okui-input-tips{font-size:var(--okd-input-xs-tip-font-size);line-height:var(--okd-input-xs-tip-line-height);margin-top:4px;margin-top:var(--okd-input-xs-tip-margin,4px)}.okui-input-sm>.okui-input-box{border-radius:var(--okd-input-sm-border-radius);height:var(--okd-input-sm-height);padding:0 8px;padding:0 var(--okd-input-sm-padding-horizontal,8px)}.okui-input-sm>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-sm-height)}.okui-input-sm>.okui-input-box.no-padding-left{padding-left:0}.okui-input-sm>.okui-input-box.no-padding-right{padding-right:0}.okui-input-sm>.okui-input-box.ta{height:100%;padding:8px}.okui-input-sm>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-sm-height)}.okui-input-sm>.okui-input-box.input-circle{border-radius:100px}.okui-input-sm .okui-input-input{font-size:var(--okd-input-sm-text-font-size);padding:calc(var(--okd-input-sm-height)/2 - var(--okd-input-sm-text-font-size)/2 - 2px) 0}.okui-input-sm .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input:-moz-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input.ta{padding:0}.okui-input-sm .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-sm-text-font-size)}.okui-input-sm .okui-input-placeholder{font-size:var(--okd-input-sm-text-font-size);height:calc(var(--okd-input-sm-text-font-size) + 2px);line-height:calc(var(--okd-input-sm-text-font-size) + 2px)}.okui-input-sm .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-sm-tip-line-height) + 4px);min-height:calc(var(--okd-input-sm-tip-line-height) + var(--okd-input-sm-tip-margin, 4px))}.okui-input-sm .okui-input-error{font-size:var(--okd-input-sm-error-font-size);line-height:var(--okd-input-sm-error-line-height);margin-top:4px;margin-top:var(--okd-input-sm-tip-margin,4px)}.okui-input-sm .okui-input-help-text,.okui-input-sm .okui-input-tips{font-size:var(--okd-input-sm-tip-font-size);line-height:var(--okd-input-sm-tip-line-height);margin-top:4px;margin-top:var(--okd-input-sm-tip-margin,4px)}.okui-input-md>.okui-input-box{border-radius:var(--okd-input-md-border-radius);height:var(--okd-input-md-height);padding:0 8px;padding:0 var(--okd-input-md-padding-horizontal,8px)}.okui-input-md>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-md-height)}.okui-input-md>.okui-input-box.no-padding-left{padding-left:0}.okui-input-md>.okui-input-box.no-padding-right{padding-right:0}.okui-input-md>.okui-input-box.ta{height:100%;padding:8px}.okui-input-md>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-md-height)}.okui-input-md>.okui-input-box.input-circle{border-radius:100px}.okui-input-md .okui-input-input{font-size:var(--okd-input-md-text-font-size);padding:calc(var(--okd-input-md-height)/2 - var(--okd-input-md-text-font-size)/2 - 2px) 0}.okui-input-md .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input:-moz-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input.ta{padding:0}.okui-input-md .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-md-text-font-size)}.okui-input-md .okui-input-placeholder{font-size:var(--okd-input-md-text-font-size);height:calc(var(--okd-input-md-text-font-size) + 2px);line-height:calc(var(--okd-input-md-text-font-size) + 2px)}.okui-input-md .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-md-tip-line-height) + 4px);min-height:calc(var(--okd-input-md-tip-line-height) + var(--okd-input-md-tip-margin, 4px))}.okui-input-md .okui-input-error{font-size:var(--okd-input-md-error-font-size);line-height:var(--okd-input-md-error-line-height);margin-top:4px;margin-top:var(--okd-input-md-tip-margin,4px)}.okui-input-md .okui-input-help-text,.okui-input-md .okui-input-tips{font-size:var(--okd-input-md-tip-font-size);line-height:var(--okd-input-md-tip-line-height);margin-top:4px;margin-top:var(--okd-input-md-tip-margin,4px)}.okui-input-prefix{height:100%}.okui-input-prefix .prefix-icon{color:var(--okd-input-icon-color)}.okui-input-prefix .select{padding-right:8px}.okui-input-suffix{height:100%}.okui-input-suffix .suffix-icon{color:var(--okd-input-icon-color)}.okui-input-suffix .clean-icon:hover{color:#000;color:var(--okd-input-search-suffix-icon-hover-color,#000)}.okui-input-suffix .error-icon{color:var(--okd-input-error-tips-color)}.okui-input-xl .okui-input-prefix .prefix-icon{font-size:var(--okd-input-xl-icon-size);margin-left:0;margin-right:var(--okd-input-xl-icon-margin)}.okui-input-xl .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xl-icon-size);margin-left:var(--okd-input-xl-icon-margin);margin-right:0}.okui-input-lg .okui-input-prefix .prefix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:0;margin-right:var(--okd-input-lg-icon-margin)}.okui-input-lg .okui-input-suffix .suffix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:var(--okd-input-lg-icon-margin);margin-right:0}.okui-input-xs .okui-input-prefix .prefix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:0;margin-right:var(--okd-input-xs-icon-margin)}.okui-input-xs .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:var(--okd-input-xs-icon-margin);margin-right:0}.okui-input-sm .okui-input-prefix .prefix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:0;margin-right:var(--okd-input-sm-icon-margin)}.okui-input-sm .okui-input-suffix .suffix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:var(--okd-input-sm-icon-margin);margin-right:0}.okui-input-md .okui-input-prefix .prefix-icon{font-size:var(--okd-input-md-icon-size);margin-left:0;margin-right:var(--okd-input-md-icon-margin)}.okui-input-md .okui-input-suffix .suffix-icon{font-size:var(--okd-input-md-icon-size);margin-left:var(--okd-input-md-icon-margin);margin-right:0}.okui-input-prefix .okui-input-search-prefix-icon{color:var(--okd-input-search-prefix-icon-color);cursor:pointer;font-size:var(--okd-input-search-prefix-icon-size);margin-right:8px}.okui-input-suffix .clean-icon{color:var(--okd-input-search-suffix-icon-color);cursor:pointer;font-size:var(--okd-input-search-suffix-icon-size)}.okui-input-search .okui-input-error{color:var(--okd-input-search-error-tips-color)}.okui-input-search .okui-input-box{background-color:var(--okd-input-search-default-background);border-color:var(--okd-input-search-default-border-color);box-shadow:var(--okd-input-search-default-shadow)}.okui-input-search .okui-input-input{color:var(--okd-input-search-default-text-color)}.okui-input-search .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-default-placeholder-color);color:var(--okd-input-search-default-placeholder-color)}.okui-input-search .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-default-placeholder-color);color:var(--okd-input-search-default-placeholder-color);opacity:1}.okui-input-search .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-default-placeholder-color);color:var(--okd-input-search-default-placeholder-color)}.okui-input-search.hover .okui-input-box,.okui-input-search:hover .okui-input-box{background:var(--okd-input-search-hover-background);border:thin solid var(--okd-input-search-hover-border-color);box-shadow:var(--okd-input-search-hover-shadow)}.okui-input-search.hover .okui-input-box .okui-input-input,.okui-input-search:hover .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-hover-text-color);caret-color:var(--okd-input-search-hover-caret-color);color:var(--okd-input-search-hover-text-color)}.okui-input-search.hover .okui-input-box .okui-input-input::-webkit-input-placeholder,.okui-input-search:hover .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-hover-placeholder-color);color:var(--okd-input-search-hover-placeholder-color)}.okui-input-search.hover .okui-input-box .okui-input-input:-moz-placeholder,.okui-input-search:hover .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-hover-placeholder-color);color:var(--okd-input-search-hover-placeholder-color);opacity:1}.okui-input-search.hover .okui-input-box .okui-input-input::-ms-input-placeholder,.okui-input-search:hover .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-hover-placeholder-color);color:var(--okd-input-search-hover-placeholder-color)}.okui-input-search.focus .okui-input-box{background:var(--okd-input-search-focus-background);border:thin solid var(--okd-input-search-focus-border-color);box-shadow:var(--okd-input-search-focus-shadow)}.okui-input-search.focus .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-focus-text-color);caret-color:var(--okd-input-search-focus-caret-color);color:var(--okd-input-search-focus-text-color)}.okui-input-search.focus .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-focus-placeholder-color);color:var(--okd-input-search-focus-placeholder-color)}.okui-input-search.focus .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-focus-placeholder-color);color:var(--okd-input-search-focus-placeholder-color);opacity:1}.okui-input-search.focus .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-focus-placeholder-color);color:var(--okd-input-search-focus-placeholder-color)}.okui-input-search.disabled .okui-input-box{background:var(--okd-input-search-disabled-background);border:thin solid var(--okd-input-search-disabled-border-color);box-shadow:var(--okd-input-search-disabled-shadow)}.okui-input-search.disabled .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-disabled-text-color);caret-color:var(--okd-input-search-disabled-caret-color);color:var(--okd-input-search-disabled-text-color)}.okui-input-search.disabled .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-disabled-placeholder-color);color:var(--okd-input-search-disabled-placeholder-color)}.okui-input-search.disabled .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-disabled-placeholder-color);color:var(--okd-input-search-disabled-placeholder-color);opacity:1}.okui-input-search.disabled .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-disabled-placeholder-color);color:var(--okd-input-search-disabled-placeholder-color)}.okui-input-search.error .okui-input-box{background:var(--okd-input-search-error-background);border:thin solid var(--okd-input-search-error-border-color);box-shadow:var(--okd-input-search-error-shadow)}.okui-input-search.error .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-search-error-text-color);caret-color:var(--okd-input-search-error-caret-color);color:var(--okd-input-search-error-text-color)}.okui-input-search.error .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-error-placeholder-color);color:var(--okd-input-search-error-placeholder-color)}.okui-input-search.error .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-search-error-placeholder-color);color:var(--okd-input-search-error-placeholder-color);opacity:1}.okui-input-search.error .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-search-error-placeholder-color);color:var(--okd-input-search-error-placeholder-color)}.theme-dark,.theme-light{--okd-empty-img-width:100px;--okd-empty-img-height:100px;--okd-empty-img-margin-bottom:4px;--okd-empty-title-font-size:16px;--okd-empty-title-light-height:20px;--okd-empty-title-margin-bottom:4px;--okd-empty-title-color:var(--okd-color-content-primary);--okd-empty-desc-font-size:14px;--okd-empty-desc-light-height:158%;--okd-empty-desc-margin-bottom:16px;--okd-empty-desc-color:var(--okd-color-content-tertiary);--okd-empty-title-line-height:20px;--okd-empty-desc-line-height:20px;--okd-empty-title-font-weight:500;--okd-empty-desc-font-weight:400;--okd-empty-sm-title-font-size:14px;--okd-empty-sm-title-line-height:16px;--okd-empty-sm-title-margin-bottom:4px;--okd-empty-sm-desc-font-size:12px;--okd-empty-sm-desc-line-height:18px;--okd-empty-sm-desc-margin-bottom:16px}.okui-empty{align-items:center;display:flex;flex-direction:column;width:100%}.okui-empty-img{height:var(--okd-empty-img-height);margin-bottom:var(--okd-empty-img-margin-bottom);width:var(--okd-empty-img-width)}.okui-empty-title{color:var(--okd-empty-title-color);font-size:var(--okd-empty-title-font-size);font-weight:400;font-weight:var(--okd-empty-title-font-weight,400);line-height:var(--okd-empty-title-light-height);margin-bottom:var(--okd-empty-title-margin-bottom);text-align:center}.okui-empty-title:last-child{margin-bottom:0}.okui-empty-only-title{margin-bottom:var(--okd-empty-desc-margin-bottom)}.okui-empty-only-title:last-child{margin-bottom:0}.okui-empty-description{color:var(--okd-empty-desc-color);font-size:var(--okd-empty-desc-font-size);font-weight:400;font-weight:var(--okd-empty-desc-font-weight,400);line-height:var(--okd-empty-desc-light-height);margin-bottom:var(--okd-empty-desc-margin-bottom);text-align:center}.okui-empty-description:last-child{margin-bottom:0}.okui-empty-sm .okui-empty-title{font-size:14px;font-size:var(--okd-empty-sm-title-font-size,14px);line-height:16px;line-height:var(--okd-empty-sm-title-line-height,16px);margin-bottom:4px;margin-bottom:var(--okd-empty-sm-title-margin-bottom,4px)}.okui-empty-sm .okui-empty-description{font-size:12px;font-size:var(--okd-empty-sm-desc-font-size,12px);line-height:18px;line-height:var(--okd-empty-sm-desc-line-height,18px)}.okui-empty-sm .okui-empty-description,.okui-empty-sm .okui-empty-only-title{margin-bottom:4px;margin-bottom:var(--okd-empty-sm-desc-margin-bottom,4px)}