.okui-a11y-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-icon.icon{font-family:var(--ok-icon-font-family)!important}.okui-a11y-text{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.okui-hyperlink-xs .okui-hyperlink-text{font-size:var(--okd-hyperlink-xs-font-size);line-height:var(--okd-hyperlink-xs-line-height)}.okui-hyperlink-xs .icon-arrow,.okui-hyperlink-xs .icon-jump{font-size:var(--okd-hyperlink-xs-icon-font-size)}.okui-hyperlink-xs .icon-jump{margin-right:var(--okd-hyperlink-xs-icon-margin-left)}.okui-hyperlink-sm .okui-hyperlink-text{font-size:var(--okd-hyperlink-sm-font-size);line-height:var(--okd-hyperlink-sm-line-height)}.okui-hyperlink-sm .icon-arrow,.okui-hyperlink-sm .icon-jump{font-size:var(--okd-hyperlink-sm-icon-font-size)}.okui-hyperlink-sm .icon-jump{margin-right:var(--okd-hyperlink-sm-icon-margin-left)}.okui-hyperlink-md .okui-hyperlink-text{font-size:var(--okd-hyperlink-md-font-size);line-height:var(--okd-hyperlink-md-line-height)}.okui-hyperlink-md .icon-arrow,.okui-hyperlink-md .icon-jump{font-size:var(--okd-hyperlink-md-icon-font-size)}.okui-hyperlink-md .icon-jump{margin-right:var(--okd-hyperlink-md-icon-margin-left)}.okui-hyperlink-lg .okui-hyperlink-text{font-size:var(--okd-hyperlink-lg-font-size);line-height:var(--okd-hyperlink-lg-line-height)}.okui-hyperlink-lg .icon-arrow,.okui-hyperlink-lg .icon-jump{font-size:var(--okd-hyperlink-lg-icon-font-size)}.okui-hyperlink-lg .icon-jump{margin-right:var(--okd-hyperlink-lg-icon-margin-left)}.okui-hyperlink-muted{font-weight:var(--okd-hyperlink-muted-font-weight)}.okui-hyperlink-muted:hover{font-weight:var(--okd-hyperlink-muted-hover-font-weight)}.okui-hyperlink-medium{font-weight:var(--okd-hyperlink-medium-font-weight)}.okui-hyperlink-medium:hover{font-weight:var(--okd-hyperlink-medium-hover-font-weight)}.okui-hyperlink-amplified{font-weight:var(--okd-hyperlink-amplified-font-weight)}.okui-hyperlink-amplified:hover{font-weight:var(--okd-hyperlink-amplified-hover-font-weight)}.okui-hyperlink-primary{color:var(--okd-hyperlink-primary-default-color)}.okui-hyperlink-primary .icon-arrow,.okui-hyperlink-primary .icon-jump{color:var(--okd-hyperlink-primary-default-icon-color)}.okui-hyperlink-primary.okui-hyperlink-disabled{color:var(--okd-hyperlink-primary-disabled-color)}.okui-hyperlink-primary.okui-hyperlink-disabled .icon-arrow,.okui-hyperlink-primary.okui-hyperlink-disabled .icon-jump,.okui-hyperlink-primary.okui-hyperlink-disabled .okui-hyperlink-text{color:var(--okd-hyperlink-primary-disabled-color);cursor:not-allowed}.okui-hyperlink-primary:not(.okui-hyperlink-disabled):hover{color:var(--okd-hyperlink-primary-hover-color)}.okui-hyperlink-primary:not(.okui-hyperlink-disabled):hover .okui-hyperlink-text{color:var(--okd-hyperlink-primary-hover-color);text-decoration:underline;text-underline-offset:3px}.okui-hyperlink-primary:not(.okui-hyperlink-disabled):hover .icon-arrow,.okui-hyperlink-primary:not(.okui-hyperlink-disabled):hover .icon-jump{color:var(--okd-hyperlink-primary-hover-icon-color)}.okui-hyperlink-primary a,.okui-hyperlink-primary a:active,.okui-hyperlink-primary a:visited{color:var(--okd-hyperlink-primary-default-color)}.okui-hyperlink-secondary{color:var(--okd-hyperlink-secondary-default-color)}.okui-hyperlink-secondary .icon-arrow,.okui-hyperlink-secondary .icon-jump{color:var(--okd-hyperlink-secondary-default-icon-color)}.okui-hyperlink-secondary.okui-hyperlink-disabled{color:var(--okd-hyperlink-secondary-disabled-color)}.okui-hyperlink-secondary.okui-hyperlink-disabled .icon-arrow,.okui-hyperlink-secondary.okui-hyperlink-disabled .icon-jump,.okui-hyperlink-secondary.okui-hyperlink-disabled .okui-hyperlink-text{color:var(--okd-hyperlink-secondary-disabled-color);cursor:not-allowed}.okui-hyperlink-secondary:not(.okui-hyperlink-disabled):hover{color:var(--okd-hyperlink-secondary-hover-color)}.okui-hyperlink-secondary:not(.okui-hyperlink-disabled):hover .okui-hyperlink-text{color:var(--okd-hyperlink-secondary-hover-color);text-decoration:underline;text-underline-offset:3px}.okui-hyperlink-secondary:not(.okui-hyperlink-disabled):hover .icon-arrow,.okui-hyperlink-secondary:not(.okui-hyperlink-disabled):hover .icon-jump{color:var(--okd-hyperlink-secondary-hover-icon-color)}.okui-hyperlink-secondary a,.okui-hyperlink-secondary a:active,.okui-hyperlink-secondary a:visited{color:var(--okd-hyperlink-secondary-default-color)}.okui-hyperlink-reversed{color:var(--okd-hyperlink-reversed-default-color)}.okui-hyperlink-reversed .icon-arrow,.okui-hyperlink-reversed .icon-jump{color:var(--okd-hyperlink-reversed-default-icon-color)}.okui-hyperlink-reversed.okui-hyperlink-disabled{color:var(--okd-hyperlink-reversed-disabled-color)}.okui-hyperlink-reversed.okui-hyperlink-disabled .icon-arrow,.okui-hyperlink-reversed.okui-hyperlink-disabled .icon-jump,.okui-hyperlink-reversed.okui-hyperlink-disabled .okui-hyperlink-text{color:var(--okd-hyperlink-reversed-disabled-color);cursor:not-allowed}.okui-hyperlink-reversed:not(.okui-hyperlink-disabled):hover{color:var(--okd-hyperlink-reversed-hover-color)}.okui-hyperlink-reversed:not(.okui-hyperlink-disabled):hover .okui-hyperlink-text{color:var(--okd-hyperlink-reversed-hover-color);text-decoration:underline;text-underline-offset:3px}.okui-hyperlink-reversed:not(.okui-hyperlink-disabled):hover .icon-arrow,.okui-hyperlink-reversed:not(.okui-hyperlink-disabled):hover .icon-jump{color:var(--okd-hyperlink-reversed-hover-icon-color)}.okui-hyperlink-reversed a,.okui-hyperlink-reversed a:active,.okui-hyperlink-reversed a:visited{color:var(--okd-hyperlink-reversed-default-color)}.okui-hyperlink-accent{color:var(--okd-hyperlink-accent-default-color)}.okui-hyperlink-accent .icon-arrow,.okui-hyperlink-accent .icon-jump{color:var(--okd-hyperlink-accent-default-icon-color)}.okui-hyperlink-accent.okui-hyperlink-disabled{color:var(--okd-hyperlink-accent-disabled-color)}.okui-hyperlink-accent.okui-hyperlink-disabled .icon-arrow,.okui-hyperlink-accent.okui-hyperlink-disabled .icon-jump,.okui-hyperlink-accent.okui-hyperlink-disabled .okui-hyperlink-text{color:var(--okd-hyperlink-accent-disabled-color);cursor:not-allowed}.okui-hyperlink-accent:not(.okui-hyperlink-disabled):hover{color:var(--okd-hyperlink-accent-hover-color)}.okui-hyperlink-accent:not(.okui-hyperlink-disabled):hover .okui-hyperlink-text{color:var(--okd-hyperlink-accent-hover-color);text-decoration:underline;text-underline-offset:3px}.okui-hyperlink-accent:not(.okui-hyperlink-disabled):hover .icon-arrow,.okui-hyperlink-accent:not(.okui-hyperlink-disabled):hover .icon-jump{color:var(--okd-hyperlink-accent-hover-icon-color)}.okui-hyperlink-accent a,.okui-hyperlink-accent a:active,.okui-hyperlink-accent a:visited{color:var(--okd-hyperlink-accent-default-color)}.okui-hyperlink-text{text-decoration:none}.okui-hyperlink-underline .okui-hyperlink-text{text-decoration:underline;text-underline-offset:3px}.okui-hyperlink-no-hover-underline:not(.okui-hyperlink-disabled):hover .okui-hyperlink-text{text-decoration:none}.okui-hyperlink{align-items:center;cursor:pointer;display:inline-flex}.okui-hyperlink .icon-arrow,.okui-hyperlink .icon-jump{cursor:auto;font-weight:inherit}.okui-hyperlink a:focus-visible{border-radius:2px;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 .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.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)*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)*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)*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)*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)*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)*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)*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)*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)*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)*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)*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)*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)*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)*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-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-right:4px}.okui-btn.btn-xxs .btn-icon{font-size:var(--okd-button-xxs-icon-size)}.okui-btn.btn-xxs .btn-icon-leading{margin-left:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .btn-icon-tailing{margin-right: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-left:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .btn-icon-tailing{margin-right: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-left:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .btn-icon-tailing{margin-right: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-left:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .btn-icon-tailing{margin-right: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-left:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .btn-icon-tailing{margin-right: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-left:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .btn-icon-tailing{margin-right: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-left:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .btn-icon-tailing{margin-right: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{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;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;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.btn-text-primary{background:var(--okd-button-text-primary-default-background);border-color:var(--okd-button-text-primary-default-border-color);border-style:solid;border-width:var(--okd-button-text-primary-border-size);box-shadow:var(--okd-button-text-primary-default-shadow);color:var(--okd-button-text-primary-default-font-color)}.okui-btn.btn-text-primary.hover,.okui-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-text-primary-hover-background);border-color:var(--okd-button-text-primary-hover-border-color);box-shadow:var(--okd-button-text-primary-hover-shadow);color:var(--okd-button-text-primary-hover-font-color)}.okui-btn.btn-text-primary.hover .btn-icon,.okui-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-primary-hover-icon-color)}.okui-btn.btn-text-primary.active,.okui-btn.btn-text-primary:not(:disabled):active{background:var(--okd-button-text-primary-active-background);border-color:var(--okd-button-text-primary-active-border-color);box-shadow:var(--okd-button-text-primary-active-shadow);color:var(--okd-button-text-primary-active-font-color)}.okui-btn.btn-text-primary.active .btn-icon,.okui-btn.btn-text-primary:not(:disabled):active .btn-icon{color:var(--okd-button-text-primary-active-icon-color)}.okui-btn.btn-text-primary:not(.loading).btn-disabled,.okui-btn.btn-text-primary:not(.loading):disabled{background:var(--okd-button-text-primary-disabled-background);border-color:var(--okd-button-text-primary-disabled-border-color);box-shadow:var(--okd-button-text-primary-disabled-shadow);color:var(--okd-button-text-primary-disabled-font-color)}.okui-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-primary:not(.loading):disabled .btn-icon{color:var(--okd-button-text-primary-disabled-icon-color)}.okui-btn.btn-text-primary.loading{cursor:pointer}.okui-btn.btn-text-primary .btn-icon{color:var(--okd-button-text-primary-default-icon-color)}.okui-btn.btn-text-primary .okui-btn-loader-text{color:var(--okd-button-text-primary-default-font-color)}.okui-btn.btn-text-primary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-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-right: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-right: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-right: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-right: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-right: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-right: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-right: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}