.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:hsla(0,0%,91%,.3);--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:rgba(44,44,44,.3);--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{font-size:12px;font-size:var(--login-okd-primarybutton-xxs-font-size,12px);font-weight:400;font-weight:var(--login-okd-primarybutton-xxs-font-weight,400);line-height:16px;line-height:var(--login-okd-primarybutton-xxs-line-height,16px);min-width:63px;min-width:var(--login-okd-primarybutton-xxs-min-width,63px);padding:4px 12px;padding:var(--login-okd-primarybutton-xxs-padding-vertical,4px) var(--login-okd-primarybutton-xxs-padding-horizontal,12px)}.login-primarybutton-xxs .login-primarybutton-loader-circle{height:14px;height:var(--login-okd-primarybutton-xxs-loader-width,14px);width:14px;width:var(--login-okd-primarybutton-xxs-loader-width,14px)}.login-primarybutton-xxs .login-primarybutton-icon{font-size:14px;font-size:var(--login-okd-primarybutton-xxs-icon-size,14px);font-weight:400;font-weight:var(--login-okd-primarybutton-xxs-font-weight,400)}.login-primarybutton-xxs .login-primarybutton-icon-leading{margin-right:6px;margin-right:var(--login-okd-primarybutton-xxs-icon-margin-right,6px)}.login-primarybutton-xxs .login-primarybutton-icon-tailing{margin-left:6px;margin-left:var(--login-okd-primarybutton-xxs-icon-margin-right,6px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:var(--login-okd-primarybutton-xxs-loader-margin-right,6px)}.login-primarybutton-xs{font-size:12px;font-size:var(--login-okd-primarybutton-xs-font-size,12px);font-weight:400;font-weight:var(--login-okd-primarybutton-xs-font-weight,400);line-height:16px;line-height:var(--login-okd-primarybutton-xs-line-height,16px);min-width:63px;min-width:var(--login-okd-primarybutton-xs-min-width,63px);padding:6px 12px;padding:var(--login-okd-primarybutton-xs-padding-vertical,6px) var(--login-okd-primarybutton-xs-padding-horizontal,12px)}.login-primarybutton-xs .login-primarybutton-loader-circle{height:14px;height:var(--login-okd-primarybutton-xs-loader-width,14px);width:14px;width:var(--login-okd-primarybutton-xs-loader-width,14px)}.login-primarybutton-xs .login-primarybutton-icon{font-size:14px;font-size:var(--login-okd-primarybutton-xs-icon-size,14px);font-weight:400;font-weight:var(--login-okd-primarybutton-xs-font-weight,400)}.login-primarybutton-xs .login-primarybutton-icon-leading{margin-right:6px;margin-right:var(--login-okd-primarybutton-xs-icon-margin-right,6px)}.login-primarybutton-xs .login-primarybutton-icon-tailing{margin-left:6px;margin-left:var(--login-okd-primarybutton-xs-icon-margin-right,6px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:var(--login-okd-primarybutton-xs-loader-margin-right,6px)}.login-primarybutton-s{font-size:14px;font-size:var(--login-okd-primarybutton-s-font-size,14px);font-weight:400;font-weight:var(--login-okd-primarybutton-s-font-weight,400);line-height:16px;line-height:var(--login-okd-primarybutton-s-line-height,16px);min-width:72px;min-width:var(--login-okd-primarybutton-s-min-width,72px);padding:8px 12px;padding:var(--login-okd-primarybutton-s-padding-vertical,8px) var(--login-okd-primarybutton-s-padding-horizontal,12px)}.login-primarybutton-s .login-primarybutton-loader-circle{height:14px;height:var(--login-okd-primarybutton-s-loader-width,14px);width:14px;width:var(--login-okd-primarybutton-s-loader-width,14px)}.login-primarybutton-s .login-primarybutton-icon{font-size:14px;font-size:var(--login-okd-primarybutton-s-icon-size,14px);font-weight:400;font-weight:var(--login-okd-primarybutton-s-font-weight,400)}.login-primarybutton-s .login-primarybutton-icon-leading{margin-right:6px;margin-right:var(--login-okd-primarybutton-s-icon-margin-right,6px)}.login-primarybutton-s .login-primarybutton-icon-tailing{margin-left:6px;margin-left:var(--login-okd-primarybutton-s-icon-margin-right,6px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:var(--login-okd-primarybutton-s-loader-margin-right,6px)}.login-primarybutton-sm{font-size:14px;font-size:var(--login-okd-primarybutton-sm-font-size,14px);font-weight:400;font-weight:var(--login-okd-primarybutton-sm-font-weight,400);line-height:16px;line-height:var(--login-okd-primarybutton-sm-line-height,16px);min-width:81px;min-width:var(--login-okd-primarybutton-sm-min-width,81px);padding:10px 16px;padding:var(--login-okd-primarybutton-sm-padding-vertical,10px) var(--login-okd-primarybutton-sm-padding-horizontal,16px)}.login-primarybutton-sm .login-primarybutton-loader-circle{height:16px;height:var(--login-okd-primarybutton-sm-loader-width,16px);width:16px;width:var(--login-okd-primarybutton-sm-loader-width,16px)}.login-primarybutton-sm .login-primarybutton-icon{font-size:16px;font-size:var(--login-okd-primarybutton-sm-icon-size,16px);font-weight:400;font-weight:var(--login-okd-primarybutton-sm-font-weight,400)}.login-primarybutton-sm .login-primarybutton-icon-leading{margin-right:6px;margin-right:var(--login-okd-primarybutton-sm-icon-margin-right,6px)}.login-primarybutton-sm .login-primarybutton-icon-tailing{margin-left:6px;margin-left:var(--login-okd-primarybutton-sm-icon-margin-right,6px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:var(--login-okd-primarybutton-sm-loader-margin-right,6px)}.login-primarybutton-md{font-size:14px;font-size:var(--login-okd-primarybutton-md-font-size,14px);font-weight:400;font-weight:var(--login-okd-primarybutton-md-font-weight,400);line-height:16px;line-height:var(--login-okd-primarybutton-md-line-height,16px);min-width:90px;min-width:var(--login-okd-primarybutton-md-min-width,90px);padding:12px 16px;padding:var(--login-okd-primarybutton-md-padding-vertical,12px) var(--login-okd-primarybutton-md-padding-horizontal,16px)}.login-primarybutton-md .login-primarybutton-loader-circle{height:16px;height:var(--login-okd-primarybutton-md-loader-width,16px);width:16px;width:var(--login-okd-primarybutton-md-loader-width,16px)}.login-primarybutton-md .login-primarybutton-icon{font-size:16px;font-size:var(--login-okd-primarybutton-md-icon-size,16px);font-weight:400;font-weight:var(--login-okd-primarybutton-md-font-weight,400)}.login-primarybutton-md .login-primarybutton-icon-leading{margin-right:6px;margin-right:var(--login-okd-primarybutton-md-icon-margin-right,6px)}.login-primarybutton-md .login-primarybutton-icon-tailing{margin-left:6px;margin-left:var(--login-okd-primarybutton-md-icon-margin-right,6px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:6px;margin-right:var(--login-okd-primarybutton-md-loader-margin-right,6px)}.login-primarybutton-lg{font-size:16px;font-size:var(--login-okd-primarybutton-lg-font-size,16px);font-weight:500;font-weight:var(--login-okd-primarybutton-lg-font-weight,500);line-height:20px;line-height:var(--login-okd-primarybutton-lg-line-height,20px);min-width:108px;min-width:var(--login-okd-primarybutton-lg-min-width,108px);padding:14px 24px;padding:var(--login-okd-primarybutton-lg-padding-vertical,14px) var(--login-okd-primarybutton-lg-padding-horizontal,24px)}.login-primarybutton-lg .login-primarybutton-loader-circle{height:20px;height:var(--login-okd-primarybutton-lg-loader-width,20px);width:20px;width:var(--login-okd-primarybutton-lg-loader-width,20px)}.login-primarybutton-lg .login-primarybutton-icon{font-size:20px;font-size:var(--login-okd-primarybutton-lg-icon-size,20px);font-weight:500;font-weight:var(--login-okd-primarybutton-lg-font-weight,500)}.login-primarybutton-lg .login-primarybutton-icon-leading{margin-right:8px;margin-right:var(--login-okd-primarybutton-lg-icon-margin-right,8px)}.login-primarybutton-lg .login-primarybutton-icon-tailing{margin-left:8px;margin-left:var(--login-okd-primarybutton-lg-icon-margin-right,8px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:var(--login-okd-primarybutton-lg-loader-margin-right,8px)}.login-primarybutton-xl{font-size:18px;font-size:var(--login-okd-primarybutton-xl-font-size,18px);font-weight:500;font-weight:var(--login-okd-primarybutton-xl-font-weight,500);line-height:24px;line-height:var(--login-okd-primarybutton-xl-line-height,24px);min-width:126px;min-width:var(--login-okd-primarybutton-xl-min-width,126px);padding:16px 44px;padding:var(--login-okd-primarybutton-xl-padding-vertical,16px) var(--login-okd-primarybutton-xl-padding-horizontal,44px)}.login-primarybutton-xl .login-primarybutton-loader-circle{height:20px;height:var(--login-okd-primarybutton-xl-loader-width,20px);width:20px;width:var(--login-okd-primarybutton-xl-loader-width,20px)}.login-primarybutton-xl .login-primarybutton-icon{font-size:20px;font-size:var(--login-okd-primarybutton-xl-icon-size,20px);font-weight:500;font-weight:var(--login-okd-primarybutton-xl-font-weight,500)}.login-primarybutton-xl .login-primarybutton-icon-leading{margin-right:8px;margin-right:var(--login-okd-primarybutton-xl-icon-margin-right,8px)}.login-primarybutton-xl .login-primarybutton-icon-tailing{margin-left:8px;margin-left:var(--login-okd-primarybutton-xl-icon-margin-right,8px)}.login-primarybutton-loading-text .login-primarybutton-loader{margin-right:8px;margin-right:var(--login-okd-primarybutton-xl-loader-margin-right,8px)}.login-primarybutton{align-items:center;background-color:var(--login-okd-color-surface-interactive-feature-default);background-color:var(--login-okd-primarybutton-default-background,var(--login-okd-color-surface-interactive-feature-default));border-radius:50px;border-radius:var(--login-okd-primarybutton-border-radius,50px);box-sizing:border-box;color:var(--login-okd-color-content-static-inverse);color:var(--login-okd-primarybutton-default-color,var(--login-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}.login-primarybutton:focus-visible{border-radius:50px;border-radius:var(--login-okd-primarybutton-border-radius,50px);outline:2px solid var(--login-okd-color-border-focus);outline-color:var(--login-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.login-primarybutton.hover,.login-primarybutton:not(.login-primarybutton-disabled):not(.login-primarybutton-loading):hover{background-color:var(--login-okd-color-surface-interactive-feature-hovered);background-color:var(--login-okd-primarybutton-hover-background,var(--login-okd-color-surface-interactive-feature-hovered))}.login-primarybutton.active,.login-primarybutton:not(.login-primarybutton-disabled):not(.login-primarybutton-loading):active{background-color:var(--login-okd-color-surface-interactive-feature-pressed);background-color:var(--login-okd-primarybutton-active-background,var(--login-okd-color-surface-interactive-feature-pressed))}.login-primarybutton-disabled,.login-primarybutton.disabled{background-color:var(--login-okd-color-surface-interactive-disabled);background-color:var(--login-okd-primarybutton-disabled-background,var(--login-okd-color-surface-interactive-disabled));color:var(--login-okd-color-content-interactive-disabled);color:var(--login-okd-primarybutton-disabled-color,var(--login-okd-color-content-interactive-disabled));cursor:not-allowed}.login-primarybutton-loading,.login-primarybutton.loading{background-color:var(--login-okd-color-surface-interactive-feature-pressed);background-color:var(--login-okd-primarybutton-loading-background,var(--login-okd-color-surface-interactive-feature-pressed));color:transparent}.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-color-surface-interactive-feature-pressed);background-color:var(--login-okd-primarybutton-loading-background,var(--login-okd-color-surface-interactive-feature-pressed));display:flex}.login-primarybutton-block,.login-primarybutton.block{display:flex;width:100%}.login-primarybutton-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.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:2px;border-width:var(--login-okd-primarybutton-loader-border-width,2px)}