.okui-breadcrumbs,.okui-breadcrumbs-crumb,.okui-breadcrumbs-crumb-active{align-items:center;display:flex}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link{font-weight:var(--okd-hyperlink-medium-font-weight);font-weight:var(--okd-breadcrumbs-primary-default-font-weight,var(--okd-hyperlink-medium-font-weight))}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link,.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link a,.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link a:active,.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link a:visited{color:var(--okd-hyperlink-primary-default-color);color:var(--okd-breadcrumbs-primary-default-font-color,var(--okd-hyperlink-primary-default-color))}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-link:hover{font-weight:500;font-weight:var(--okd-breadcrumbs-primary-hover-font-weight,500)}.okui-breadcrumbs-primary .okui-breadcrumbs-crumb-active{color:var(--okd-breadcrumbs-primary-current-font-color);font-weight:var(--okd-breadcrumbs-common-current-font-weight);font-weight:var(--okd-breadcrumbs-primary-current-font-weight,var(--okd-breadcrumbs-common-current-font-weight))}.okui-breadcrumbs-primary .crumb-icon{color:var(--okd-breadcrumbs-primary-icon-color)}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link{font-weight:var(--okd-hyperlink-medium-font-weight);font-weight:var(--okd-breadcrumbs-secondary-default-font-weight,var(--okd-hyperlink-medium-font-weight))}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link,.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link a,.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link a:active,.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link a:visited{color:var(--okd-hyperlink-secondary-default-color);color:var(--okd-breadcrumbs-secondary-default-font-color,var(--okd-hyperlink-secondary-default-color))}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-link:hover{font-weight:500;font-weight:var(--okd-breadcrumbs-secondary-hover-font-weight,500)}.okui-breadcrumbs-secondary .okui-breadcrumbs-crumb-active{color:var(--okd-breadcrumbs-secondary-current-font-color);font-weight:var(--okd-breadcrumbs-common-current-font-weight);font-weight:var(--okd-breadcrumbs-secondary-current-font-weight,var(--okd-breadcrumbs-common-current-font-weight))}.okui-breadcrumbs-secondary .crumb-icon{color:var(--okd-breadcrumbs-secondary-icon-color)}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link{font-weight:var(--okd-hyperlink-medium-font-weight);font-weight:var(--okd-breadcrumbs-reversed-default-font-weight,var(--okd-hyperlink-medium-font-weight))}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link,.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link a,.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link a:active,.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link a:visited{color:var(--okd-hyperlink-reversed-default-color);color:var(--okd-breadcrumbs-reversed-default-font-color,var(--okd-hyperlink-reversed-default-color))}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-link:hover{font-weight:500;font-weight:var(--okd-breadcrumbs-reversed-hover-font-weight,500)}.okui-breadcrumbs-reversed .okui-breadcrumbs-crumb-active{color:var(--okd-breadcrumbs-reversed-current-font-color);font-weight:var(--okd-breadcrumbs-common-current-font-weight);font-weight:var(--okd-breadcrumbs-reversed-current-font-weight,var(--okd-breadcrumbs-common-current-font-weight))}.okui-breadcrumbs-reversed .crumb-icon{color:var(--okd-breadcrumbs-reversed-icon-color)}.okui-breadcrumbs-xs .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-xs-current-font-size);line-height:var(--okd-breadcrumbs-xs-current-line-height)}.okui-breadcrumbs-xs .crumb-icon{font-size:var(--okd-breadcrumbs-xs-icon-font-size);margin-left:var(--okd-breadcrumbs-xs-icon-margin-right);margin-right:var(--okd-breadcrumbs-xs-icon-margin-left)}.okui-breadcrumbs-sm .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-sm-current-font-size);line-height:var(--okd-breadcrumbs-sm-current-line-height)}.okui-breadcrumbs-sm .crumb-icon{font-size:var(--okd-breadcrumbs-sm-icon-font-size);margin-left:var(--okd-breadcrumbs-sm-icon-margin-right);margin-right:var(--okd-breadcrumbs-sm-icon-margin-left)}.okui-breadcrumbs-md .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-md-current-font-size);line-height:var(--okd-breadcrumbs-md-current-line-height)}.okui-breadcrumbs-md .crumb-icon{font-size:var(--okd-breadcrumbs-md-icon-font-size);margin-left:var(--okd-breadcrumbs-md-icon-margin-right);margin-right:var(--okd-breadcrumbs-md-icon-margin-left)}.okui-breadcrumbs-lg .okui-breadcrumbs-crumb-active{font-size:var(--okd-breadcrumbs-lg-current-font-size);line-height:var(--okd-breadcrumbs-lg-current-line-height)}.okui-breadcrumbs-lg .crumb-icon{font-size:var(--okd-breadcrumbs-lg-icon-font-size);margin-left:var(--okd-breadcrumbs-lg-icon-margin-right);margin-right:var(--okd-breadcrumbs-lg-icon-margin-left)}.theme-dark,.theme-light{--okd-breadcrumbs-primary-current-font-color:var(--okd-color-content-static-default);--okd-breadcrumbs-primary-icon-color:var(--okd-color-content-static-default);--okd-breadcrumbs-secondary-current-font-color:var(--okd-color-content-static-default);--okd-breadcrumbs-secondary-icon-color:var(--okd-color-content-static-subtle);--okd-breadcrumbs-common-current-font-weight:400;--okd-breadcrumbs-md-current-font-size:16px;--okd-breadcrumbs-md-current-line-height:24px;--okd-breadcrumbs-sm-current-font-size:14px;--okd-breadcrumbs-sm-current-line-height:24px;--okd-breadcrumbs-xs-current-font-size:12px;--okd-breadcrumbs-xs-current-line-height:24px;--okd-breadcrumbs-lg-current-font-size:18px;--okd-breadcrumbs-lg-current-line-height:24px;--okd-breadcrumbs-lg-icon-font-size:18px;--okd-breadcrumbs-lg-icon-margin-left:8px;--okd-breadcrumbs-lg-icon-margin-right:8px;--okd-breadcrumbs-md-icon-font-size:16px;--okd-breadcrumbs-md-icon-margin-left:8px;--okd-breadcrumbs-md-icon-margin-right:8px;--okd-breadcrumbs-sm-icon-font-size:14px;--okd-breadcrumbs-sm-icon-margin-left:8px;--okd-breadcrumbs-sm-icon-margin-right:8px;--okd-breadcrumbs-xs-icon-font-size:12px;--okd-breadcrumbs-xs-icon-margin-left:8px;--okd-breadcrumbs-xs-icon-margin-right:8px;--okd-breadcrumbs-reversed-current-font-color:var(--okd-color-content-static-inverse);--okd-breadcrumbs-reversed-icon-color:var(--okd-color-content-interactive-subtle);--okd-breadcrumbs-primary-default-font-color:var(--okd-color-content-interactive-subtle);--okd-breadcrumbs-secondary-default-font-color:var(--okd-color-content-static-subtle);--okd-breadcrumbs-reversed-default-font-color:var(--okd-color-content-interactive-subtle);--okd-breadcrumbs-primary-default-font-weight:400;--okd-breadcrumbs-secondary-default-font-weight:400;--okd-breadcrumbs-reversed-default-font-weight:400;--okd-breadcrumbs-primary-current-font-weight:500;--okd-breadcrumbs-secondary-current-font-weight:500;--okd-breadcrumbs-reversed-current-font-weight:500;--okd-breadcrumbs-primary-hover-font-weight:400;--okd-breadcrumbs-secondary-hover-font-weight:400;--okd-breadcrumbs-reversed-hover-font-weight:400}.theme-light{--okd-overflowscroll-icon-color:var(--okd-color-content-interactive-default);--okd-overflowscroll-icon-hover-color:var(--okd-color-global-alpha-inverse-30);--okd-overflowscroll-icon-bg-start-color:var(--okd-color-surface-structural-base);--okd-overflowscroll-icon-bg-end-color:hsla(0,0%,100%,.1);--okd-overflowscroll-reversed-icon-color:var(--okd-color-content-static-inverse);--okd-overflowscroll-reversed-icon-hover-color:var(--okd-color-global-alpha-matching-30);--okd-overflowscroll-reversed-icon-bg-start-color:var(--okd-color-surface-structural-inverse);--okd-overflowscroll-reversed-icon-bg-end-color:rgba(0,0,0,.1)}.theme-dark{--okd-overflowscroll-icon-color:var(--okd-color-content-interactive-default);--okd-overflowscroll-icon-hover-color:var(--okd-color-global-alpha-inverse-30);--okd-overflowscroll-icon-bg-start-color:var(--okd-color-surface-structural-base);--okd-overflowscroll-icon-bg-end-color:rgba(0,0,0,.1);--okd-overflowscroll-reversed-icon-color:var(--okd-color-content-static-inverse);--okd-overflowscroll-reversed-icon-hover-color:var(--okd-color-global-alpha-matching-30);--okd-overflowscroll-reversed-icon-bg-start-color:var(--okd-color-surface-structural-inverse);--okd-overflowscroll-reversed-icon-bg-end-color:hsla(0,0%,100%,.1)}.okui-overflow_scroll{--okd-inner-overflowscroll-nav-button-bg-color:var(--okd-overflowscroll-icon-bg-start-color,#fff);position:relative;width:100%}.okui-overflow_scroll-scroll{overflow-x:scroll;scroll-behavior:smooth;scrollbar-width:none;white-space:nowrap;width:100%}.okui-overflow_scroll-scroll::-webkit-scrollbar{display:none;height:0;width:0}.okui-overflow_scroll-scroll-children{display:flex;white-space:nowrap;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.okui-overflow_scroll-nav{cursor:pointer}.okui-overflow_scroll-nav-icon{align-items:center;background-image:linear-gradient(-270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,hsla(0,0%,100%,0) 100%);background-image:linear-gradient(-270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,var(--okd-overflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%);color:#929292;color:var(--okd-overflowscroll-icon-color,#929292);display:flex;height:100%;justify-content:center;position:absolute;top:0;visibility:visible;width:36px;z-index:9}.okui-overflow_scroll-nav-icon:hover{color:#3d3d3d;color:var(--okd-overflowscroll-icon-hover-color,#3d3d3d)}.okui-overflow_scroll-nav .icon-left{background-image:linear-gradient(270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,hsla(0,0%,100%,0) 100%);background-image:linear-gradient(270deg,var(--okd-inner-overflowscroll-nav-button-bg-color) 72.22%,var(--okd-overflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%);right:0}.okui-overflow_scroll-nav .icon-left-inner{transform:rotate(-180deg)}.okui-overflow_scroll-nav .icon-right{left:0}.okui-overflow_scroll-nav .icon-hide{visibility:hidden}.okui-overflow_scroll-right-alpha{background-image:linear-gradient(-90deg,hsla(0,0%,100%,0),#fff);background-image:linear-gradient(-90deg,var(--okd-overflowscroll-icon-bg-end-color,hsla(0,0%,100%,0)),var(--okd-overflowscroll-icon-bg-start-color,#fff));height:100%;left:0;pointer-events:none;position:absolute;top:0;width:20px;z-index:9}.okui-overflow_scroll-reversed .okui-overflow_scroll-nav-icon{background-image:linear-gradient(-270deg,var(--okd-color-gray-900) 72.22%,var(--okd-color-gray-900) 100%);background-image:linear-gradient(-270deg,var(--okd-overflowscroll-reversed-icon-bg-start-color,var(--okd-color-gray-900)) 72.22%,var(--okd-overflowscroll-reversed-icon-bg-end-color,var(--okd-color-gray-900)) 100%);color:#929292;color:var(--okd-overflowscroll-reversed-icon-color,#929292)}.okui-overflow_scroll-reversed .okui-overflow_scroll-nav-icon:hover{color:#e4e2e2;color:var(--okd-overflowscroll-reversed-icon-hover-color,#e4e2e2)}.okui-overflow_scroll-reversed .icon-left{background-image:linear-gradient(270deg,var(--okd-color-gray-900) 72.22%,var(--okd-color-gray-900) 100%);background-image:linear-gradient(270deg,var(--okd-overflowscroll-reversed-icon-bg-start-color,var(--okd-color-gray-900)) 72.22%,var(--okd-overflowscroll-reversed-icon-bg-end-color,var(--okd-color-gray-900)) 100%)}.theme-light{--okd-message-success-icon-color:var(--okd-color-content-success-default);--okd-message-info-icon-color:var(--okd-color-content-static-default);--okd-message-warn-icon-color:var(--okd-color-content-warning-default);--okd-message-error-icon-color:var(--okd-color-content-static-notification);--okd-message-title-color:var(--okd-color-content-static-default);--okd-message-text-color:var(--okd-color-content-static-default);--okd-message-action-confirm-btn-color:var(--okd-color-content-static-default);--okd-message-action-cancel-btn-color:var(--okd-color-content-static-default);--okd-message-box-close-icon-color:var(--okd-color-content-static-default);--okd-message-box-shadow:var(--okd-shadow-xl);--okd-message-box-background:var(--okd-color-surface-structural-elevated-contrast);--okd-message-box-border-color:var(--okd-color-border-static-default);--okd-message-box-border-radius:var(--okd-border-radius-md);--okd-message-box-padding:16px;--okd-message-box-each-margin:14px;--okd-message-box-max-width:700px;--okd-message-box-min-width:451px;--okd-message-box-auto-width-min-width:100px;--okd-message-box-icon-text-margin:15px;--okd-message-title-font-size:var(--okd-font-size-md);--okd-message-title-line-height:var(--okd-line-height-md);--okd-message-text-font-size:var(--okd-font-size-md);--okd-message-text-line-height:var(--okd-line-height-md);--okd-message-action-font-size:var(--okd-font-size-md);--okd-message-action-line-height:var(--okd-line-height-md);--okd-message-pending-icon-color:var(--okd-color-content-static-default)}.theme-dark{--okd-message-success-icon-color:var(--okd-color-content-success-default);--okd-message-info-icon-color:var(--okd-color-content-static-default);--okd-message-warn-icon-color:var(--okd-color-semantic-notice);--okd-message-error-icon-color:var(--okd-color-content-static-notification);--okd-message-title-color:var(--okd-color-content-primary);--okd-message-text-color:var(--okd-color-content-static-default);--okd-message-action-confirm-btn-color:var(--okd-color-content-primary);--okd-message-action-cancel-btn-color:var(--okd-color-content-primary);--okd-message-box-close-icon-color:var(--okd-color-content-static-default);--okd-message-box-shadow:var(--okd-shadow-xl);--okd-message-box-background:var(--okd-color-modal-tertiary);--okd-message-box-border-color:var(--okd-color-border-secondary);--okd-message-box-border-radius:var(--okd-border-radius-md);--okd-message-box-padding:16px;--okd-message-box-each-margin:14px;--okd-message-box-max-width:700px;--okd-message-box-min-width:451px;--okd-message-box-auto-width-min-width:100px;--okd-message-box-icon-text-margin:15px;--okd-message-title-font-size:var(--okd-font-size-md);--okd-message-title-line-height:var(--okd-line-height-md);--okd-message-text-font-size:var(--okd-font-size-md);--okd-message-text-line-height:var(--okd-line-height-md);--okd-message-action-font-size:var(--okd-font-size-md);--okd-message-action-line-height:var(--okd-line-height-md);--okd-message-pending-icon-color:var(--okd-color-content-primary)}.okui-neutralbutton-xxs{font-size:12px;font-size:var(--okd-neutralbutton-xxs-font-size,12px);font-weight:400;font-weight:var(--okd-neutralbutton-xxs-font-weight,400);line-height:16px;line-height:var(--okd-neutralbutton-xxs-line-height,16px);min-width:63px;min-width:var(--okd-neutralbutton-xxs-min-width,63px);padding:4px 12px;padding:var(--okd-neutralbutton-xxs-padding-vertical,4px) var(--okd-neutralbutton-xxs-padding-horizontal,12px)}.okui-neutralbutton-xxs .okui-neutralbutton-loader-circle{height:14px;height:var(--okd-neutralbutton-xxs-loader-width,14px);width:14px;width:var(--okd-neutralbutton-xxs-loader-width,14px)}.okui-neutralbutton-xxs .okui-neutralbutton-icon{font-size:14px;font-size:var(--okd-neutralbutton-xxs-icon-size,14px);font-weight:400;font-weight:var(--okd-neutralbutton-xxs-font-weight,400)}.okui-neutralbutton-xxs .okui-neutralbutton-icon-leading{margin-left:6px;margin-left:var(--okd-neutralbutton-xxs-icon-margin-right,6px)}.okui-neutralbutton-xxs .okui-neutralbutton-icon-tailing{margin-right:6px;margin-right:var(--okd-neutralbutton-xxs-icon-margin-right,6px)}.okui-neutralbutton-loading-text .okui-neutralbutton-loader{margin-left:var(--okd-neutralbutton-xxs-loader-margin-right,6px)}.okui-neutralbutton-xs{font-size:12px;font-size:var(--okd-neutralbutton-xs-font-size,12px);font-weight:400;font-weight:var(--okd-neutralbutton-xs-font-weight,400);line-height:16px;line-height:var(--okd-neutralbutton-xs-line-height,16px);min-width:63px;min-width:var(--okd-neutralbutton-xs-min-width,63px);padding:6px 12px;padding:var(--okd-neutralbutton-xs-padding-vertical,6px) var(--okd-neutralbutton-xs-padding-horizontal,12px)}.okui-neutralbutton-xs .okui-neutralbutton-loader-circle{height:14px;height:var(--okd-neutralbutton-xs-loader-width,14px);width:14px;width:var(--okd-neutralbutton-xs-loader-width,14px)}.okui-neutralbutton-xs .okui-neutralbutton-icon{font-size:14px;font-size:var(--okd-neutralbutton-xs-icon-size,14px);font-weight:400;font-weight:var(--okd-neutralbutton-xs-font-weight,400)}.okui-neutralbutton-xs .okui-neutralbutton-icon-leading{margin-left:6px;margin-left:var(--okd-neutralbutton-xs-icon-margin-right,6px)}.okui-neutralbutton-xs .okui-neutralbutton-icon-tailing{margin-right:6px;margin-right:var(--okd-neutralbutton-xs-icon-margin-right,6px)}.okui-neutralbutton-loading-text .okui-neutralbutton-loader{margin-left:var(--okd-neutralbutton-xs-loader-margin-right,6px)}.okui-neutralbutton-s{font-size:14px;font-size:var(--okd-neutralbutton-s-font-size,14px);font-weight:400;font-weight:var(--okd-neutralbutton-s-font-weight,400);line-height:16px;line-height:var(--okd-neutralbutton-s-line-height,16px);min-width:72px;min-width:var(--okd-neutralbutton-s-min-width,72px);padding:8px 12px;padding:var(--okd-neutralbutton-s-padding-vertical,8px) var(--okd-neutralbutton-s-padding-horizontal,12px)}.okui-neutralbutton-s .okui-neutralbutton-loader-circle{height:14px;height:var(--okd-neutralbutton-s-loader-width,14px);width:14px;width:var(--okd-neutralbutton-s-loader-width,14px)}.okui-neutralbutton-s .okui-neutralbutton-icon{font-size:14px;font-size:var(--okd-neutralbutton-s-icon-size,14px);font-weight:400;font-weight:var(--okd-neutralbutton-s-font-weight,400)}.okui-neutralbutton-s .okui-neutralbutton-icon-leading{margin-left:6px;margin-left:var(--okd-neutralbutton-s-icon-margin-right,6px)}.okui-neutralbutton-s .okui-neutralbutton-icon-tailing{margin-right:6px;margin-right:var(--okd-neutralbutton-s-icon-margin-right,6px)}.okui-neutralbutton-loading-text .okui-neutralbutton-loader{margin-left:var(--okd-neutralbutton-s-loader-margin-right,6px)}.okui-neutralbutton-sm{font-size:14px;font-size:var(--okd-neutralbutton-sm-font-size,14px);font-weight:400;font-weight:var(--okd-neutralbutton-sm-font-weight,400);line-height:16px;line-height:var(--okd-neutralbutton-sm-line-height,16px);min-width:81px;min-width:var(--okd-neutralbutton-sm-min-width,81px);padding:10px 16px;padding:var(--okd-neutralbutton-sm-padding-vertical,10px) var(--okd-neutralbutton-sm-padding-horizontal,16px)}.okui-neutralbutton-sm .okui-neutralbutton-loader-circle{height:16px;height:var(--okd-neutralbutton-sm-loader-width,16px);width:16px;width:var(--okd-neutralbutton-sm-loader-width,16px)}.okui-neutralbutton-sm .okui-neutralbutton-icon{font-size:16px;font-size:var(--okd-neutralbutton-sm-icon-size,16px);font-weight:400;font-weight:var(--okd-neutralbutton-sm-font-weight,400)}.okui-neutralbutton-sm .okui-neutralbutton-icon-leading{margin-left:6px;margin-left:var(--okd-neutralbutton-sm-icon-margin-right,6px)}.okui-neutralbutton-sm .okui-neutralbutton-icon-tailing{margin-right:6px;margin-right:var(--okd-neutralbutton-sm-icon-margin-right,6px)}.okui-neutralbutton-loading-text .okui-neutralbutton-loader{margin-left:var(--okd-neutralbutton-sm-loader-margin-right,6px)}.okui-neutralbutton-md{font-size:14px;font-size:var(--okd-neutralbutton-md-font-size,14px);font-weight:400;font-weight:var(--okd-neutralbutton-md-font-weight,400);line-height:16px;line-height:var(--okd-neutralbutton-md-line-height,16px);min-width:90px;min-width:var(--okd-neutralbutton-md-min-width,90px);padding:12px 16px;padding:var(--okd-neutralbutton-md-padding-vertical,12px) var(--okd-neutralbutton-md-padding-horizontal,16px)}.okui-neutralbutton-md .okui-neutralbutton-loader-circle{height:16px;height:var(--okd-neutralbutton-md-loader-width,16px);width:16px;width:var(--okd-neutralbutton-md-loader-width,16px)}.okui-neutralbutton-md .okui-neutralbutton-icon{font-size:16px;font-size:var(--okd-neutralbutton-md-icon-size,16px);font-weight:400;font-weight:var(--okd-neutralbutton-md-font-weight,400)}.okui-neutralbutton-md .okui-neutralbutton-icon-leading{margin-left:6px;margin-left:var(--okd-neutralbutton-md-icon-margin-right,6px)}.okui-neutralbutton-md .okui-neutralbutton-icon-tailing{margin-right:6px;margin-right:var(--okd-neutralbutton-md-icon-margin-right,6px)}.okui-neutralbutton-loading-text .okui-neutralbutton-loader{margin-left:6px;margin-left:var(--okd-neutralbutton-md-loader-margin-right,6px)}.okui-neutralbutton-lg{font-size:16px;font-size:var(--okd-neutralbutton-lg-font-size,16px);font-weight:500;font-weight:var(--okd-neutralbutton-lg-font-weight,500);line-height:20px;line-height:var(--okd-neutralbutton-lg-line-height,20px);min-width:108px;min-width:var(--okd-neutralbutton-lg-min-width,108px);padding:14px 24px;padding:var(--okd-neutralbutton-lg-padding-vertical,14px) var(--okd-neutralbutton-lg-padding-horizontal,24px)}.okui-neutralbutton-lg .okui-neutralbutton-loader-circle{height:20px;height:var(--okd-neutralbutton-lg-loader-width,20px);width:20px;width:var(--okd-neutralbutton-lg-loader-width,20px)}.okui-neutralbutton-lg .okui-neutralbutton-icon{font-size:20px;font-size:var(--okd-neutralbutton-lg-icon-size,20px);font-weight:500;font-weight:var(--okd-neutralbutton-lg-font-weight,500)}.okui-neutralbutton-lg .okui-neutralbutton-icon-leading{margin-left:8px;margin-left:var(--okd-neutralbutton-lg-icon-margin-right,8px)}.okui-neutralbutton-lg .okui-neutralbutton-icon-tailing{margin-right:8px;margin-right:var(--okd-neutralbutton-lg-icon-margin-right,8px)}.okui-neutralbutton-loading-text .okui-neutralbutton-loader{margin-left:var(--okd-neutralbutton-lg-loader-margin-right,8px)}.okui-neutralbutton-xl{font-size:18px;font-size:var(--okd-neutralbutton-xl-font-size,18px);font-weight:500;font-weight:var(--okd-neutralbutton-xl-font-weight,500);line-height:24px;line-height:var(--okd-neutralbutton-xl-line-height,24px);min-width:126px;min-width:var(--okd-neutralbutton-xl-min-width,126px);padding:16px 44px;padding:var(--okd-neutralbutton-xl-padding-vertical,16px) var(--okd-neutralbutton-xl-padding-horizontal,44px)}.okui-neutralbutton-xl .okui-neutralbutton-loader-circle{height:20px;height:var(--okd-neutralbutton-xl-loader-width,20px);width:20px;width:var(--okd-neutralbutton-xl-loader-width,20px)}.okui-neutralbutton-xl .okui-neutralbutton-icon{font-size:20px;font-size:var(--okd-neutralbutton-xl-icon-size,20px);font-weight:500;font-weight:var(--okd-neutralbutton-xl-font-weight,500)}.okui-neutralbutton-xl .okui-neutralbutton-icon-leading{margin-left:8px;margin-left:var(--okd-neutralbutton-xl-icon-margin-right,8px)}.okui-neutralbutton-xl .okui-neutralbutton-icon-tailing{margin-right:8px;margin-right:var(--okd-neutralbutton-xl-icon-margin-right,8px)}.okui-neutralbutton-loading-text .okui-neutralbutton-loader{margin-left:8px;margin-left:var(--okd-neutralbutton-xl-loader-margin-right,8px)}.okui-neutralbutton{align-items:center;background-color:var(--okd-color-surface-interactive-emphasis-default);background-color:var(--okd-neutralbutton-default-background,var(--okd-color-surface-interactive-emphasis-default));border-radius:50px;border-radius:var(--okd-neutralbutton-border-radius,50px);box-sizing:border-box;color:var(--okd-color-content-static-inverse);color:var(--okd-neutralbutton-default-color,var(--okd-color-content-static-inverse));cursor:pointer;display:inline-flex;justify-content:center;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-neutralbutton:focus-visible{border-radius:50px;border-radius:var(--okd-neutralbutton-border-radius,50px);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-neutralbutton.hover,.okui-neutralbutton:not(.okui-neutralbutton-disabled):not(.okui-neutralbutton-loading):hover{background-color:var(--okd-color-surface-interactive-emphasis-hovered);background-color:var(--okd-neutralbutton-hover-background,var(--okd-color-surface-interactive-emphasis-hovered))}.okui-neutralbutton.active,.okui-neutralbutton:not(.okui-neutralbutton-disabled):not(.okui-neutralbutton-loading):active{background-color:var(--okd-color-surface-interactive-emphasis-pressed);background-color:var(--okd-neutralbutton-active-background,var(--okd-color-surface-interactive-emphasis-pressed))}.okui-neutralbutton-disabled,.okui-neutralbutton.disabled{background-color:var(--okd-color-surface-interactive-disabled);background-color:var(--okd-neutralbutton-disabled-background,var(--okd-color-surface-interactive-disabled));color:var(--okd-color-content-interactive-disabled);color:var(--okd-neutralbutton-disabled-color,var(--okd-color-content-interactive-disabled));cursor:not-allowed}.okui-neutralbutton-loading,.okui-neutralbutton.loading{background-color:var(--okd-color-surface-interactive-emphasis-pressed);background-color:var(--okd-neutralbutton-loading-background,var(--okd-color-surface-interactive-emphasis-pressed));color:transparent}.okui-neutralbutton-loading .okui-neutralbutton-loader,.okui-neutralbutton.loading .okui-neutralbutton-loader{display:flex;position:absolute}.okui-neutralbutton-loading-text{background-color:var(--okd-color-surface-interactive-emphasis-pressed);background-color:var(--okd-neutralbutton-loading-background,var(--okd-color-surface-interactive-emphasis-pressed));display:flex}.okui-neutralbutton-block,.okui-neutralbutton.block{display:flex;width:100%}.okui-neutralbutton-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-neutralbutton-loader-circle{border-color:var(--okd-neutralbutton-loader-track-color,var(--okd-color-border-interactive-oncolor));border-top-color:var(--okd-neutralbutton-loader-mark-color,var(--okd-color-content-static-inverse));border-width:2px;border-width:var(--okd-neutralbutton-loader-border-width,2px)}.theme-light{--okd-neutralbutton-default-color:var(--okd-color-content-static-inverse);--okd-neutralbutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-neutralbutton-xxs-loader-width:14px;--okd-neutralbutton-xxs-loader-margin-right:6px;--okd-neutralbutton-xs-loader-width:14px;--okd-neutralbutton-xs-loader-margin-right:6px;--okd-neutralbutton-s-loader-width:14px;--okd-neutralbutton-s-loader-margin-right:6px;--okd-neutralbutton-sm-loader-width:16px;--okd-neutralbutton-sm-loader-margin-right:6px;--okd-neutralbutton-md-loader-width:16px;--okd-neutralbutton-md-loader-margin-right:6px;--okd-neutralbutton-lg-loader-width:20px;--okd-neutralbutton-lg-loader-margin-right:8px;--okd-neutralbutton-xl-loader-width:20px;--okd-neutralbutton-xl-loader-margin-right:8px;--okd-neutralbutton-xxs-font-size:12px;--okd-neutralbutton-xxs-line-height:16px;--okd-neutralbutton-xs-font-size:12px;--okd-neutralbutton-xs-line-height:16px;--okd-neutralbutton-s-font-size:14px;--okd-neutralbutton-s-line-height:16px;--okd-neutralbutton-sm-font-size:14px;--okd-neutralbutton-sm-line-height:16px;--okd-neutralbutton-md-font-size:14px;--okd-neutralbutton-md-line-height:16px;--okd-neutralbutton-lg-font-size:16px;--okd-neutralbutton-lg-line-height:20px;--okd-neutralbutton-xl-font-size:18px;--okd-neutralbutton-xl-line-height:24px;--okd-neutralbutton-xxs-padding-horizontal:12px;--okd-neutralbutton-xxs-padding-vertical:4px;--okd-neutralbutton-xs-padding-horizontal:12px;--okd-neutralbutton-xs-padding-vertical:6px;--okd-neutralbutton-s-padding-horizontal:12px;--okd-neutralbutton-s-padding-vertical:8px;--okd-neutralbutton-sm-padding-horizontal:16px;--okd-neutralbutton-sm-padding-vertical:10px;--okd-neutralbutton-md-padding-horizontal:16px;--okd-neutralbutton-md-padding-vertical:12px;--okd-neutralbutton-lg-padding-horizontal:24px;--okd-neutralbutton-lg-padding-vertical:14px;--okd-neutralbutton-xl-padding-horizontal:44px;--okd-neutralbutton-xl-padding-vertical:16px;--okd-neutralbutton-border-radius:50px;--okd-neutralbutton-default-background:var(--okd-color-surface-interactive-emphasis-default);--okd-neutralbutton-hover-background:var(--okd-color-surface-interactive-emphasis-hovered);--okd-neutralbutton-active-background:var(--okd-color-surface-interactive-emphasis-pressed);--okd-neutralbutton-loading-background:var(--okd-color-surface-interactive-emphasis-pressed);--okd-neutralbutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-neutralbutton-loader-track-color:hsla(0,0%,91%,.3);--okd-neutralbutton-loader-mark-color:var(--okd-color-border-interactive-oncolor);--okd-neutralbutton-loader-border-width:2px;--okd-neutralbutton-xs-min-width:63px;--okd-neutralbutton-s-min-width:72px;--okd-neutralbutton-sm-min-width:81px;--okd-neutralbutton-md-min-width:90px;--okd-neutralbutton-lg-min-width:108px;--okd-neutralbutton-xl-min-width:126px;--okd-neutralbutton-xxs-min-width:63px;--okd-neutralbutton-xxs-icon-size:14px;--okd-neutralbutton-xs-icon-size:14px;--okd-neutralbutton-s-icon-size:14px;--okd-neutralbutton-sm-icon-size:16px;--okd-neutralbutton-md-icon-size:16px;--okd-neutralbutton-lg-icon-size:20px;--okd-neutralbutton-xl-icon-size:20px;--okd-neutralbutton-xxs-icon-margin-right:6px;--okd-neutralbutton-xs-icon-margin-right:6px;--okd-neutralbutton-s-icon-margin-right:6px;--okd-neutralbutton-sm-icon-margin-right:6px;--okd-neutralbutton-md-icon-margin-right:6px;--okd-neutralbutton-lg-icon-margin-right:8px;--okd-neutralbutton-xl-icon-margin-right:8px}.theme-dark{--okd-neutralbutton-default-color:var(--okd-color-content-static-inverse);--okd-neutralbutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-neutralbutton-xxs-loader-width:14px;--okd-neutralbutton-xxs-loader-margin-right:6px;--okd-neutralbutton-xs-loader-width:14px;--okd-neutralbutton-xs-loader-margin-right:6px;--okd-neutralbutton-s-loader-width:14px;--okd-neutralbutton-s-loader-margin-right:6px;--okd-neutralbutton-sm-loader-width:16px;--okd-neutralbutton-sm-loader-margin-right:6px;--okd-neutralbutton-md-loader-width:16px;--okd-neutralbutton-md-loader-margin-right:6px;--okd-neutralbutton-lg-loader-width:20px;--okd-neutralbutton-lg-loader-margin-right:8px;--okd-neutralbutton-xl-loader-width:20px;--okd-neutralbutton-xl-loader-margin-right:8px;--okd-neutralbutton-xxs-font-size:12px;--okd-neutralbutton-xxs-line-height:16px;--okd-neutralbutton-xs-font-size:12px;--okd-neutralbutton-xs-line-height:16px;--okd-neutralbutton-s-font-size:14px;--okd-neutralbutton-s-line-height:16px;--okd-neutralbutton-sm-font-size:14px;--okd-neutralbutton-sm-line-height:16px;--okd-neutralbutton-md-font-size:14px;--okd-neutralbutton-md-line-height:16px;--okd-neutralbutton-lg-font-size:16px;--okd-neutralbutton-lg-line-height:20px;--okd-neutralbutton-xl-font-size:18px;--okd-neutralbutton-xl-line-height:24px;--okd-neutralbutton-xxs-padding-horizontal:12px;--okd-neutralbutton-xxs-padding-vertical:4px;--okd-neutralbutton-xs-padding-horizontal:12px;--okd-neutralbutton-xs-padding-vertical:6px;--okd-neutralbutton-s-padding-horizontal:12px;--okd-neutralbutton-s-padding-vertical:8px;--okd-neutralbutton-sm-padding-horizontal:16px;--okd-neutralbutton-sm-padding-vertical:10px;--okd-neutralbutton-md-padding-horizontal:16px;--okd-neutralbutton-md-padding-vertical:12px;--okd-neutralbutton-lg-padding-horizontal:24px;--okd-neutralbutton-lg-padding-vertical:14px;--okd-neutralbutton-xl-padding-horizontal:44px;--okd-neutralbutton-xl-padding-vertical:16px;--okd-neutralbutton-border-radius:50px;--okd-neutralbutton-default-background:var(--okd-color-surface-interactive-emphasis-default);--okd-neutralbutton-hover-background:var(--okd-color-surface-interactive-emphasis-hovered);--okd-neutralbutton-active-background:var(--okd-color-surface-interactive-emphasis-pressed);--okd-neutralbutton-loading-background:var(--okd-color-surface-interactive-emphasis-pressed);--okd-neutralbutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-neutralbutton-loader-track-color:rgba(44,44,44,.3);--okd-neutralbutton-loader-mark-color:var(--okd-color-border-interactive-oncolor);--okd-neutralbutton-loader-border-width:2px;--okd-neutralbutton-xs-min-width:63px;--okd-neutralbutton-s-min-width:72px;--okd-neutralbutton-sm-min-width:81px;--okd-neutralbutton-md-min-width:90px;--okd-neutralbutton-lg-min-width:108px;--okd-neutralbutton-xl-min-width:126px;--okd-neutralbutton-xxs-min-width:63px;--okd-neutralbutton-xxs-icon-size:14px;--okd-neutralbutton-xs-icon-size:14px;--okd-neutralbutton-s-icon-size:14px;--okd-neutralbutton-sm-icon-size:16px;--okd-neutralbutton-md-icon-size:16px;--okd-neutralbutton-lg-icon-size:20px;--okd-neutralbutton-xl-icon-size:20px;--okd-neutralbutton-xxs-icon-margin-right:6px;--okd-neutralbutton-xs-icon-margin-right:6px;--okd-neutralbutton-s-icon-margin-right:6px;--okd-neutralbutton-sm-icon-margin-right:6px;--okd-neutralbutton-md-icon-margin-right:6px;--okd-neutralbutton-lg-icon-margin-right:8px;--okd-neutralbutton-xl-icon-margin-right:8px}.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:left}.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-right:0}.okui-input-xl>.okui-input-box.no-padding-right{padding-left: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-right:0}.okui-input-lg>.okui-input-box.no-padding-right{padding-left: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-right:0}.okui-input-xs>.okui-input-box.no-padding-right{padding-left: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-right:0}.okui-input-sm>.okui-input-box.no-padding-right{padding-left: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-right:0}.okui-input-md>.okui-input-box.no-padding-right{padding-left: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-left: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:var(--okd-input-xl-icon-margin);margin-right:0}.okui-input-xl .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xl-icon-size);margin-left:0;margin-right:var(--okd-input-xl-icon-margin)}.okui-input-lg .okui-input-prefix .prefix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:var(--okd-input-lg-icon-margin);margin-right:0}.okui-input-lg .okui-input-suffix .suffix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:0;margin-right:var(--okd-input-lg-icon-margin)}.okui-input-xs .okui-input-prefix .prefix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:var(--okd-input-xs-icon-margin);margin-right:0}.okui-input-xs .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:0;margin-right:var(--okd-input-xs-icon-margin)}.okui-input-sm .okui-input-prefix .prefix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:var(--okd-input-sm-icon-margin);margin-right:0}.okui-input-sm .okui-input-suffix .suffix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:0;margin-right:var(--okd-input-sm-icon-margin)}.okui-input-md .okui-input-prefix .prefix-icon{font-size:var(--okd-input-md-icon-size);margin-left:var(--okd-input-md-icon-margin);margin-right:0}.okui-input-md .okui-input-suffix .suffix-icon{font-size:var(--okd-input-md-icon-size);margin-left:0;margin-right:var(--okd-input-md-icon-margin)}.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-left: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-light{--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)}.theme-dark{--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)}.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-right:4px;text-decoration:underline}.okui-popover-content-desc-button{color:var(--okd-popover-action-color);cursor:pointer;float:left;font-weight:500;margin-top:20px;overflow:hidden;padding:0 10px;text-align:left}.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)}.theme-light{--okd-popovermenu-container-min-width:112px;--okd-popovermenu-container-bg:var(--okd-color-surface-structural-elevated-contrast);--okd-popovermenu-container-border-color:var(--okd-color-border-static-default);--okd-popovermenu-container-shadow:0px 20px 40px 0px #00000033;--okd-popovermenu-container-border-size:1px;--okd-popovermenu-container-border-radius:24px;--okd-popovermenu-container-padding:8px;--okd-popovermenu-option-color:var(--okd-color-content-static-default);--okd-popovermenu-option-disabled-color:var(--okd-color-content-interactive-disabled);--okd-popovermenu-option-hover-bg-color:var(--okd-color-surface-interactive-hovered);--okd-popovermenu-option-active-bg-color:var(--okd-color-surface-structural-base);--okd-popovermenu-option-min-height:48px;--okd-popovermenu-option-padding:12px;--okd-popovermenu-option-border-radius:16px;--okd-popovermenu-option-margin-bottom:4px;--okd-popovermenu-option-font-size:16px;--okd-popovermenu-option-font-weight:400;--okd-popovermenu-option-line-height:20px;--okd-popovermenu-option-selected-font-weight:500;--okd-popovermenu-option-check-icon-font-size:24px;--okd-popovermenu-option-check-icon-margin-left:24px;--okd-popovermenu-group-title-color:var(--okd-color-content-static-default);--okd-popovermenu-group-title-font-size:14px;--okd-popovermenu-group-title-padding:12px;--okd-popovermenu-group-title-line-height:22px;--okd-popovermenu-divider-height:1px;--okd-popovermenu-divider-margin-vertical:8px;--okd-popovermenu-divider-bg-color:var(--okd-color-border-static-default)}.theme-dark{--okd-popovermenu-container-min-width:112px;--okd-popovermenu-container-bg:var(--okd-color-surface-structural-elevated-default);--okd-popovermenu-container-border-color:var(--okd-color-border-static-overlay);--okd-popovermenu-container-border-size:1px;--okd-popovermenu-container-border-radius:24px;--okd-popovermenu-container-padding:8px;--okd-popovermenu-option-color:var(--okd-color-content-static-default);--okd-popovermenu-option-disabled-color:var(--okd-color-content-interactive-disabled);--okd-popovermenu-option-hover-bg-color:var(--okd-color-surface-interactive-hovered);--okd-popovermenu-option-active-bg-color:var(--okd-color-surface-structural-elevated-default);--okd-popovermenu-option-min-height:48px;--okd-popovermenu-option-padding:12px;--okd-popovermenu-option-border-radius:16px;--okd-popovermenu-option-margin-bottom:4px;--okd-popovermenu-option-font-size:16px;--okd-popovermenu-option-font-weight:400;--okd-popovermenu-option-line-height:20px;--okd-popovermenu-option-selected-font-weight:500;--okd-popovermenu-option-check-icon-font-size:24px;--okd-popovermenu-option-check-icon-margin-left:24px;--okd-popovermenu-group-title-color:var(--okd-color-content-static-default);--okd-popovermenu-group-title-font-size:14px;--okd-popovermenu-group-title-padding:12px;--okd-popovermenu-group-title-line-height:22px;--okd-popovermenu-divider-height:1px;--okd-popovermenu-divider-margin-vertical:8px;--okd-popovermenu-divider-bg-color:var(--okd-color-border-static-default);--okd-popovermenu-container-shadow:0px 20px 40px 0px #00000033}.okui-popovermenu-icon{display:inline-block;transition:transform .2s linear}.okui-popovermenu-rotate{transform:rotate(-180deg)}.okui-popovermenu-layer{background:var(--okd-color-container-tertiary);background:var(--okd-popovermenu-container-bg,var(--okd-color-container-tertiary));border:var(--okd-popovermenu-container-border-size,1px) solid var(--okd-popovermenu-container-border-color,var(--okd-popovermenu-border-color));border-radius:24px;border-radius:var(--okd-popovermenu-container-border-radius,24px);box-shadow:0 20px 40px 0 #00000033;box-shadow:var(--okd-popovermenu-container-shadow,0 20px 40px 0 #00000033);padding:20px 0;padding:var(--okd-popovermenu-container-horizontal-padding,20px) 0}.okui-popovermenu-container{min-width:112px;min-width:var(--okd-popovermenu-container-min-width,112px);padding:0 8px;padding:0 var(--okd-popovermenu-container-padding,8px)}.okui-popovermenu-container .okui-popovermenu-option-check{font-size:24px;font-size:var(--okd-popovermenu-option-check-icon-font-size,24px);margin-right:24px;margin-right:var(--okd-popovermenu-option-check-icon-margin-left,24px)}.okui-popovermenu-divider{background-color:var(--okd-color-border-primary);background-color:var(--okd-popovermenu-divider-bg-color,var(--okd-color-border-primary));height:1px;height:var(--okd-popovermenu-divider-height,1px);margin:8px 0;margin:var(--okd-popovermenu-divider-margin-vertical,8px) 0}.okui-popovermenu-option{align-items:center;border-radius:16px;border-radius:var(--okd-popovermenu-option-border-radius,16px);box-sizing:border-box;color:var(--okd-color-content-primary);color:var(--okd-popovermenu-option-color,var(--okd-color-content-primary));cursor:pointer;display:flex;font-weight:400;font-weight:var(--okd-popovermenu-option-font-weight,400);justify-content:space-between;min-height:48px;min-height:var(--okd-popovermenu-option-min-height,48px);padding:12px;padding:var(--okd-popovermenu-option-padding,12px)}.okui-popovermenu-option:not(:last-child){margin-bottom:4px;margin-bottom:var(--okd-popovermenu-option-margin-bottom,4px)}.okui-popovermenu-option:not(.okui-popovermenu-option-disabled):hover{background-color:var(--okd-color-background-surface-secondary);background-color:var(--okd-popovermenu-option-hover-bg-color,var(--okd-color-background-surface-secondary))}.okui-popovermenu-option:not(.okui-popovermenu-option-disabled):active{background-color:var(--okd-color-background-surface-pressed);background-color:var(--okd-popovermenu-option-hover-bg-color,var(--okd-color-background-surface-pressed))}.okui-popovermenu-option-selected{font-weight:500;font-weight:var(--okd-popovermenu-option-selected-font-weight,500)}.okui-popovermenu-option-disabled{color:var(--okd-color-content-disabled);color:var(--okd-popovermenu-option-disabled-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-popovermenu-option-label{flex:1 1;font-size:16px;font-size:var(--okd-popovermenu-option-font-size,16px);line-height:20px;line-height:var(--okd-popovermenu-option-line-height,20px)}.okui-popovermenu-group-title{color:var(--okd-color-content-contrast);color:var(--okd-popovermenu-group-title-color,var(--okd-color-content-contrast));font-size:14px;font-size:var(--okd-popovermenu-group-title-font-size,14px);line-height:22px;line-height:var(--okd-popovermenu-group-title-line-height,22px);margin-bottom:4px;margin-bottom:var(--okd-popovermenu-option-margin-bottom,4px);padding:12px;padding:var(--okd-popovermenu-group-title-padding,12px)}