.okui-plain-button{color:inherit;cursor:pointer;font:inherit;text-align:inherit}.okui-plain-button.focus-visible{border-radius:4px;outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-plain-button:focus-visible{border-radius:4px;outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-plain-button[disabled]{cursor:not-allowed}.okui-plain-button-as-div{display:block;line-height:inherit;width:100%}.theme-light .okui-input-var,.theme-light.okui-input-var{--okd-input-default-text-color:var(--okd-color-content-static-default);--okd-input-default-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-default-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-default-caret-color:var(--okd-color-surface-structural-feature);--okd-input-default-shadow:0px 0px 0px 0px transparent;--okd-input-default-background:var(--okd-color-surface-interactive-default);--okd-input-hover-text-color:var(--okd-color-content-static-default);--okd-input-hover-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-hover-border-color:rgba(0,0,0,.32);--okd-input-hover-caret-color:var(--okd-color-surface-structural-feature);--okd-input-hover-shadow:0 0 0 0 transparent;--okd-input-hover-background:var(--okd-color-surface-interactive-default);--okd-input-focus-text-color:var(--okd-color-content-static-default);--okd-input-focus-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-focus-border-color:var(--okd-color-border-interactive-focused);--okd-input-focus-caret-color:var(--okd-color-surface-structural-feature);--okd-input-focus-shadow:0px 0px 0px 0px transparent;--okd-input-focus-background:var(--okd-color-surface-interactive-default);--okd-input-disabled-text-color:var(--okd-color-content-interactive-disabled);--okd-input-disabled-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-disabled-border-color:var(--okd-color-surface-interactive-disabled);--okd-input-disabled-caret-color:var(--okd-color-surface-structural-feature);--okd-input-disabled-shadow:0 0 0 0 transparent;--okd-input-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-input-error-text-color:var(--okd-color-content-static-default);--okd-input-error-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-error-border-color:var(--okd-color-border-interactive-error);--okd-input-error-caret-color:var(--okd-color-surface-structural-feature);--okd-input-error-shadow:var(--okd-shadow-sm);--okd-input-error-background:var(--okd-color-surface-interactive-default);--okd-input-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-tips-text-color:var(--okd-color-content-static-subtle);--okd-input-icon-color:var(--okd-color-content-interactive-subtle);--okd-input-label-color:var(--okd-color-content-primary);--okd-input-action-color:var(--okd-color-content-primary);--okd-input-md-label-font-size:var(--okd-font-size-md);--okd-input-sm-label-font-size:var(--okd-font-size-xs);--okd-input-xs-label-font-size:var(--okd-font-size-xs);--okd-input-md-label-line-height:var(--okd-line-height-md);--okd-input-sm-label-line-height:var(--okd-line-height-xs);--okd-input-xs-label-line-height:var(--okd-line-height-xs);--okd-input-md-action-font-size:var(--okd-font-size-md);--okd-input-sm-action-font-size:var(--okd-font-size-xs);--okd-input-xs-action-font-size:var(--okd-font-size-xs);--okd-input-md-action-line-height:var(--okd-line-height-md);--okd-input-sm-action-line-height:var(--okd-line-height-xs);--okd-input-xs-action-line-height:var(--okd-line-height-xs);--okd-input-md-height:40px;--okd-input-md-text-font-size:var(--okd-font-size-md);--okd-input-md-border-radius:8px;--okd-input-md-error-font-size:14px;--okd-input-md-error-line-height:16px;--okd-input-md-tip-font-size:14px;--okd-input-md-tip-line-height:16px;--okd-input-md-icon-size:20px;--okd-input-md-icon-margin:6px;--okd-input-sm-height:32px;--okd-input-sm-text-font-size:12px;--okd-input-sm-border-radius:8px;--okd-input-sm-error-font-size:var(--okd-font-size-xs);--okd-input-sm-error-line-height:var(--okd-line-height-xs);--okd-input-sm-tip-font-size:var(--okd-font-size-xs);--okd-input-sm-tip-line-height:var(--okd-line-height-xs);--okd-input-sm-icon-size:16px;--okd-input-sm-icon-margin:4px;--okd-input-xs-height:28px;--okd-input-xs-text-font-size:var(--okd-font-size-xs);--okd-input-xs-border-radius:8px;--okd-input-xs-error-font-size:var(--okd-font-size-xs);--okd-input-xs-error-line-height:var(--okd-line-height-xs);--okd-input-xs-tip-font-size:var(--okd-font-size-xs);--okd-input-xs-tip-line-height:var(--okd-line-height-xs);--okd-input-xs-icon-size:16px;--okd-input-xs-icon-margin:4px;--okd-input-number-default-add-icon-color:var(--okd-color-content-static-placeholder);--okd-input-number-default-add-icon-background:hsla(0,0%,100%,0);--okd-input-number-hover-add-icon-color:var(--okd-color-content-static-default);--okd-input-number-hover-add-icon-background:var(--okd-color-surface-interactive-default);--okd-input-number-active-add-icon-color:#bdbdbd;--okd-input-number-active-add-icon-background:#ebebeb;--okd-input-number-disabled-add-icon-color:var(--okd-color-content-interactive-disabled);--okd-input-number-disabled-add-icon-background:var(--okd-color-surface-interactive-disabled);--okd-input-code-common-btn-color:var(--okd-color-surface-interactive-default);--okd-input-code-common-btn-disabled-color:var(--okd-color-surface-interactive-disabled);--okd-input-code-common-count-color:var(--okd-color-global-alpha-inverse-30);--okd-input-code-md-btn-font-size:var(--okd-font-size-md);--okd-input-code-md-btn-line-height:var(--okd-line-height-md);--okd-input-code-md-count-font-size:var(--okd-font-size-md);--okd-input-code-md-count-line-height:var(--okd-line-height-md);--okd-input-code-sm-btn-font-size:var(--okd-font-size-xs);--okd-input-code-sm-btn-line-height:var(--okd-line-height-xs);--okd-input-code-sm-count-font-size:var(--okd-font-size-xs);--okd-input-code-sm-count-line-height:var(--okd-line-height-xs);--okd-input-code-xs-btn-font-size:var(--okd-font-size-xs);--okd-input-code-xs-btn-line-height:var(--okd-line-height-xs);--okd-input-code-xs-count-font-size:var(--okd-font-size-xs);--okd-input-code-xs-count-line-height:var(--okd-line-height-xs);--okd-input-search-default-text-color:var(--okd-color-content-static-default);--okd-input-search-default-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-default-border-color:rgba(0,0,0,.32);--okd-input-search-default-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-default-shadow:0px 0px 0px 0px transparent;--okd-input-search-default-background:var(--okd-color-surface-interactive-default);--okd-input-search-hover-text-color:var(--okd-color-content-interactive-hovered);--okd-input-search-hover-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-hover-border-color:rgba(0,0,0,.32);--okd-input-search-hover-caret-color:var(--okd-color-content-static-default);--okd-input-search-hover-shadow:0px 0px 0px 0px rgba(0,0,0,.102);--okd-input-search-hover-background:var(--okd-color-surface-interactive-hovered);--okd-input-search-focus-text-color:var(--okd-color-content-static-default);--okd-input-search-focus-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-focus-border-color:var(--okd-color-border-interactive-focused);--okd-input-search-focus-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-focus-shadow:0px 0px 0px 0px transparent;--okd-input-search-focus-background:var(--okd-color-surface-interactive-default);--okd-input-search-error-text-color:var(--okd-color-content-static-default);--okd-input-search-error-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-error-border-color:var(--okd-color-border-interactive-error);--okd-input-search-error-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-error-shadow:0 1px 2px 0 rgba(0,0,0,.051);--okd-input-search-error-background:var(--okd-color-surface-interactive-default);--okd-input-search-disabled-text-color:var(--okd-color-content-interactive-disabled);--okd-input-search-disabled-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-disabled-border-color:rgba(0,0,0,.32);--okd-input-search-disabled-caret-color:var(--okd-color-content-interactive-disabled);--okd-input-search-disabled-shadow:0px 0px 0px 0px transparent;--okd-input-search-disabled-background:#f3f3f3;--okd-input-search-prefix-icon-color:var(--okd-color-content-contrast);--okd-input-search-prefix-icon-size:16px;--okd-input-search-suffix-icon-color:var(--okd-color-content-interactive-subtle);--okd-input-search-suffix-icon-size:13px;--okd-input-search-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-verify-md-width:40px;--okd-input-verify-md-height:44px;--okd-input-lg-height:44px;--okd-input-lg-border-radius:8px;--okd-input-lg-label-font-size:14px;--okd-input-lg-label-line-height:20px;--okd-input-lg-label-margin:8px;--okd-input-lg-action-font-size:14px;--okd-input-lg-action-line-height:20px;--okd-input-lg-text-font-size:14px;--okd-input-lg-error-font-size:14px;--okd-input-lg-error-line-height:16px;--okd-input-lg-tip-margin:4px;--okd-input-lg-tip-font-size:14px;--okd-input-lg-tip-line-height:16px;--okd-input-md-label-margin:8px;--okd-input-md-tip-margin:4px;--okd-input-sm-label-margin:8px;--okd-input-sm-tip-margin:4px;--okd-input-xs-label-margin:8px;--okd-input-xs-tip-margin:4px;--okd-input-xl-height:48px;--okd-input-xl-text-font-size:16px;--okd-input-xl-border-radius:8px;--okd-input-lg-icon-size:20px;--okd-input-lg-icon-margin:8px;--okd-input-xl-label-line-height:20px;--okd-input-xl-icon-size:20px;--okd-input-xl-icon-margin:12px;--okd-input-xl-error-font-size:14px;--okd-input-xl-error-line-height:16px;--okd-input-xl-action-font-size:14px;--okd-input-xl-action-line-height:20px;--okd-input-xl-label-margin:8px;--okd-input-xl-label-font-size:14px;--okd-input-xl-tip-font-size:14px;--okd-input-xl-tip-margin:6px;--okd-input-xl-tip-line-height:16px;--okd-input-verify-xl-height:px;--okd-input-verify-xl-width:px;--okd-input-xs-padding-horizontal:8px;--okd-input-sm-padding-horizontal:8px;--okd-input-md-padding-horizontal:8px;--okd-input-lg-padding-horizontal:12px;--okd-input-xl-padding-horizontal:12px;--okd-input-reversed-default-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-default-placeholder-color:var(--okd-color-global-alpha-matching-40);--okd-input-reversed-default-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-reversed-default-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-default-shadow:0 0 0 0 transparent;--okd-input-reversed-default-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-hover-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-hover-placeholder-color:hsla(0,0%,100%,0);--okd-input-reversed-hover-border-color:var(--okd-color-border-interactive-default);--okd-input-reversed-hover-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-hover-shadow:0px 0px 0px 0px transparent;--okd-input-reversed-hover-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-focus-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-focus-placeholder-color:hsla(0,0%,100%,0);--okd-input-reversed-focus-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-reversed-focus-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-focus-shadow:0px 0px 0px 0px hsla(0,0%,100%,0);--okd-input-reversed-focus-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-disabled-text-color:var(--okd-color-global-alpha-matching-30);--okd-input-reversed-disabled-placeholder-color:hsla(0,0%,100%,0);--okd-input-reversed-disabled-border-color:var(--okd-color-global-alpha-matching-30);--okd-input-reversed-disabled-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-disabled-shadow:0 0 0 0 transparent;--okd-input-reversed-disabled-background:var(--okd-color-content-interactive-disabled);--okd-input-reversed-error-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-error-placeholder-color:hsla(0,0%,100%,0);--okd-input-reversed-error-border-color:var(--okd-color-border-interactive-error);--okd-input-reversed-error-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-error-shadow:0 0 0 0 transparent;--okd-input-reversed-error-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-reversed-tips-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-icon-color:var(--okd-color-content-illustration-inverse);--okd-input-reversed-label-color:var(--okd-color-content-static-inverse);--okd-input-reversed-action-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-default-add-icon-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-default-add-icon-background:hsla(0,0%,100%,0);--okd-input-number-reversed-hover-add-icon-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-hover-add-icon-background:var(--okd-color-surface-interactive-oncolor-hovered);--okd-input-number-reversed-active-add-icon-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-active-add-icon-background:hsla(0,0%,100%,0);--okd-input-number-reversed-disabled-add-icon-color:var(--okd-color-content-interactive-disabled);--okd-input-number-reversed-disabled-add-icon-background:hsla(0,0%,100%,0);--okd-input-code-reversed-common-btn-color:var(--okd-color-content-static-inverse);--okd-input-code-reversed-common-btn-disabled-color:var(--okd-color-content-interactive-disabled);--okd-input-code-reversed-common-count-color:var(--okd-color-content-static-subtler);--okd-input-search-reversed-default-text-color:var(--okd-color-content-static-inverse);--okd-input-search-reversed-default-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-reversed-default-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-search-reversed-default-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-default-shadow:0px 0px 0px 0px hsla(0,0%,98%,.102);--okd-input-search-reversed-default-background:var(--okd-color-surface-structural-inverse);--okd-input-search-reversed-hover-text-color:var(--okd-color-content-static-inverse);--okd-input-search-reversed-hover-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-reversed-hover-border-color:transparent;--okd-input-search-reversed-hover-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-hover-shadow:0px 0px 0px 2px hsla(0,0%,98%,.102);--okd-input-search-reversed-hover-background:var(--okd-color-content-interactive-hovered);--okd-input-search-reversed-focus-text-color:#fff;--okd-input-search-reversed-focus-placeholder-color:#3d3d3d;--okd-input-search-reversed-focus-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-search-reversed-focus-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-focus-shadow:0 0 0 0 transparent;--okd-input-search-reversed-focus-background:var(--okd-color-surface-structural-inverse);--okd-input-search-reversed-error-text-color:var(--okd-color-content-static-inverse);--okd-input-search-reversed-error-placeholder-color:#3d3d3d;--okd-input-search-reversed-error-border-color:var(--okd-color-border-interactive-error);--okd-input-search-reversed-error-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-error-shadow:0 0 0 0 transparent;--okd-input-search-reversed-error-background:var(--okd-color-surface-structural-inverse);--okd-input-search-reversed-disabled-text-color:#6e6e6e;--okd-input-search-reversed-disabled-placeholder-color:#3d3d3d;--okd-input-search-reversed-disabled-border-color:transparent;--okd-input-search-reversed-disabled-caret-color:transparent;--okd-input-search-reversed-disabled-shadow:0 0 0 0 transparent;--okd-input-search-reversed-disabled-background:#1a1a1a;--okd-input-search-reversed-prefix-icon-color:#bdbdbd;--okd-input-search-reversed-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-search-suffix-icon-hover-color:var(--okd-color-content-interactive-hovered);--okd-input-verify-xl-border-radius:8pxpx;--okd-input-code-xl-btn-font-size:12px;--okd-input-number-suffix-border-color:var(--okd-color-border-static-subtle);--okd-input-verify-md-border-radius:6px;--okd-input-verify-md-text-font-size:26px;--okd-input-verify-md-margin:8px;--okd-input-readonly-text-color:var(--okd-color-content-static-default);--okd-input-readonly-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-readonly-border-color:var(--okd-color-border-static-subtle);--okd-input-readonly-caret-color:var(--okd-color-surface-structural-feature);--okd-input-readonly-shadow:var(--okd-input-default-shadow);--okd-input-readonly-background:hsla(0,0%,100%,0)}.theme-dark .okui-input-var,.theme-dark.okui-input-var{--okd-input-default-text-color:var(--okd-color-content-static-default);--okd-input-default-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-default-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-default-caret-color:var(--okd-color-surface-structural-feature);--okd-input-default-shadow:0px 0px 0px 0px transparent;--okd-input-default-background:var(--okd-color-surface-interactive-default);--okd-input-hover-text-color:var(--okd-color-content-static-default);--okd-input-hover-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-hover-border-color:hsla(0,0%,100%,.4);--okd-input-hover-caret-color:var(--okd-color-surface-structural-feature);--okd-input-hover-shadow:0px 0px 0px 0px hsla(0,0%,98%,.2);--okd-input-hover-background:var(--okd-color-surface-interactive-default);--okd-input-focus-text-color:var(--okd-color-content-static-default);--okd-input-focus-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-focus-border-color:var(--okd-color-border-interactive-focused);--okd-input-focus-caret-color:var(--okd-color-surface-structural-feature);--okd-input-focus-shadow:0px 0px 0px 0px transparent;--okd-input-focus-background:var(--okd-color-surface-interactive-default);--okd-input-disabled-text-color:var(--okd-color-content-interactive-disabled);--okd-input-disabled-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-disabled-border-color:var(--okd-color-surface-interactive-disabled);--okd-input-disabled-caret-color:var(--okd-color-surface-structural-feature);--okd-input-disabled-shadow:var(--okd-shadow-sm);--okd-input-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-input-error-text-color:var(--okd-color-content-static-default);--okd-input-error-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-error-border-color:var(--okd-color-border-interactive-error);--okd-input-error-caret-color:var(--okd-color-surface-structural-feature);--okd-input-error-shadow:var(--okd-shadow-sm);--okd-input-error-background:var(--okd-color-surface-interactive-default);--okd-input-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-tips-text-color:var(--okd-color-content-static-subtle);--okd-input-icon-color:var(--okd-color-content-interactive-subtle);--okd-input-label-color:var(--okd-color-content-primary);--okd-input-action-color:var(--okd-color-content-primary);--okd-input-md-label-font-size:var(--okd-font-size-md);--okd-input-sm-label-font-size:var(--okd-font-size-xs);--okd-input-xs-label-font-size:var(--okd-font-size-xs);--okd-input-md-label-line-height:20px;--okd-input-sm-label-line-height:var(--okd-line-height-xs);--okd-input-xs-label-line-height:var(--okd-line-height-xs);--okd-input-md-action-font-size:var(--okd-font-size-md);--okd-input-sm-action-font-size:var(--okd-font-size-xs);--okd-input-xs-action-font-size:var(--okd-font-size-xs);--okd-input-md-action-line-height:20px;--okd-input-sm-action-line-height:var(--okd-line-height-xs);--okd-input-xs-action-line-height:var(--okd-line-height-xs);--okd-input-md-height:40px;--okd-input-md-text-font-size:var(--okd-font-size-md);--okd-input-md-border-radius:8px;--okd-input-md-error-font-size:14px;--okd-input-md-error-line-height:16px;--okd-input-md-tip-font-size:14px;--okd-input-md-tip-line-height:16px;--okd-input-md-icon-size:20px;--okd-input-md-icon-margin:6px;--okd-input-sm-height:32px;--okd-input-sm-text-font-size:var(--okd-font-size-xs);--okd-input-sm-border-radius:8px;--okd-input-sm-error-font-size:var(--okd-font-size-xs);--okd-input-sm-error-line-height:var(--okd-line-height-xs);--okd-input-sm-tip-font-size:var(--okd-font-size-xs);--okd-input-sm-tip-line-height:var(--okd-line-height-xs);--okd-input-sm-icon-size:16px;--okd-input-sm-icon-margin:4px;--okd-input-xs-height:28px;--okd-input-xs-text-font-size:var(--okd-font-size-xs);--okd-input-xs-border-radius:8px;--okd-input-xs-error-font-size:var(--okd-font-size-xs);--okd-input-xs-error-line-height:var(--okd-line-height-xs);--okd-input-xs-tip-font-size:var(--okd-font-size-xs);--okd-input-xs-tip-line-height:var(--okd-line-height-xs);--okd-input-xs-icon-size:16px;--okd-input-xs-icon-margin:4px;--okd-input-number-default-add-icon-color:var(--okd-color-content-static-placeholder);--okd-input-number-default-add-icon-background:transparent;--okd-input-number-hover-add-icon-color:var(--okd-color-content-static-default);--okd-input-number-hover-add-icon-background:var(--okd-color-surface-interactive-default);--okd-input-number-active-add-icon-color:#e3e3e3;--okd-input-number-active-add-icon-background:#404040;--okd-input-number-disabled-add-icon-color:var(--okd-color-content-interactive-disabled);--okd-input-number-disabled-add-icon-background:var(--okd-color-surface-interactive-disabled);--okd-input-code-common-btn-color:var(--okd-color-surface-interactive-default);--okd-input-code-common-btn-disabled-color:var(--okd-color-surface-interactive-disabled);--okd-input-code-common-count-color:var(--okd-color-global-alpha-inverse-30);--okd-input-code-md-btn-font-size:var(--okd-font-size-md);--okd-input-code-md-btn-line-height:var(--okd-line-height-md);--okd-input-code-md-count-font-size:var(--okd-font-size-md);--okd-input-code-md-count-line-height:var(--okd-line-height-md);--okd-input-code-sm-btn-font-size:var(--okd-font-size-xs);--okd-input-code-sm-btn-line-height:var(--okd-line-height-xs);--okd-input-code-sm-count-font-size:var(--okd-font-size-xs);--okd-input-code-sm-count-line-height:var(--okd-line-height-xs);--okd-input-code-xs-btn-font-size:var(--okd-font-size-xs);--okd-input-code-xs-btn-line-height:var(--okd-line-height-xs);--okd-input-code-xs-count-font-size:var(--okd-font-size-xs);--okd-input-code-xs-count-line-height:var(--okd-line-height-xs);--okd-input-search-default-text-color:var(--okd-color-content-static-default);--okd-input-search-default-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-default-border-color:hsla(0,0%,100%,.4);--okd-input-search-default-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-default-shadow:0px 0px 0px 0px transparent;--okd-input-search-default-background:var(--okd-color-surface-interactive-default);--okd-input-search-hover-text-color:var(--okd-color-content-interactive-hovered);--okd-input-search-hover-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-hover-border-color:hsla(0,0%,100%,.4);--okd-input-search-hover-caret-color:var(--okd-color-content-static-default);--okd-input-search-hover-shadow:0px 0px 0px 0px rgba(0,0,0,.102);--okd-input-search-hover-background:var(--okd-color-surface-interactive-hovered);--okd-input-search-focus-text-color:var(--okd-color-content-static-default);--okd-input-search-focus-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-focus-border-color:var(--okd-color-border-interactive-focused);--okd-input-search-focus-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-focus-shadow:0px 0px 0px 0px transparent;--okd-input-search-focus-background:var(--okd-color-surface-interactive-default);--okd-input-search-error-text-color:var(--okd-color-content-static-default);--okd-input-search-error-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-error-border-color:var(--okd-color-border-interactive-error);--okd-input-search-error-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-error-shadow:0 1px 2px 0 rgba(0,0,0,.051);--okd-input-search-error-background:var(--okd-color-surface-interactive-default);--okd-input-search-disabled-text-color:var(--okd-color-content-interactive-disabled);--okd-input-search-disabled-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-disabled-border-color:hsla(0,0%,100%,.4);--okd-input-search-disabled-caret-color:var(--okd-color-content-interactive-disabled);--okd-input-search-disabled-shadow:0px 0px 0px 0px rgba(0,0,0,.051);--okd-input-search-disabled-background:#1d1d1d;--okd-input-search-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-search-suffix-icon-size:13px;--okd-input-search-suffix-icon-color:var(--okd-color-content-interactive-subtle);--okd-input-search-prefix-icon-color:var(--okd-color-content-contrast);--okd-input-search-prefix-icon-size:20px;--okd-input-verify-md-width:40px;--okd-input-verify-md-height:44px;--okd-input-lg-label-font-size:14px;--okd-input-lg-label-line-height:20px;--okd-input-lg-label-margin:8px;--okd-input-lg-action-font-size:14px;--okd-input-lg-action-line-height:20px;--okd-input-lg-tip-font-size:14px;--okd-input-lg-tip-line-height:16px;--okd-input-lg-tip-margin:6px;--okd-input-lg-error-font-size:14px;--okd-input-lg-error-line-height:16px;--okd-input-lg-height:44px;--okd-input-lg-text-font-size:14px;--okd-input-lg-border-radius:8px;--okd-input-md-label-margin:8px;--okd-input-md-tip-margin:4px;--okd-input-sm-label-margin:8px;--okd-input-sm-tip-margin:4px;--okd-input-xs-label-margin:8px;--okd-input-xs-tip-margin:4px;--okd-input-lg-icon-size:20px;--okd-input-lg-icon-margin:8px;--okd-input-xl-label-line-height:20px;--okd-input-xl-label-font-size:14px;--okd-input-xl-label-margin:8px;--okd-input-xl-action-line-height:20px;--okd-input-xl-action-font-size:14px;--okd-input-xl-tip-font-size:14px;--okd-input-xl-tip-line-height:16px;--okd-input-xl-tip-margin:6px;--okd-input-xl-error-font-size:14px;--okd-input-xl-error-line-height:16px;--okd-input-xl-icon-size:20px;--okd-input-xl-icon-margin:8px;--okd-input-xl-height:48px;--okd-input-xl-text-font-size:16px;--okd-input-xl-border-radius:8px;--okd-input-verify-xl-height:px;--okd-input-verify-xl-width:px;--okd-input-xs-padding-horizontal:8px;--okd-input-sm-padding-horizontal:8px;--okd-input-md-padding-horizontal:8px;--okd-input-lg-padding-horizontal:12px;--okd-input-xl-padding-horizontal:12px;--okd-input-reversed-default-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-default-placeholder-color:var(--okd-color-global-alpha-matching-40);--okd-input-reversed-default-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-reversed-default-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-default-shadow:0 0 0 0 transparent;--okd-input-reversed-default-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-hover-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-hover-placeholder-color:transparent;--okd-input-reversed-hover-border-color:var(--okd-color-border-interactive-default);--okd-input-reversed-hover-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-hover-shadow:0 0 0 0 transparent;--okd-input-reversed-hover-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-focus-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-focus-placeholder-color:transparent;--okd-input-reversed-focus-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-reversed-focus-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-focus-shadow:0px 0px 0px 0px hsla(0,0%,100%,0);--okd-input-reversed-focus-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-disabled-text-color:var(--okd-color-global-alpha-matching-30);--okd-input-reversed-disabled-placeholder-color:transparent;--okd-input-reversed-disabled-border-color:var(--okd-color-global-alpha-matching-30);--okd-input-reversed-disabled-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-disabled-shadow:0 0 0 0 transparent;--okd-input-reversed-disabled-background:var(--okd-color-content-interactive-disabled);--okd-input-reversed-error-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-error-placeholder-color:transparent;--okd-input-reversed-error-border-color:var(--okd-color-border-interactive-error);--okd-input-reversed-error-caret-color:var(--okd-color-surface-structural-feature);--okd-input-reversed-error-shadow:0 0 0 0 transparent;--okd-input-reversed-error-background:var(--okd-color-surface-structural-inverse);--okd-input-reversed-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-reversed-tips-text-color:var(--okd-color-content-static-inverse);--okd-input-reversed-icon-color:var(--okd-color-content-illustration-inverse);--okd-input-reversed-label-color:var(--okd-color-content-static-inverse);--okd-input-reversed-action-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-default-add-icon-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-default-add-icon-background:transparent;--okd-input-number-reversed-hover-add-icon-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-hover-add-icon-background:var(--okd-color-surface-interactive-oncolor-hovered);--okd-input-number-reversed-active-add-icon-color:var(--okd-color-content-static-inverse);--okd-input-number-reversed-active-add-icon-background:transparent;--okd-input-number-reversed-disabled-add-icon-color:var(--okd-color-content-interactive-disabled);--okd-input-number-reversed-disabled-add-icon-background:transparent;--okd-input-code-reversed-common-btn-color:var(--okd-color-border-interactive-oncolor);--okd-input-code-reversed-common-btn-disabled-color:var(--okd-color-content-interactive-disabled);--okd-input-code-reversed-common-count-color:var(--okd-color-content-static-subtler);--okd-input-search-reversed-default-text-color:var(--okd-color-content-static-inverse);--okd-input-search-reversed-default-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-reversed-default-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-search-reversed-default-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-default-shadow:0 0 0 0 transparent;--okd-input-search-reversed-default-background:var(--okd-color-surface-structural-inverse);--okd-input-search-reversed-hover-text-color:var(--okd-color-content-static-inverse);--okd-input-search-reversed-hover-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-search-reversed-hover-border-color:var(--okd-color-transparent-white);--okd-input-search-reversed-hover-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-hover-shadow:0px 0px 0px 0px hsla(0,0%,7%,.102);--okd-input-search-reversed-hover-background:var(--okd-color-content-interactive-hovered);--okd-input-search-reversed-focus-text-color:#000;--okd-input-search-reversed-focus-placeholder-color:#ccc;--okd-input-search-reversed-focus-border-color:var(--okd-color-border-interactive-oncolor);--okd-input-search-reversed-focus-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-focus-shadow:0px 0px 0px 0px hsla(0,0%,7%,.102);--okd-input-search-reversed-focus-background:var(--okd-color-surface-structural-inverse);--okd-input-search-reversed-error-text-color:var(--okd-color-content-static-inverse);--okd-input-search-reversed-error-placeholder-color:#ccc;--okd-input-search-reversed-error-border-color:var(--okd-color-border-interactive-error);--okd-input-search-reversed-error-caret-color:var(--okd-color-content-interactive-selected);--okd-input-search-reversed-error-shadow:0 0 0 0 transparent;--okd-input-search-reversed-error-background:var(--okd-color-surface-structural-inverse);--okd-input-search-reversed-disabled-text-color:#000;--okd-input-search-reversed-disabled-placeholder-color:#ccc;--okd-input-search-reversed-disabled-border-color:transparent;--okd-input-search-reversed-disabled-caret-color:transparent;--okd-input-search-reversed-disabled-shadow:0 0 0 0 transparent;--okd-input-search-reversed-disabled-background:#f0f0f0;--okd-input-search-reversed-prefix-icon-color:#6c6c6c;--okd-input-search-reversed-error-tips-color:var(--okd-color-content-interactive-error);--okd-input-search-suffix-icon-hover-color:var(--okd-color-content-interactive-hovered);--okd-input-verify-xl-border-radius:8px;--okd-input-code-xl-btn-font-size:12px;--okd-input-number-suffix-border-color:var(--okd-color-border-static-subtle);--okd-input-verify-md-border-radius:6px;--okd-input-verify-md-text-font-size:26px;--okd-input-verify-md-margin:8px;--okd-input-readonly-text-color:var(--okd-color-content-static-default);--okd-input-readonly-placeholder-color:var(--okd-color-content-static-placeholder);--okd-input-readonly-border-color:var(--okd-color-border-static-subtle);--okd-input-readonly-caret-color:var(--okd-color-surface-structural-feature);--okd-input-readonly-shadow:var(--okd-input-default-shadow);--okd-input-readonly-background:transparent}.okui-btn .btn-content{align-items:center;display:flex}.okui-btn .okui-btn-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.loading .btn-content{opacity:0}.okui-btn.loading .btn-content-position{display:none}.okui-btn.loading .okui-btn-loader{line-height:0;position:absolute}.okui-btn.loading .btn-loader-position-absolute{position:relative}.okui-btn-loader-container{height:100%;position:relative}.okui-btn .btn-icon+.btn-content{margin-left:4px}.okui-btn.btn-xxs .btn-icon{font-size:var(--okd-button-xxs-icon-size)}.okui-btn.btn-xxs .btn-icon-leading{margin-right:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .btn-icon-tailing{margin-left:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .okui-btn-loader-size{border-radius:var(--okd-button-xxs-loader-size);height:var(--okd-button-xxs-loader-size);width:var(--okd-button-xxs-loader-size)}.okui-btn.btn-xs .btn-icon{font-size:var(--okd-button-xs-icon-size)}.okui-btn.btn-xs .btn-icon-leading{margin-right:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .btn-icon-tailing{margin-left:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .okui-btn-loader-size{border-radius:var(--okd-button-xs-loader-size);height:var(--okd-button-xs-loader-size);width:var(--okd-button-xs-loader-size)}.okui-btn.btn-s .btn-icon{font-size:var(--okd-button-s-icon-size)}.okui-btn.btn-s .btn-icon-leading{margin-right:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .btn-icon-tailing{margin-left:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .okui-btn-loader-size{border-radius:var(--okd-button-s-loader-size);height:var(--okd-button-s-loader-size);width:var(--okd-button-s-loader-size)}.okui-btn.btn-sm .btn-icon{font-size:var(--okd-button-sm-icon-size)}.okui-btn.btn-sm .btn-icon-leading{margin-right:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .btn-icon-tailing{margin-left:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .okui-btn-loader-size{border-radius:var(--okd-button-sm-loader-size);height:var(--okd-button-sm-loader-size);width:var(--okd-button-sm-loader-size)}.okui-btn.btn-md .btn-icon{font-size:var(--okd-button-md-icon-size)}.okui-btn.btn-md .btn-icon-leading{margin-right:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .btn-icon-tailing{margin-left:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .okui-btn-loader-size{border-radius:var(--okd-button-md-loader-size);height:var(--okd-button-md-loader-size);width:var(--okd-button-md-loader-size)}.okui-btn.btn-lg .btn-icon{font-size:var(--okd-button-lg-icon-size)}.okui-btn.btn-lg .btn-icon-leading{margin-right:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .btn-icon-tailing{margin-left:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .okui-btn-loader-size{border-radius:var(--okd-button-lg-loader-size);height:var(--okd-button-lg-loader-size);width:var(--okd-button-lg-loader-size)}.okui-btn.btn-xl .btn-icon{font-size:var(--okd-button-xl-icon-size)}.okui-btn.btn-xl .btn-icon-leading{margin-right:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .btn-icon-tailing{margin-left:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .okui-btn-loader-size{border-radius:var(--okd-button-xl-loader-size);height:var(--okd-button-xl-loader-size);width:var(--okd-button-xl-loader-size)}.okui-btn .okui-btn-outline-primary-loader{border-color:var(--okd-button-outline-primary-loader-track-color);border-top-color:var(--okd-button-outline-primary-loader-mark-color)}.okui-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;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-btn.focus-visible{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-btn:focus-visible{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-btn.btn-outline-primary{background:var(--okd-button-outline-primary-default-background);border-color:var(--okd-button-outline-primary-default-border-color);border-style:solid;border-width:var(--okd-button-outline-primary-border-size);box-shadow:var(--okd-button-outline-primary-default-shadow);color:var(--okd-button-outline-primary-default-font-color)}.okui-btn.btn-outline-primary.hover,.okui-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-outline-primary-hover-background);border-color:var(--okd-button-outline-primary-hover-border-color);box-shadow:var(--okd-button-outline-primary-hover-shadow);color:var(--okd-button-outline-primary-hover-font-color)}.okui-btn.btn-outline-primary.hover .btn-icon,.okui-btn.btn-outline-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-primary-hover-icon-color)}.okui-btn.btn-outline-primary.active,.okui-btn.btn-outline-primary:not(:disabled):active{background:var(--okd-button-outline-primary-active-background);border-color:var(--okd-button-outline-primary-active-border-color);box-shadow:var(--okd-button-outline-primary-active-shadow);color:var(--okd-button-outline-primary-active-font-color)}.okui-btn.btn-outline-primary.active .btn-icon,.okui-btn.btn-outline-primary:not(:disabled):active .btn-icon{color:var(--okd-button-outline-primary-active-icon-color)}.okui-btn.btn-outline-primary:not(.loading).btn-disabled,.okui-btn.btn-outline-primary:not(.loading):disabled{background:var(--okd-button-outline-primary-disabled-background);border-color:var(--okd-button-outline-primary-disabled-border-color);box-shadow:var(--okd-button-outline-primary-disabled-shadow);color:var(--okd-button-outline-primary-disabled-font-color)}.okui-btn.btn-outline-primary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-primary:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-primary-disabled-icon-color)}.okui-btn.btn-outline-primary.loading{cursor:pointer}.okui-btn.btn-outline-primary .btn-icon{color:var(--okd-button-outline-primary-default-icon-color)}.okui-btn.btn-outline-primary .okui-btn-loader-text{color:var(--okd-button-outline-primary-default-font-color)}.okui-btn.btn-outline-primary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size)*2);height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--okd-button-xxs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size)*2);width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-primary-border-size)*2)}.okui-btn.btn-outline-primary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size)*2);height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--okd-button-xs-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size)*2);width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-primary-border-size)*2)}.okui-btn.btn-outline-primary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size)*2);height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--okd-button-s-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size)*2);width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-primary-border-size)*2)}.okui-btn.btn-outline-primary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-primary.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size)*2);height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--okd-button-sm-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size)*2);width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-primary-border-size)*2)}.okui-btn.btn-outline-primary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-primary.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size)*2);height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--okd-button-md-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size)*2);width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-primary-border-size)*2)}.okui-btn.btn-outline-primary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-primary.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size)*2);height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--okd-button-lg-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size)*2);width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-primary-border-size)*2)}.okui-btn.btn-outline-primary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-primary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-primary.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size)*2);height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--okd-button-xl-padding-vertical) + 1px) - var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size)*2);width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-primary-border-size)*2)}.okui-btn.btn-outline-primary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-xxs{border-radius:var(--okd-button-xxs-border-radius);font-weight:500;font-weight:var(--okd-button-xxs-font-weight,500);min-width:var(--okd-button-xxs-min-width)}.okui-btn.btn-xxs,.okui-btn.btn-xxs .okui-btn-loader-text{font-size:var(--okd-button-xxs-font-size);line-height:var(--okd-button-xxs-line-height)}.okui-btn.btn-xxs .okui-btn-loader-text{margin-left:var(--okd-button-xxs-loader-text-margin-left)}.okui-btn.btn-xxs.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-xxs-border-radius,4px)}.okui-btn.btn-xs{border-radius:var(--okd-button-xs-border-radius);font-weight:500;font-weight:var(--okd-button-xs-font-weight,500);min-width:var(--okd-button-xs-min-width)}.okui-btn.btn-xs,.okui-btn.btn-xs .okui-btn-loader-text{font-size:var(--okd-button-xs-font-size);line-height:var(--okd-button-xs-line-height)}.okui-btn.btn-xs .okui-btn-loader-text{margin-left:var(--okd-button-xs-loader-text-margin-left)}.okui-btn.btn-xs.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-xs-border-radius,4px)}.okui-btn.btn-s{border-radius:var(--okd-button-s-border-radius);font-weight:500;font-weight:var(--okd-button-s-font-weight,500);min-width:var(--okd-button-s-min-width)}.okui-btn.btn-s,.okui-btn.btn-s .okui-btn-loader-text{font-size:var(--okd-button-s-font-size);line-height:var(--okd-button-s-line-height)}.okui-btn.btn-s .okui-btn-loader-text{margin-left:var(--okd-button-s-loader-text-margin-left)}.okui-btn.btn-s.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-s-border-radius,4px)}.okui-btn.btn-sm{border-radius:var(--okd-button-sm-border-radius);font-weight:500;font-weight:var(--okd-button-sm-font-weight,500);min-width:var(--okd-button-sm-min-width)}.okui-btn.btn-sm,.okui-btn.btn-sm .okui-btn-loader-text{font-size:var(--okd-button-sm-font-size);line-height:var(--okd-button-sm-line-height)}.okui-btn.btn-sm .okui-btn-loader-text{margin-left:var(--okd-button-sm-loader-text-margin-left)}.okui-btn.btn-sm.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-sm-border-radius,4px)}.okui-btn.btn-md{border-radius:var(--okd-button-md-border-radius);font-weight:500;font-weight:var(--okd-button-md-font-weight,500);min-width:var(--okd-button-md-min-width)}.okui-btn.btn-md,.okui-btn.btn-md .okui-btn-loader-text{font-size:var(--okd-button-md-font-size);line-height:var(--okd-button-md-line-height)}.okui-btn.btn-md .okui-btn-loader-text{margin-left:var(--okd-button-md-loader-text-margin-left)}.okui-btn.btn-md.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-md-border-radius,4px)}.okui-btn.btn-lg{border-radius:var(--okd-button-lg-border-radius);font-weight:500;font-weight:var(--okd-button-lg-font-weight,500);min-width:var(--okd-button-lg-min-width)}.okui-btn.btn-lg,.okui-btn.btn-lg .okui-btn-loader-text{font-size:var(--okd-button-lg-font-size);line-height:var(--okd-button-lg-line-height)}.okui-btn.btn-lg .okui-btn-loader-text{margin-left:var(--okd-button-lg-loader-text-margin-left)}.okui-btn.btn-lg.btn-rect{border-radius:8px;border-radius:var(--okd-button-rect-lg-border-radius,8px)}.okui-btn.btn-xl{border-radius:var(--okd-button-xl-border-radius);font-weight:500;font-weight:var(--okd-button-xl-font-weight,500);min-width:var(--okd-button-xl-min-width)}.okui-btn.btn-xl,.okui-btn.btn-xl .okui-btn-loader-text{font-size:var(--okd-button-xl-font-size);line-height:var(--okd-button-xl-line-height)}.okui-btn.btn-xl .okui-btn-loader-text{margin-left:var(--okd-button-xl-loader-text-margin-left)}.okui-btn.btn-xl.btn-rect{border-radius:8px;border-radius:var(--okd-button-rect-xl-border-radius,8px)}.okui-btn.btn-disabled,.okui-btn:disabled{cursor:not-allowed}.okui-btn.block{display:flex;width:100%}.okui-btn.btn-circle{border-radius:100px!important}