.theme-light{--login-okd-primarybutton-xxs-font-size:12px;--login-okd-primarybutton-xs-font-size:12px;--login-okd-primarybutton-s-font-size:14px;--login-okd-primarybutton-s-line-height:16px;--login-okd-primarybutton-sm-font-size:14px;--login-okd-primarybutton-md-font-size:14px;--login-okd-primarybutton-lg-font-size:16px;--login-okd-primarybutton-xl-font-size:18px;--login-okd-primarybutton-border-radius:50px;--login-okd-primarybutton-default-color:var(--login-okd-color-content-static-inverse);--login-okd-primarybutton-disabled-color:var(--login-okd-color-content-interactive-disabled);--login-okd-primarybutton-xxs-loader-width:14px;--login-okd-primarybutton-xxs-loader-margin-right:6px;--login-okd-primarybutton-xs-loader-width:14px;--login-okd-primarybutton-xs-loader-margin-right:6px;--login-okd-primarybutton-s-loader-width:14px;--login-okd-primarybutton-s-loader-margin-right:6px;--login-okd-primarybutton-sm-loader-width:16px;--login-okd-primarybutton-sm-loader-margin-right:6px;--login-okd-primarybutton-md-loader-width:16px;--login-okd-primarybutton-md-loader-margin-right:6px;--login-okd-primarybutton-lg-loader-width:20px;--login-okd-primarybutton-lg-loader-margin-right:8px;--login-okd-primarybutton-xl-loader-width:20px;--login-okd-primarybutton-xl-loader-margin-right:8px;--login-okd-primarybutton-xxs-line-height:16px;--login-okd-primarybutton-xs-line-height:16px;--login-okd-primarybutton-sm-line-height:16px;--login-okd-primarybutton-md-line-height:16px;--login-okd-primarybutton-lg-line-height:20px;--login-okd-primarybutton-xl-line-height:24px;--login-okd-primarybutton-xxs-padding-horizontal:12px;--login-okd-primarybutton-xxs-padding-vertical:4px;--login-okd-primarybutton-xs-padding-horizontal:12px;--login-okd-primarybutton-xs-padding-vertical:6px;--login-okd-primarybutton-s-padding-horizontal:12px;--login-okd-primarybutton-s-padding-vertical:8px;--login-okd-primarybutton-sm-padding-horizontal:16px;--login-okd-primarybutton-sm-padding-vertical:10px;--login-okd-primarybutton-md-padding-horizontal:16px;--login-okd-primarybutton-md-padding-vertical:12px;--login-okd-primarybutton-lg-padding-horizontal:24px;--login-okd-primarybutton-lg-padding-vertical:14px;--login-okd-primarybutton-xl-padding-horizontal:44px;--login-okd-primarybutton-xl-padding-vertical:16px;--login-okd-primarybutton-default-background:var(--login-okd-color-surface-interactive-feature-default);--login-okd-primarybutton-hover-background:var(--login-okd-color-surface-interactive-feature-hovered);--login-okd-primarybutton-active-background:var(--login-okd-color-surface-interactive-feature-pressed);--login-okd-primarybutton-loading-background:var(--login-okd-color-surface-interactive-feature-pressed);--login-okd-primarybutton-disabled-background:var(--login-okd-color-surface-interactive-disabled);--login-okd-primarybutton-loader-track-color:#e9e9e94d;--login-okd-primarybutton-loader-mark-color:var(--login-okd-color-border-interactive-oncolor);--login-okd-primarybutton-loader-border-width:2px;--login-okd-primarybutton-xxs-min-width:63px;--login-okd-primarybutton-xs-min-width:63px;--login-okd-primarybutton-s-min-width:72px;--login-okd-primarybutton-sm-min-width:81px;--login-okd-primarybutton-md-min-width:90px;--login-okd-primarybutton-lg-min-width:108px;--login-okd-primarybutton-xl-min-width:126px;--login-okd-primarybutton-xxs-icon-size:14px;--login-okd-primarybutton-xs-icon-size:14px;--login-okd-primarybutton-s-icon-size:14px;--login-okd-primarybutton-sm-icon-size:16px;--login-okd-primarybutton-md-icon-size:16px;--login-okd-primarybutton-lg-icon-size:20px;--login-okd-primarybutton-xl-icon-size:20px;--login-okd-primarybutton-xxs-icon-margin-right:6px;--login-okd-primarybutton-xs-icon-margin-right:6px;--login-okd-primarybutton-s-icon-margin-right:6px;--login-okd-primarybutton-sm-icon-margin-right:6px;--login-okd-primarybutton-md-icon-margin-right:6px;--login-okd-primarybutton-lg-icon-margin-right:8px;--login-okd-primarybutton-xl-icon-margin-right:8px}.theme-dark{--login-okd-primarybutton-xxs-font-size:12px;--login-okd-primarybutton-xs-font-size:12px;--login-okd-primarybutton-s-font-size:14px;--login-okd-primarybutton-s-line-height:16px;--login-okd-primarybutton-sm-font-size:14px;--login-okd-primarybutton-md-font-size:14px;--login-okd-primarybutton-lg-font-size:16px;--login-okd-primarybutton-xl-font-size:18px;--login-okd-primarybutton-border-radius:50px;--login-okd-primarybutton-default-color:var(--login-okd-color-content-static-inverse);--login-okd-primarybutton-disabled-color:var(--login-okd-color-content-interactive-disabled);--login-okd-primarybutton-xxs-loader-width:14px;--login-okd-primarybutton-xxs-loader-margin-right:6px;--login-okd-primarybutton-xs-loader-width:14px;--login-okd-primarybutton-xs-loader-margin-right:6px;--login-okd-primarybutton-s-loader-width:14px;--login-okd-primarybutton-s-loader-margin-right:6px;--login-okd-primarybutton-sm-loader-width:16px;--login-okd-primarybutton-sm-loader-margin-right:6px;--login-okd-primarybutton-md-loader-width:16px;--login-okd-primarybutton-md-loader-margin-right:6px;--login-okd-primarybutton-lg-loader-width:20px;--login-okd-primarybutton-lg-loader-margin-right:8px;--login-okd-primarybutton-xl-loader-width:20px;--login-okd-primarybutton-xl-loader-margin-right:8px;--login-okd-primarybutton-xxs-line-height:16px;--login-okd-primarybutton-xs-line-height:16px;--login-okd-primarybutton-sm-line-height:16px;--login-okd-primarybutton-md-line-height:16px;--login-okd-primarybutton-lg-line-height:20px;--login-okd-primarybutton-xl-line-height:24px;--login-okd-primarybutton-xxs-padding-horizontal:12px;--login-okd-primarybutton-xxs-padding-vertical:4px;--login-okd-primarybutton-xs-padding-horizontal:12px;--login-okd-primarybutton-xs-padding-vertical:6px;--login-okd-primarybutton-s-padding-horizontal:12px;--login-okd-primarybutton-s-padding-vertical:8px;--login-okd-primarybutton-sm-padding-horizontal:16px;--login-okd-primarybutton-sm-padding-vertical:10px;--login-okd-primarybutton-md-padding-horizontal:16px;--login-okd-primarybutton-md-padding-vertical:12px;--login-okd-primarybutton-lg-padding-horizontal:24px;--login-okd-primarybutton-lg-padding-vertical:14px;--login-okd-primarybutton-xl-padding-horizontal:44px;--login-okd-primarybutton-xl-padding-vertical:16px;--login-okd-primarybutton-default-background:var(--login-okd-color-surface-interactive-feature-default);--login-okd-primarybutton-hover-background:var(--login-okd-color-surface-interactive-feature-hovered);--login-okd-primarybutton-active-background:var(--login-okd-color-surface-interactive-feature-pressed);--login-okd-primarybutton-loading-background:var(--login-okd-color-surface-interactive-feature-pressed);--login-okd-primarybutton-disabled-background:var(--login-okd-color-surface-interactive-disabled);--login-okd-primarybutton-loader-track-color:#2c2c2c4d;--login-okd-primarybutton-loader-mark-color:var(--login-okd-color-border-interactive-oncolor);--login-okd-primarybutton-loader-border-width:2px;--login-okd-primarybutton-xxs-min-width:63px;--login-okd-primarybutton-xs-min-width:63px;--login-okd-primarybutton-s-min-width:72px;--login-okd-primarybutton-sm-min-width:81px;--login-okd-primarybutton-md-min-width:90px;--login-okd-primarybutton-lg-min-width:108px;--login-okd-primarybutton-xl-min-width:126px;--login-okd-primarybutton-xxs-icon-size:14px;--login-okd-primarybutton-xs-icon-size:14px;--login-okd-primarybutton-s-icon-size:14px;--login-okd-primarybutton-sm-icon-size:16px;--login-okd-primarybutton-md-icon-size:16px;--login-okd-primarybutton-lg-icon-size:20px;--login-okd-primarybutton-xl-icon-size:20px;--login-okd-primarybutton-xxs-icon-margin-right:6px;--login-okd-primarybutton-xs-icon-margin-right:6px;--login-okd-primarybutton-s-icon-margin-right:6px;--login-okd-primarybutton-sm-icon-margin-right:6px;--login-okd-primarybutton-md-icon-margin-right:6px;--login-okd-primarybutton-lg-icon-margin-right:8px;--login-okd-primarybutton-xl-icon-margin-right:8px}.login-primarybutton-xxs{padding:var(--login-okd-primarybutton-xxs-padding-vertical,4px) var(--login-okd-primarybutton-xxs-padding-horizontal,12px);font-size:var(--login-okd-primarybutton-xxs-font-size,12px);line-height:var(--login-okd-primarybutton-xxs-line-height,16px);font-weight:var(--login-okd-primarybutton-xxs-font-weight,400);min-width:var(--login-okd-primarybutton-xxs-min-width,63px)}.login-primarybutton-xxs .login-primarybutton-loader-circle{width:var(--login-okd-primarybutton-xxs-loader-width,14px);height:var(--login-okd-primarybutton-xxs-loader-width,14px)}.login-primarybutton-xxs .login-primarybutton-icon{font-size:var(--login-okd-primarybutton-xxs-icon-size,14px);font-weight:var(--login-okd-primarybutton-xxs-font-weight,400)}.login-primarybutton-xxs .login-primarybutton-icon-leading{margin-right:var(--login-okd-primarybutton-xxs-icon-margin-right,6px)}.login-primarybutton-xxs .login-primarybutton-icon-tailing{margin-left:var(--login-okd-primarybutton-xxs-icon-margin-right,6px)}.login-primarybutton-xs{padding:var(--login-okd-primarybutton-xs-padding-vertical,6px) var(--login-okd-primarybutton-xs-padding-horizontal,12px);font-size:var(--login-okd-primarybutton-xs-font-size,12px);line-height:var(--login-okd-primarybutton-xs-line-height,16px);font-weight:var(--login-okd-primarybutton-xs-font-weight,400);min-width:var(--login-okd-primarybutton-xs-min-width,63px)}.login-primarybutton-xs .login-primarybutton-loader-circle{width:var(--login-okd-primarybutton-xs-loader-width,14px);height:var(--login-okd-primarybutton-xs-loader-width,14px)}.login-primarybutton-xs .login-primarybutton-icon{font-size:var(--login-okd-primarybutton-xs-icon-size,14px);font-weight:var(--login-okd-primarybutton-xs-font-weight,400)}.login-primarybutton-xs .login-primarybutton-icon-leading{margin-right:var(--login-okd-primarybutton-xs-icon-margin-right,6px)}.login-primarybutton-xs .login-primarybutton-icon-tailing{margin-left:var(--login-okd-primarybutton-xs-icon-margin-right,6px)}.login-primarybutton-s{padding:var(--login-okd-primarybutton-s-padding-vertical,8px) var(--login-okd-primarybutton-s-padding-horizontal,12px);font-size:var(--login-okd-primarybutton-s-font-size,14px);line-height:var(--login-okd-primarybutton-s-line-height,16px);font-weight:var(--login-okd-primarybutton-s-font-weight,400);min-width:var(--login-okd-primarybutton-s-min-width,72px)}.login-primarybutton-s .login-primarybutton-loader-circle{width:var(--login-okd-primarybutton-s-loader-width,14px);height:var(--login-okd-primarybutton-s-loader-width,14px)}.login-primarybutton-s .login-primarybutton-icon{font-size:var(--login-okd-primarybutton-s-icon-size,14px);font-weight:var(--login-okd-primarybutton-s-font-weight,400)}.login-primarybutton-s .login-primarybutton-icon-leading{margin-right:var(--login-okd-primarybutton-s-icon-margin-right,6px)}.login-primarybutton-s .login-primarybutton-icon-tailing{margin-left:var(--login-okd-primarybutton-s-icon-margin-right,6px)}.login-primarybutton-sm{padding:var(--login-okd-primarybutton-sm-padding-vertical,10px) var(--login-okd-primarybutton-sm-padding-horizontal,16px);font-size:var(--login-okd-primarybutton-sm-font-size,14px);line-height:var(--login-okd-primarybutton-sm-line-height,16px);font-weight:var(--login-okd-primarybutton-sm-font-weight,400);min-width:var(--login-okd-primarybutton-sm-min-width,81px)}.login-primarybutton-sm .login-primarybutton-loader-circle{width:var(--login-okd-primarybutton-sm-loader-width,16px);height:var(--login-okd-primarybutton-sm-loader-width,16px)}.login-primarybutton-sm .login-primarybutton-icon{font-size:var(--login-okd-primarybutton-sm-icon-size,16px);font-weight:var(--login-okd-primarybutton-sm-font-weight,400)}.login-primarybutton-sm .login-primarybutton-icon-leading{margin-right:var(--login-okd-primarybutton-sm-icon-margin-right,6px)}.login-primarybutton-sm .login-primarybutton-icon-tailing{margin-left:var(--login-okd-primarybutton-sm-icon-margin-right,6px)}.login-primarybutton-md{padding:var(--login-okd-primarybutton-md-padding-vertical,12px) var(--login-okd-primarybutton-md-padding-horizontal,16px);font-size:var(--login-okd-primarybutton-md-font-size,14px);line-height:var(--login-okd-primarybutton-md-line-height,16px);font-weight:var(--login-okd-primarybutton-md-font-weight,400);min-width:var(--login-okd-primarybutton-md-min-width,90px)}.login-primarybutton-md .login-primarybutton-loader-circle{width:var(--login-okd-primarybutton-md-loader-width,16px);height:var(--login-okd-primarybutton-md-loader-width,16px)}.login-primarybutton-md .login-primarybutton-icon{font-size:var(--login-okd-primarybutton-md-icon-size,16px);font-weight:var(--login-okd-primarybutton-md-font-weight,400)}.login-primarybutton-md .login-primarybutton-icon-leading{margin-right:var(--login-okd-primarybutton-md-icon-margin-right,6px)}.login-primarybutton-md .login-primarybutton-icon-tailing{margin-left:var(--login-okd-primarybutton-md-icon-margin-right,6px)}.login-primarybutton-lg{padding:var(--login-okd-primarybutton-lg-padding-vertical,14px) var(--login-okd-primarybutton-lg-padding-horizontal,24px);font-size:var(--login-okd-primarybutton-lg-font-size,16px);line-height:var(--login-okd-primarybutton-lg-line-height,20px);font-weight:var(--login-okd-primarybutton-lg-font-weight,500);min-width:var(--login-okd-primarybutton-lg-min-width,108px)}.login-primarybutton-lg .login-primarybutton-loader-circle{width:var(--login-okd-primarybutton-lg-loader-width,20px);height:var(--login-okd-primarybutton-lg-loader-width,20px)}.login-primarybutton-lg .login-primarybutton-icon{font-size:var(--login-okd-primarybutton-lg-icon-size,20px);font-weight:var(--login-okd-primarybutton-lg-font-weight,500)}.login-primarybutton-lg .login-primarybutton-icon-leading{margin-right:var(--login-okd-primarybutton-lg-icon-margin-right,8px)}.login-primarybutton-lg .login-primarybutton-icon-tailing{margin-left:var(--login-okd-primarybutton-lg-icon-margin-right,8px)}.login-primarybutton-xl{padding:var(--login-okd-primarybutton-xl-padding-vertical,16px) var(--login-okd-primarybutton-xl-padding-horizontal,44px);font-size:var(--login-okd-primarybutton-xl-font-size,18px);line-height:var(--login-okd-primarybutton-xl-line-height,24px);font-weight:var(--login-okd-primarybutton-xl-font-weight,500);min-width:var(--login-okd-primarybutton-xl-min-width,126px)}.login-primarybutton-xl .login-primarybutton-loader-circle{width:var(--login-okd-primarybutton-xl-loader-width,20px);height:var(--login-okd-primarybutton-xl-loader-width,20px)}.login-primarybutton-xl .login-primarybutton-icon{font-size:var(--login-okd-primarybutton-xl-icon-size,20px);font-weight:var(--login-okd-primarybutton-xl-font-weight,500)}.login-primarybutton-xl .login-primarybutton-icon-leading{margin-right:var(--login-okd-primarybutton-xl-icon-margin-right,8px)}.login-primarybutton-xl .login-primarybutton-icon-tailing{margin-left:var(--login-okd-primarybutton-xl-icon-margin-right,8px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:var(--login-okd-primarybutton-xl-loader-margin-right,8px)}.login-primarybutton{color:var(--login-okd-primarybutton-default-color,var(--login-okd-color-content-static-inverse));background-color:var(--login-okd-primarybutton-default-background,var(--login-okd-color-surface-interactive-feature-default));cursor:pointer;box-sizing:border-box;border-radius:var(--login-okd-primarybutton-border-radius,50px);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.login-primarybutton:focus-visible{outline:2px solid var(--login-okd-color-border-focus);outline-width:2px;outline-style:solid;outline-color:var(--login-okd-color-border-focus);outline-offset:2px;border-radius:var(--login-okd-primarybutton-border-radius,50px)}.login-primarybutton:not(.login-primarybutton-disabled):not(.login-primarybutton-loading):not(.login-primarybutton-loading-text):hover,.login-primarybutton.hover{background-color:var(--login-okd-primarybutton-hover-background,var(--login-okd-color-surface-interactive-feature-hovered))}.login-primarybutton:not(.login-primarybutton-disabled):not(.login-primarybutton-loading):not(.login-primarybutton-loading-text):active,.login-primarybutton.active{background-color:var(--login-okd-primarybutton-active-background,var(--login-okd-color-surface-interactive-feature-pressed))}.login-primarybutton-disabled,.login-primarybutton.disabled{color:var(--login-okd-primarybutton-disabled-color,var(--login-okd-color-content-interactive-disabled));background-color:var(--login-okd-primarybutton-disabled-background,var(--login-okd-color-surface-interactive-disabled));cursor:not-allowed}.login-primarybutton-loading,.login-primarybutton.loading{background-color:var(--login-okd-primarybutton-loading-background,var(--login-okd-color-surface-interactive-feature-pressed));color:#0000;cursor:default}.login-primarybutton-loading .login-primarybutton-loader,.login-primarybutton.loading .login-primarybutton-loader{display:flex;position:absolute}.login-primarybutton-loading-text{background-color:var(--login-okd-primarybutton-loading-background,var(--login-okd-color-surface-interactive-feature-pressed));cursor:default;display:flex}.login-primarybutton-block,.login-primarybutton.block{width:100%;display:flex}.login-primarybutton-ellipsis{text-overflow:ellipsis;white-space:nowrap;width:100%;display:block;overflow:hidden}.login-primarybutton-loader-circle{border-color:var(--login-okd-primarybutton-loader-track-color,var(--login-okd-color-border-interactive-oncolor));border-top-color:var(--login-okd-primarybutton-loader-mark-color,var(--login-okd-color-content-static-inverse));border-width:var(--login-okd-primarybutton-loader-border-width,2px)}