.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-align:center;text-decoration:none;touch-action:manipulation;transition:background-color .3s cubic-bezier(.165,.84,.44,1),border-color .3s cubic-bezier(.165,.84,.44,1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-btn.btn-fill-highlight{background:var(--okd-button-fill-highlight-default-background);border-color:var(--okd-button-fill-highlight-default-border-color);border-style:solid;border-width:var(--okd-button-fill-highlight-border-size);box-shadow:var(--okd-button-fill-highlight-default-shadow);color:var(--okd-button-fill-highlight-default-font-color)}.okui-btn.btn-fill-highlight.hover,.okui-btn.btn-fill-highlight:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-highlight-hover-background);border-color:var(--okd-button-fill-highlight-hover-border-color);box-shadow:var(--okd-button-fill-highlight-hover-shadow);color:var(--okd-button-fill-highlight-hover-font-color)}.okui-btn.btn-fill-highlight.hover .btn-icon,.okui-btn.btn-fill-highlight:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-highlight-hover-font-color)}.okui-btn.btn-fill-highlight.active,.okui-btn.btn-fill-highlight:not(:disabled):active{background:var(--okd-button-fill-highlight-active-background);border-color:var(--okd-button-fill-highlight-active-border-color);box-shadow:var(--okd-button-fill-highlight-active-shadow);color:var(--okd-button-fill-highlight-active-font-color)}.okui-btn.btn-fill-highlight.active .btn-icon,.okui-btn.btn-fill-highlight:not(:disabled):active .btn-icon{color:var(--okd-button-fill-highlight-active-font-color)}.okui-btn.btn-fill-highlight:not(.loading).btn-disabled,.okui-btn.btn-fill-highlight:not(.loading):disabled{background:var(--okd-button-fill-highlight-disabled-background);border-color:var(--okd-button-fill-highlight-disabled-border-color);box-shadow:var(--okd-button-fill-highlight-disabled-shadow);color:var(--okd-button-fill-highlight-disabled-font-color)}.okui-btn.btn-fill-highlight:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-highlight:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-highlight-disabled-font-color)}.okui-btn.btn-fill-highlight.loading{cursor:pointer}.okui-btn.btn-fill-highlight .btn-icon,.okui-btn.btn-fill-highlight .okui-btn-loader-text{color:var(--okd-button-fill-highlight-default-font-color)}.okui-btn.btn-fill-highlight.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-highlight.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-highlight.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-highlight.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-highlight.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-highlight.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-highlight.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-highlight.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-highlight-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-highlight.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-highlight-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-highlight.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary{background:var(--okd-button-fill-primary-default-background);border-color:var(--okd-button-fill-primary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-primary-border-size);box-shadow:var(--okd-button-fill-primary-default-shadow);color:var(--okd-button-fill-primary-default-font-color)}.okui-btn.btn-fill-primary.hover,.okui-btn.btn-fill-primary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-primary-hover-background);border-color:var(--okd-button-fill-primary-hover-border-color);box-shadow:var(--okd-button-fill-primary-hover-shadow);color:var(--okd-button-fill-primary-hover-font-color)}.okui-btn.btn-fill-primary.hover .btn-icon,.okui-btn.btn-fill-primary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-primary-hover-font-color)}.okui-btn.btn-fill-primary.active,.okui-btn.btn-fill-primary:not(:disabled):active{background:var(--okd-button-fill-primary-active-background);border-color:var(--okd-button-fill-primary-active-border-color);box-shadow:var(--okd-button-fill-primary-active-shadow);color:var(--okd-button-fill-primary-active-font-color)}.okui-btn.btn-fill-primary.active .btn-icon,.okui-btn.btn-fill-primary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-primary-active-font-color)}.okui-btn.btn-fill-primary:not(.loading).btn-disabled,.okui-btn.btn-fill-primary:not(.loading):disabled{background:var(--okd-button-fill-primary-disabled-background);border-color:var(--okd-button-fill-primary-disabled-border-color);box-shadow:var(--okd-button-fill-primary-disabled-shadow);color:var(--okd-button-fill-primary-disabled-font-color)}.okui-btn.btn-fill-primary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-primary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-primary-disabled-font-color)}.okui-btn.btn-fill-primary.loading{cursor:pointer}.okui-btn.btn-fill-primary .btn-icon,.okui-btn.btn-fill-primary .okui-btn-loader-text{color:var(--okd-button-fill-primary-default-font-color)}.okui-btn.btn-fill-primary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-primary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-primary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-primary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-primary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-primary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-primary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-primary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-primary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-primary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-primary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-primary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-primary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-primary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-primary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary{background:var(--okd-button-fill-secondary-default-background);border-color:var(--okd-button-fill-secondary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-secondary-border-size);box-shadow:var(--okd-button-fill-secondary-default-shadow);color:var(--okd-button-fill-secondary-default-font-color)}.okui-btn.btn-fill-secondary.hover,.okui-btn.btn-fill-secondary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-secondary-hover-background);border-color:var(--okd-button-fill-secondary-hover-border-color);box-shadow:var(--okd-button-fill-secondary-hover-shadow);color:var(--okd-button-fill-secondary-hover-font-color)}.okui-btn.btn-fill-secondary.hover .btn-icon,.okui-btn.btn-fill-secondary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-secondary-hover-font-color)}.okui-btn.btn-fill-secondary.active,.okui-btn.btn-fill-secondary:not(:disabled):active{background:var(--okd-button-fill-secondary-active-background);border-color:var(--okd-button-fill-secondary-active-border-color);box-shadow:var(--okd-button-fill-secondary-active-shadow);color:var(--okd-button-fill-secondary-active-font-color)}.okui-btn.btn-fill-secondary.active .btn-icon,.okui-btn.btn-fill-secondary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-secondary-active-font-color)}.okui-btn.btn-fill-secondary:not(.loading).btn-disabled,.okui-btn.btn-fill-secondary:not(.loading):disabled{background:var(--okd-button-fill-secondary-disabled-background);border-color:var(--okd-button-fill-secondary-disabled-border-color);box-shadow:var(--okd-button-fill-secondary-disabled-shadow);color:var(--okd-button-fill-secondary-disabled-font-color)}.okui-btn.btn-fill-secondary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-secondary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-secondary-disabled-font-color)}.okui-btn.btn-fill-secondary.loading{cursor:pointer}.okui-btn.btn-fill-secondary .btn-icon,.okui-btn.btn-fill-secondary .okui-btn-loader-text{color:var(--okd-button-fill-secondary-default-font-color)}.okui-btn.btn-fill-secondary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-secondary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-secondary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-secondary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-secondary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-secondary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-secondary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-secondary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-secondary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-secondary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-secondary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary{background:var(--okd-button-fill-tertiary-default-background);border-color:var(--okd-button-fill-tertiary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-tertiary-border-size);box-shadow:var(--okd-button-fill-tertiary-default-shadow);color:var(--okd-button-fill-tertiary-default-font-color)}.okui-btn.btn-fill-tertiary.hover,.okui-btn.btn-fill-tertiary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-tertiary-hover-background);border-color:var(--okd-button-fill-tertiary-hover-border-color);box-shadow:var(--okd-button-fill-tertiary-hover-shadow);color:var(--okd-button-fill-tertiary-hover-font-color)}.okui-btn.btn-fill-tertiary.hover .btn-icon,.okui-btn.btn-fill-tertiary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-tertiary-hover-font-color)}.okui-btn.btn-fill-tertiary.active,.okui-btn.btn-fill-tertiary:not(:disabled):active{background:var(--okd-button-fill-tertiary-active-background);border-color:var(--okd-button-fill-tertiary-active-border-color);box-shadow:var(--okd-button-fill-tertiary-active-shadow);color:var(--okd-button-fill-tertiary-active-font-color)}.okui-btn.btn-fill-tertiary.active .btn-icon,.okui-btn.btn-fill-tertiary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-tertiary-active-font-color)}.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled,.okui-btn.btn-fill-tertiary:not(.loading):disabled{background:var(--okd-button-fill-tertiary-disabled-background);border-color:var(--okd-button-fill-tertiary-disabled-border-color);box-shadow:var(--okd-button-fill-tertiary-disabled-shadow);color:var(--okd-button-fill-tertiary-disabled-font-color)}.okui-btn.btn-fill-tertiary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-tertiary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-tertiary-disabled-font-color)}.okui-btn.btn-fill-tertiary.loading{cursor:pointer}.okui-btn.btn-fill-tertiary .btn-icon,.okui-btn.btn-fill-tertiary .okui-btn-loader-text{color:var(--okd-button-fill-tertiary-default-font-color)}.okui-btn.btn-fill-tertiary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-tertiary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-tertiary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-tertiary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-tertiary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-tertiary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-tertiary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-tertiary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-tertiary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-tertiary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-tertiary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary{background:var(--okd-button-fill-quaternary-default-background);border-color:var(--okd-button-fill-quaternary-default-border-color);border-style:solid;border-width:var(--okd-button-fill-quaternary-border-size);box-shadow:var(--okd-button-fill-quaternary-default-shadow);color:var(--okd-button-fill-quaternary-default-font-color)}.okui-btn.btn-fill-quaternary.hover,.okui-btn.btn-fill-quaternary:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-quaternary-hover-background);border-color:var(--okd-button-fill-quaternary-hover-border-color);box-shadow:var(--okd-button-fill-quaternary-hover-shadow);color:var(--okd-button-fill-quaternary-hover-font-color)}.okui-btn.btn-fill-quaternary.hover .btn-icon,.okui-btn.btn-fill-quaternary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-quaternary-hover-font-color)}.okui-btn.btn-fill-quaternary.active,.okui-btn.btn-fill-quaternary:not(:disabled):active{background:var(--okd-button-fill-quaternary-active-background);border-color:var(--okd-button-fill-quaternary-active-border-color);box-shadow:var(--okd-button-fill-quaternary-active-shadow);color:var(--okd-button-fill-quaternary-active-font-color)}.okui-btn.btn-fill-quaternary.active .btn-icon,.okui-btn.btn-fill-quaternary:not(:disabled):active .btn-icon{color:var(--okd-button-fill-quaternary-active-font-color)}.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled,.okui-btn.btn-fill-quaternary:not(.loading):disabled{background:var(--okd-button-fill-quaternary-disabled-background);border-color:var(--okd-button-fill-quaternary-disabled-border-color);box-shadow:var(--okd-button-fill-quaternary-disabled-shadow);color:var(--okd-button-fill-quaternary-disabled-font-color)}.okui-btn.btn-fill-quaternary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-quaternary:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-quaternary-disabled-font-color)}.okui-btn.btn-fill-quaternary.loading{cursor:pointer}.okui-btn.btn-fill-quaternary .btn-icon,.okui-btn.btn-fill-quaternary .okui-btn-loader-text{color:var(--okd-button-fill-quaternary-default-font-color)}.okui-btn.btn-fill-quaternary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-quaternary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-quaternary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-quaternary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-quaternary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-quaternary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-quaternary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-quaternary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-quaternary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-quaternary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-quaternary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-quaternary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red{background:var(--okd-button-fill-red-default-background);border-color:var(--okd-button-fill-red-default-border-color);border-style:solid;border-width:var(--okd-button-fill-red-border-size);box-shadow:var(--okd-button-fill-red-default-shadow);color:var(--okd-button-fill-red-default-font-color)}.okui-btn.btn-fill-red.hover,.okui-btn.btn-fill-red:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-red-hover-background);border-color:var(--okd-button-fill-red-hover-border-color);box-shadow:var(--okd-button-fill-red-hover-shadow);color:var(--okd-button-fill-red-hover-font-color)}.okui-btn.btn-fill-red.hover .btn-icon,.okui-btn.btn-fill-red:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-red-hover-font-color)}.okui-btn.btn-fill-red.active,.okui-btn.btn-fill-red:not(:disabled):active{background:var(--okd-button-fill-red-active-background);border-color:var(--okd-button-fill-red-active-border-color);box-shadow:var(--okd-button-fill-red-active-shadow);color:var(--okd-button-fill-red-active-font-color)}.okui-btn.btn-fill-red.active .btn-icon,.okui-btn.btn-fill-red:not(:disabled):active .btn-icon{color:var(--okd-button-fill-red-active-font-color)}.okui-btn.btn-fill-red:not(.loading).btn-disabled,.okui-btn.btn-fill-red:not(.loading):disabled{background:var(--okd-button-fill-red-disabled-background);border-color:var(--okd-button-fill-red-disabled-border-color);box-shadow:var(--okd-button-fill-red-disabled-shadow);color:var(--okd-button-fill-red-disabled-font-color)}.okui-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-red:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-red-disabled-font-color)}.okui-btn.btn-fill-red.loading{cursor:pointer}.okui-btn.btn-fill-red .btn-icon,.okui-btn.btn-fill-red .okui-btn-loader-text{color:var(--okd-button-fill-red-default-font-color)}.okui-btn.btn-fill-red.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-red.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-red.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-red.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-red.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-red.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-red.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-red.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-red.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-red.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-red.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-red.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-red.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-red.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-red-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-red.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-red-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-red.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green{background:var(--okd-button-fill-green-default-background);border-color:var(--okd-button-fill-green-default-border-color);border-style:solid;border-width:var(--okd-button-fill-green-border-size);box-shadow:var(--okd-button-fill-green-default-shadow);color:var(--okd-button-fill-green-default-font-color)}.okui-btn.btn-fill-green.hover,.okui-btn.btn-fill-green:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-green-hover-background);border-color:var(--okd-button-fill-green-hover-border-color);box-shadow:var(--okd-button-fill-green-hover-shadow);color:var(--okd-button-fill-green-hover-font-color)}.okui-btn.btn-fill-green.hover .btn-icon,.okui-btn.btn-fill-green:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-green-hover-font-color)}.okui-btn.btn-fill-green.active,.okui-btn.btn-fill-green:not(:disabled):active{background:var(--okd-button-fill-green-active-background);border-color:var(--okd-button-fill-green-active-border-color);box-shadow:var(--okd-button-fill-green-active-shadow);color:var(--okd-button-fill-green-active-font-color)}.okui-btn.btn-fill-green.active .btn-icon,.okui-btn.btn-fill-green:not(:disabled):active .btn-icon{color:var(--okd-button-fill-green-active-font-color)}.okui-btn.btn-fill-green:not(.loading).btn-disabled,.okui-btn.btn-fill-green:not(.loading):disabled{background:var(--okd-button-fill-green-disabled-background);border-color:var(--okd-button-fill-green-disabled-border-color);box-shadow:var(--okd-button-fill-green-disabled-shadow);color:var(--okd-button-fill-green-disabled-font-color)}.okui-btn.btn-fill-green:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-green:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-green-disabled-font-color)}.okui-btn.btn-fill-green.loading{cursor:pointer}.okui-btn.btn-fill-green .btn-icon,.okui-btn.btn-fill-green .okui-btn-loader-text{color:var(--okd-button-fill-green-default-font-color)}.okui-btn.btn-fill-green.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-green.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-green.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-green.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-green.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-green.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-green.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-green.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-green.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-green.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-green.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-green.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-green.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-green-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-green.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-green-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-green.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey{background:var(--okd-button-fill-grey-default-background);border-color:var(--okd-button-fill-grey-default-border-color);border-style:solid;border-width:var(--okd-button-fill-grey-border-size);box-shadow:var(--okd-button-fill-grey-default-shadow);color:var(--okd-button-fill-grey-default-font-color)}.okui-btn.btn-fill-grey.hover,.okui-btn.btn-fill-grey:not(:disabled):not(.mobile):hover{background:var(--okd-button-fill-grey-hover-background);border-color:var(--okd-button-fill-grey-hover-border-color);box-shadow:var(--okd-button-fill-grey-hover-shadow);color:var(--okd-button-fill-grey-hover-font-color)}.okui-btn.btn-fill-grey.hover .btn-icon,.okui-btn.btn-fill-grey:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-grey-hover-font-color)}.okui-btn.btn-fill-grey.active,.okui-btn.btn-fill-grey:not(:disabled):active{background:var(--okd-button-fill-grey-active-background);border-color:var(--okd-button-fill-grey-active-border-color);box-shadow:var(--okd-button-fill-grey-active-shadow);color:var(--okd-button-fill-grey-active-font-color)}.okui-btn.btn-fill-grey.active .btn-icon,.okui-btn.btn-fill-grey:not(:disabled):active .btn-icon{color:var(--okd-button-fill-grey-active-font-color)}.okui-btn.btn-fill-grey:not(.loading).btn-disabled,.okui-btn.btn-fill-grey:not(.loading):disabled{background:var(--okd-button-fill-grey-disabled-background);border-color:var(--okd-button-fill-grey-disabled-border-color);box-shadow:var(--okd-button-fill-grey-disabled-shadow);color:var(--okd-button-fill-grey-disabled-font-color)}.okui-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-fill-grey:not(.loading):disabled .btn-icon{color:var(--okd-button-fill-grey-disabled-font-color)}.okui-btn.btn-fill-grey.loading{cursor:pointer}.okui-btn.btn-fill-grey .btn-icon,.okui-btn.btn-fill-grey .okui-btn-loader-text{color:var(--okd-button-fill-grey-default-font-color)}.okui-btn.btn-fill-grey.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-fill-grey.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-fill-grey.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-fill-grey.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-fill-grey.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-fill-grey.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-fill-grey.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-fill-grey.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-fill-grey.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-fill-grey.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-fill-grey.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-fill-grey.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-fill-grey-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-fill-grey.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-fill-grey-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-fill-grey.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight{background:var(--okd-button-outline-highlight-default-background);border-color:var(--okd-button-outline-highlight-default-border-color);border-style:solid;border-width:var(--okd-button-outline-highlight-border-size);box-shadow:var(--okd-button-outline-highlight-default-shadow);color:var(--okd-button-outline-highlight-default-font-color)}.okui-btn.btn-outline-highlight.hover,.okui-btn.btn-outline-highlight:not(:disabled):not(.mobile):hover{background:var(--okd-button-outline-highlight-hover-background);border-color:var(--okd-button-outline-highlight-hover-border-color);box-shadow:var(--okd-button-outline-highlight-hover-shadow);color:var(--okd-button-outline-highlight-hover-font-color)}.okui-btn.btn-outline-highlight.hover .btn-icon,.okui-btn.btn-outline-highlight:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-highlight-hover-font-color)}.okui-btn.btn-outline-highlight.active,.okui-btn.btn-outline-highlight:not(:disabled):active{background:var(--okd-button-outline-highlight-active-background);border-color:var(--okd-button-outline-highlight-active-border-color);box-shadow:var(--okd-button-outline-highlight-active-shadow);color:var(--okd-button-outline-highlight-active-font-color)}.okui-btn.btn-outline-highlight.active .btn-icon,.okui-btn.btn-outline-highlight:not(:disabled):active .btn-icon{color:var(--okd-button-outline-highlight-active-font-color)}.okui-btn.btn-outline-highlight:not(.loading).btn-disabled,.okui-btn.btn-outline-highlight:not(.loading):disabled{background:var(--okd-button-outline-highlight-disabled-background);border-color:var(--okd-button-outline-highlight-disabled-border-color);box-shadow:var(--okd-button-outline-highlight-disabled-shadow);color:var(--okd-button-outline-highlight-disabled-font-color)}.okui-btn.btn-outline-highlight:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-highlight:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-highlight-disabled-font-color)}.okui-btn.btn-outline-highlight.loading{cursor:pointer}.okui-btn.btn-outline-highlight .btn-icon,.okui-btn.btn-outline-highlight .okui-btn-loader-text{color:var(--okd-button-outline-highlight-default-font-color)}.okui-btn.btn-outline-highlight.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-outline-highlight.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-outline-highlight.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-outline-highlight.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-outline-highlight.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-outline-highlight.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-outline-highlight.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-highlight.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-highlight-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-highlight.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-highlight-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-outline-highlight.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.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(.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(.mobile):hover .btn-icon{color:var(--okd-button-outline-primary-hover-font-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-font-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-font-color)}.okui-btn.btn-outline-primary.loading{cursor:pointer}.okui-btn.btn-outline-primary .btn-icon,.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:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xxs-line-height))}.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:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xs-line-height))}.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:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-s-line-height))}.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:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-sm-line-height))}.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:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-md-line-height))}.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:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-lg-line-height))}.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:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-primary-border-size))*2 + var(--okd-button-xl-line-height))}.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-outline-secondary{background:var(--okd-button-outline-secondary-default-background);border-color:var(--okd-button-outline-secondary-default-border-color);border-style:solid;border-width:var(--okd-button-outline-secondary-border-size);box-shadow:var(--okd-button-outline-secondary-default-shadow);color:var(--okd-button-outline-secondary-default-font-color)}.okui-btn.btn-outline-secondary.hover,.okui-btn.btn-outline-secondary:not(:disabled):not(.mobile):hover{background:var(--okd-button-outline-secondary-hover-background);border-color:var(--okd-button-outline-secondary-hover-border-color);box-shadow:var(--okd-button-outline-secondary-hover-shadow);color:var(--okd-button-outline-secondary-hover-font-color)}.okui-btn.btn-outline-secondary.hover .btn-icon,.okui-btn.btn-outline-secondary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-secondary-hover-font-color)}.okui-btn.btn-outline-secondary.active,.okui-btn.btn-outline-secondary:not(:disabled):active{background:var(--okd-button-outline-secondary-active-background);border-color:var(--okd-button-outline-secondary-active-border-color);box-shadow:var(--okd-button-outline-secondary-active-shadow);color:var(--okd-button-outline-secondary-active-font-color)}.okui-btn.btn-outline-secondary.active .btn-icon,.okui-btn.btn-outline-secondary:not(:disabled):active .btn-icon{color:var(--okd-button-outline-secondary-active-font-color)}.okui-btn.btn-outline-secondary:not(.loading).btn-disabled,.okui-btn.btn-outline-secondary:not(.loading):disabled{background:var(--okd-button-outline-secondary-disabled-background);border-color:var(--okd-button-outline-secondary-disabled-border-color);box-shadow:var(--okd-button-outline-secondary-disabled-shadow);color:var(--okd-button-outline-secondary-disabled-font-color)}.okui-btn.btn-outline-secondary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-secondary:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-secondary-disabled-font-color)}.okui-btn.btn-outline-secondary.loading{cursor:pointer}.okui-btn.btn-outline-secondary .btn-icon,.okui-btn.btn-outline-secondary .okui-btn-loader-text{color:var(--okd-button-outline-secondary-default-font-color)}.okui-btn.btn-outline-secondary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-outline-secondary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xs-line-height))}.okui-btn.btn-outline-secondary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-s.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-s-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-s-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-s-line-height))}.okui-btn.btn-outline-secondary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-sm.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-sm-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-sm-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-sm-line-height))}.okui-btn.btn-outline-secondary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-md.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-md-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-md-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-md-line-height))}.okui-btn.btn-outline-secondary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-lg.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-lg-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-lg-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-lg-line-height))}.okui-btn.btn-outline-secondary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-secondary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-secondary.btn-xl.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xl-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xl-padding-vertical) + var(--okd-button-outline-secondary-border-size))*2 + var(--okd-button-xl-line-height))}.okui-btn.btn-outline-secondary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary{background:var(--okd-button-outline-tertiary-default-background);border-color:var(--okd-button-outline-tertiary-default-border-color);border-style:solid;border-width:var(--okd-button-outline-tertiary-border-size);box-shadow:var(--okd-button-outline-tertiary-default-shadow);color:var(--okd-button-outline-tertiary-default-font-color)}.okui-btn.btn-outline-tertiary.hover,.okui-btn.btn-outline-tertiary:not(:disabled):not(.mobile):hover{background:var(--okd-button-outline-tertiary-hover-background);border-color:var(--okd-button-outline-tertiary-hover-border-color);box-shadow:var(--okd-button-outline-tertiary-hover-shadow);color:var(--okd-button-outline-tertiary-hover-font-color)}.okui-btn.btn-outline-tertiary.hover .btn-icon,.okui-btn.btn-outline-tertiary:not(:disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-tertiary-hover-font-color)}.okui-btn.btn-outline-tertiary.active,.okui-btn.btn-outline-tertiary:not(:disabled):active{background:var(--okd-button-outline-tertiary-active-background);border-color:var(--okd-button-outline-tertiary-active-border-color);box-shadow:var(--okd-button-outline-tertiary-active-shadow);color:var(--okd-button-outline-tertiary-active-font-color)}.okui-btn.btn-outline-tertiary.active .btn-icon,.okui-btn.btn-outline-tertiary:not(:disabled):active .btn-icon{color:var(--okd-button-outline-tertiary-active-font-color)}.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled,.okui-btn.btn-outline-tertiary:not(.loading):disabled{background:var(--okd-button-outline-tertiary-disabled-background);border-color:var(--okd-button-outline-tertiary-disabled-border-color);box-shadow:var(--okd-button-outline-tertiary-disabled-shadow);color:var(--okd-button-outline-tertiary-disabled-font-color)}.okui-btn.btn-outline-tertiary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-outline-tertiary:not(.loading):disabled .btn-icon{color:var(--okd-button-outline-tertiary-disabled-font-color)}.okui-btn.btn-outline-tertiary.loading{cursor:pointer}.okui-btn.btn-outline-tertiary .btn-icon,.okui-btn.btn-outline-tertiary .okui-btn-loader-text{color:var(--okd-button-outline-tertiary-default-font-color)}.okui-btn.btn-outline-tertiary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xxs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xxs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xxs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xxs-line-height))}.okui-btn.btn-outline-tertiary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xs.okui-btn-strict-circle{border-radius:200px;height:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xs-line-height));min-width:0;overflow:hidden;padding:0;width:calc((var(--okd-button-xs-padding-vertical) + var(--okd-button-outline-tertiary-border-size))*2 + var(--okd-button-xs-line-height))}