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