.cs-btn .cs-btn-fill-red-loader{border-color:var(--cs-okd-button-fill-red-loader-track-color);border-top-color:var(--cs-okd-button-fill-red-loader-mark-color)}.cs-btn.btn-fill-red{background:var(--cs-okd-button-fill-red-default-background);border-color:var(--cs-okd-button-fill-red-default-border-color);border-style:solid;border-width:var(--cs-okd-button-fill-red-border-size);box-shadow:var(--cs-okd-button-fill-red-default-shadow);color:var(--cs-okd-button-fill-red-default-font-color)}.cs-btn.btn-fill-red.hover,.cs-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--cs-okd-button-fill-red-hover-background);border-color:var(--cs-okd-button-fill-red-hover-border-color);box-shadow:var(--cs-okd-button-fill-red-hover-shadow);color:var(--cs-okd-button-fill-red-hover-font-color)}.cs-btn.btn-fill-red.hover .btn-icon,.cs-btn.btn-fill-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--cs-okd-button-fill-red-hover-icon-color)}.cs-btn.btn-fill-red.active,.cs-btn.btn-fill-red:not(:disabled):active{background:var(--cs-okd-button-fill-red-active-background);border-color:var(--cs-okd-button-fill-red-active-border-color);box-shadow:var(--cs-okd-button-fill-red-active-shadow);color:var(--cs-okd-button-fill-red-active-font-color)}.cs-btn.btn-fill-red.active .btn-icon,.cs-btn.btn-fill-red:not(:disabled):active .btn-icon{color:var(--cs-okd-button-fill-red-active-icon-color)}.cs-btn.btn-fill-red:not(.loading).btn-disabled,.cs-btn.btn-fill-red:not(.loading):disabled{background:var(--cs-okd-button-fill-red-disabled-background);border-color:var(--cs-okd-button-fill-red-disabled-border-color);box-shadow:var(--cs-okd-button-fill-red-disabled-shadow);color:var(--cs-okd-button-fill-red-disabled-font-color)}.cs-btn.btn-fill-red:not(.loading).btn-disabled .btn-icon,.cs-btn.btn-fill-red:not(.loading):disabled .btn-icon{color:var(--cs-okd-button-fill-red-disabled-icon-color)}.cs-btn.btn-fill-red.loading{cursor:pointer}.cs-btn.btn-fill-red .btn-icon{color:var(--cs-okd-button-fill-red-default-icon-color)}.cs-btn.btn-fill-red .cs-btn-loader-text{color:var(--cs-okd-button-fill-red-default-font-color)}.cs-btn.btn-fill-red.btn-xxs{padding:calc(var(--cs-okd-button-xxs-padding-vertical) + 1px - var(--cs-okd-button-fill-red-border-size)) var(--cs-okd-button-xxs-padding-horizontal)}.cs-btn.btn-fill-red.btn-xxs.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-xxs-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-red-border-size)*2);height:calc(var(--cs-okd-button-xxs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-xxs-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-red-border-size)*2);width:calc(var(--cs-okd-button-xxs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-red-border-size)*2)}.cs-btn.btn-fill-red.btn-xxs.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-red.btn-xs{padding:calc(var(--cs-okd-button-xs-padding-vertical) + 1px - var(--cs-okd-button-fill-red-border-size)) var(--cs-okd-button-xs-padding-horizontal)}.cs-btn.btn-fill-red.btn-xs.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-xs-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-red-border-size)*2);height:calc(var(--cs-okd-button-xs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-xs-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-red-border-size)*2);width:calc(var(--cs-okd-button-xs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-red-border-size)*2)}.cs-btn.btn-fill-red.btn-xs.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-red.btn-s{padding:calc(var(--cs-okd-button-s-padding-vertical) + 1px - var(--cs-okd-button-fill-red-border-size)) var(--cs-okd-button-s-padding-horizontal)}.cs-btn.btn-fill-red.btn-s.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-s-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-red-border-size)*2);height:calc(var(--cs-okd-button-s-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-s-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-red-border-size)*2);width:calc(var(--cs-okd-button-s-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-red-border-size)*2)}.cs-btn.btn-fill-red.btn-s.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-red.btn-sm{padding:calc(var(--cs-okd-button-sm-padding-vertical) + 1px - var(--cs-okd-button-fill-red-border-size)) var(--cs-okd-button-sm-padding-horizontal)}.cs-btn.btn-fill-red.btn-sm.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-sm-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-red-border-size)*2);height:calc(var(--cs-okd-button-sm-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-sm-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-red-border-size)*2);width:calc(var(--cs-okd-button-sm-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-red-border-size)*2)}.cs-btn.btn-fill-red.btn-sm.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-red.btn-md{padding:calc(var(--cs-okd-button-md-padding-vertical) + 1px - var(--cs-okd-button-fill-red-border-size)) var(--cs-okd-button-md-padding-horizontal)}.cs-btn.btn-fill-red.btn-md.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-md-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-red-border-size)*2);height:calc(var(--cs-okd-button-md-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-md-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-red-border-size)*2);width:calc(var(--cs-okd-button-md-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-red-border-size)*2)}.cs-btn.btn-fill-red.btn-md.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-red.btn-lg{padding:calc(var(--cs-okd-button-lg-padding-vertical) + 1px - var(--cs-okd-button-fill-red-border-size)) var(--cs-okd-button-lg-padding-horizontal)}.cs-btn.btn-fill-red.btn-lg.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-lg-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-red-border-size)*2);height:calc(var(--cs-okd-button-lg-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-lg-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-red-border-size)*2);width:calc(var(--cs-okd-button-lg-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-red-border-size)*2)}.cs-btn.btn-fill-red.btn-lg.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-red.btn-xl{padding:calc(var(--cs-okd-button-xl-padding-vertical) + 1px - var(--cs-okd-button-fill-red-border-size)) var(--cs-okd-button-xl-padding-horizontal)}.cs-btn.btn-fill-red.btn-xl.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-xl-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-red-border-size)*2);height:calc(var(--cs-okd-button-xl-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-xl-padding-vertical) + 1px) - var(--cs-okd-button-fill-red-border-size))*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-red-border-size)*2);width:calc(var(--cs-okd-button-xl-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-red-border-size)*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-red-border-size)*2)}.cs-btn.btn-fill-red.btn-xl.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn .btn-content{align-items:center;display:flex}.cs-btn .cs-btn-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.loading .btn-content{opacity:0}.cs-btn.loading .btn-content-position{display:none}.cs-btn.loading .cs-btn-loader{line-height:0;position:absolute}.cs-btn.loading .btn-loader-position-absolute{position:relative}.cs-btn-loader-container{height:100%;position:relative}.cs-btn .btn-icon+.btn-content{margin-left:4px}.cs-btn.btn-xxs .btn-icon{font-size:var(--cs-okd-button-xxs-icon-size)}.cs-btn.btn-xxs .btn-icon-leading{margin-right:var(--cs-okd-button-xxs-icon-margin)}.cs-btn.btn-xxs .btn-icon-tailing{margin-left:var(--cs-okd-button-xxs-icon-margin)}.cs-btn.btn-xxs .cs-btn-loader-size{border-radius:var(--cs-okd-button-xxs-loader-size);height:var(--cs-okd-button-xxs-loader-size);width:var(--cs-okd-button-xxs-loader-size)}.cs-btn.btn-xs .btn-icon{font-size:var(--cs-okd-button-xs-icon-size)}.cs-btn.btn-xs .btn-icon-leading{margin-right:var(--cs-okd-button-xs-icon-margin)}.cs-btn.btn-xs .btn-icon-tailing{margin-left:var(--cs-okd-button-xs-icon-margin)}.cs-btn.btn-xs .cs-btn-loader-size{border-radius:var(--cs-okd-button-xs-loader-size);height:var(--cs-okd-button-xs-loader-size);width:var(--cs-okd-button-xs-loader-size)}.cs-btn.btn-s .btn-icon{font-size:var(--cs-okd-button-s-icon-size)}.cs-btn.btn-s .btn-icon-leading{margin-right:var(--cs-okd-button-s-icon-margin)}.cs-btn.btn-s .btn-icon-tailing{margin-left:var(--cs-okd-button-s-icon-margin)}.cs-btn.btn-s .cs-btn-loader-size{border-radius:var(--cs-okd-button-s-loader-size);height:var(--cs-okd-button-s-loader-size);width:var(--cs-okd-button-s-loader-size)}.cs-btn.btn-sm .btn-icon{font-size:var(--cs-okd-button-sm-icon-size)}.cs-btn.btn-sm .btn-icon-leading{margin-right:var(--cs-okd-button-sm-icon-margin)}.cs-btn.btn-sm .btn-icon-tailing{margin-left:var(--cs-okd-button-sm-icon-margin)}.cs-btn.btn-sm .cs-btn-loader-size{border-radius:var(--cs-okd-button-sm-loader-size);height:var(--cs-okd-button-sm-loader-size);width:var(--cs-okd-button-sm-loader-size)}.cs-btn.btn-md .btn-icon{font-size:var(--cs-okd-button-md-icon-size)}.cs-btn.btn-md .btn-icon-leading{margin-right:var(--cs-okd-button-md-icon-margin)}.cs-btn.btn-md .btn-icon-tailing{margin-left:var(--cs-okd-button-md-icon-margin)}.cs-btn.btn-md .cs-btn-loader-size{border-radius:var(--cs-okd-button-md-loader-size);height:var(--cs-okd-button-md-loader-size);width:var(--cs-okd-button-md-loader-size)}.cs-btn.btn-lg .btn-icon{font-size:var(--cs-okd-button-lg-icon-size)}.cs-btn.btn-lg .btn-icon-leading{margin-right:var(--cs-okd-button-lg-icon-margin)}.cs-btn.btn-lg .btn-icon-tailing{margin-left:var(--cs-okd-button-lg-icon-margin)}.cs-btn.btn-lg .cs-btn-loader-size{border-radius:var(--cs-okd-button-lg-loader-size);height:var(--cs-okd-button-lg-loader-size);width:var(--cs-okd-button-lg-loader-size)}.cs-btn.btn-xl .btn-icon{font-size:var(--cs-okd-button-xl-icon-size)}.cs-btn.btn-xl .btn-icon-leading{margin-right:var(--cs-okd-button-xl-icon-margin)}.cs-btn.btn-xl .btn-icon-tailing{margin-left:var(--cs-okd-button-xl-icon-margin)}.cs-btn.btn-xl .cs-btn-loader-size{border-radius:var(--cs-okd-button-xl-loader-size);height:var(--cs-okd-button-xl-loader-size);width:var(--cs-okd-button-xl-loader-size)}.cs-btn .cs-btn-fill-grey-loader{border-color:var(--cs-okd-button-fill-grey-loader-track-color);border-top-color:var(--cs-okd-button-fill-grey-loader-mark-color)}.cs-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;-moz-box-sizing:border-box;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;-ms-user-select:none;user-select:none}.cs-btn.focus-visible{outline:2px solid var(--cs-okd-color-border-focus);outline-color:var(--cs-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.cs-btn:focus-visible{outline:2px solid var(--cs-okd-color-border-focus);outline-color:var(--cs-okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.cs-btn.btn-fill-grey{background:var(--cs-okd-button-fill-grey-default-background);border-color:var(--cs-okd-button-fill-grey-default-border-color);border-style:solid;border-width:var(--cs-okd-button-fill-grey-border-size);box-shadow:var(--cs-okd-button-fill-grey-default-shadow);color:var(--cs-okd-button-fill-grey-default-font-color)}.cs-btn.btn-fill-grey.hover,.cs-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--cs-okd-button-fill-grey-hover-background);border-color:var(--cs-okd-button-fill-grey-hover-border-color);box-shadow:var(--cs-okd-button-fill-grey-hover-shadow);color:var(--cs-okd-button-fill-grey-hover-font-color)}.cs-btn.btn-fill-grey.hover .btn-icon,.cs-btn.btn-fill-grey:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--cs-okd-button-fill-grey-hover-icon-color)}.cs-btn.btn-fill-grey.active,.cs-btn.btn-fill-grey:not(:disabled):active{background:var(--cs-okd-button-fill-grey-active-background);border-color:var(--cs-okd-button-fill-grey-active-border-color);box-shadow:var(--cs-okd-button-fill-grey-active-shadow);color:var(--cs-okd-button-fill-grey-active-font-color)}.cs-btn.btn-fill-grey.active .btn-icon,.cs-btn.btn-fill-grey:not(:disabled):active .btn-icon{color:var(--cs-okd-button-fill-grey-active-icon-color)}.cs-btn.btn-fill-grey:not(.loading).btn-disabled,.cs-btn.btn-fill-grey:not(.loading):disabled{background:var(--cs-okd-button-fill-grey-disabled-background);border-color:var(--cs-okd-button-fill-grey-disabled-border-color);box-shadow:var(--cs-okd-button-fill-grey-disabled-shadow);color:var(--cs-okd-button-fill-grey-disabled-font-color)}.cs-btn.btn-fill-grey:not(.loading).btn-disabled .btn-icon,.cs-btn.btn-fill-grey:not(.loading):disabled .btn-icon{color:var(--cs-okd-button-fill-grey-disabled-icon-color)}.cs-btn.btn-fill-grey.loading{cursor:pointer}.cs-btn.btn-fill-grey .btn-icon{color:var(--cs-okd-button-fill-grey-default-icon-color)}.cs-btn.btn-fill-grey .cs-btn-loader-text{color:var(--cs-okd-button-fill-grey-default-font-color)}.cs-btn.btn-fill-grey.btn-xxs{padding:calc(var(--cs-okd-button-xxs-padding-vertical) + 1px - var(--cs-okd-button-fill-grey-border-size)) var(--cs-okd-button-xxs-padding-horizontal)}.cs-btn.btn-fill-grey.btn-xxs.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-xxs-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);height:calc(var(--cs-okd-button-xxs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-xxs-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);width:calc(var(--cs-okd-button-xxs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-xxs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2)}.cs-btn.btn-fill-grey.btn-xxs.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-grey.btn-xs{padding:calc(var(--cs-okd-button-xs-padding-vertical) + 1px - var(--cs-okd-button-fill-grey-border-size)) var(--cs-okd-button-xs-padding-horizontal)}.cs-btn.btn-fill-grey.btn-xs.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-xs-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);height:calc(var(--cs-okd-button-xs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-xs-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);width:calc(var(--cs-okd-button-xs-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-xs-line-height) + var(--cs-okd-button-fill-grey-border-size)*2)}.cs-btn.btn-fill-grey.btn-xs.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-grey.btn-s{padding:calc(var(--cs-okd-button-s-padding-vertical) + 1px - var(--cs-okd-button-fill-grey-border-size)) var(--cs-okd-button-s-padding-horizontal)}.cs-btn.btn-fill-grey.btn-s.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-s-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);height:calc(var(--cs-okd-button-s-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-s-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);width:calc(var(--cs-okd-button-s-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-s-line-height) + var(--cs-okd-button-fill-grey-border-size)*2)}.cs-btn.btn-fill-grey.btn-s.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-grey.btn-sm{padding:calc(var(--cs-okd-button-sm-padding-vertical) + 1px - var(--cs-okd-button-fill-grey-border-size)) var(--cs-okd-button-sm-padding-horizontal)}.cs-btn.btn-fill-grey.btn-sm.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-sm-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);height:calc(var(--cs-okd-button-sm-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-sm-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);width:calc(var(--cs-okd-button-sm-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-sm-line-height) + var(--cs-okd-button-fill-grey-border-size)*2)}.cs-btn.btn-fill-grey.btn-sm.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-grey.btn-md{padding:calc(var(--cs-okd-button-md-padding-vertical) + 1px - var(--cs-okd-button-fill-grey-border-size)) var(--cs-okd-button-md-padding-horizontal)}.cs-btn.btn-fill-grey.btn-md.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-md-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);height:calc(var(--cs-okd-button-md-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-md-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);width:calc(var(--cs-okd-button-md-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-md-line-height) + var(--cs-okd-button-fill-grey-border-size)*2)}.cs-btn.btn-fill-grey.btn-md.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-grey.btn-lg{padding:calc(var(--cs-okd-button-lg-padding-vertical) + 1px - var(--cs-okd-button-fill-grey-border-size)) var(--cs-okd-button-lg-padding-horizontal)}.cs-btn.btn-fill-grey.btn-lg.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-lg-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);height:calc(var(--cs-okd-button-lg-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-lg-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);width:calc(var(--cs-okd-button-lg-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-lg-line-height) + var(--cs-okd-button-fill-grey-border-size)*2)}.cs-btn.btn-fill-grey.btn-lg.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-fill-grey.btn-xl{padding:calc(var(--cs-okd-button-xl-padding-vertical) + 1px - var(--cs-okd-button-fill-grey-border-size)) var(--cs-okd-button-xl-padding-horizontal)}.cs-btn.btn-fill-grey.btn-xl.cs-btn-strict-circle{border-radius:100px;height:calc(((var(--cs-okd-button-xl-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);height:calc(var(--cs-okd-button-xl-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(((var(--cs-okd-button-xl-padding-vertical) + 1px) - var(--cs-okd-button-fill-grey-border-size))*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-grey-border-size)*2);width:calc(var(--cs-okd-button-xl-padding-vertical)*2 + 2px - var(--cs-okd-button-fill-grey-border-size)*2 + var(--cs-okd-button-xl-line-height) + var(--cs-okd-button-fill-grey-border-size)*2)}.cs-btn.btn-fill-grey.btn-xl.cs-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cs-btn.btn-xxs{border-radius:var(--cs-okd-button-xxs-border-radius);font-weight:500;font-weight:var(--cs-okd-button-xxs-font-weight,500);min-width:var(--cs-okd-button-xxs-min-width)}.cs-btn.btn-xxs,.cs-btn.btn-xxs .cs-btn-loader-text{font-size:var(--cs-okd-button-xxs-font-size);line-height:var(--cs-okd-button-xxs-line-height)}.cs-btn.btn-xxs .cs-btn-loader-text{margin-left:var(--cs-okd-button-xxs-loader-text-margin-left)}.cs-btn.btn-xxs.btn-rect{border-radius:4px;border-radius:var(--cs-okd-button-rect-xxs-border-radius,4px)}.cs-btn.btn-xs{border-radius:var(--cs-okd-button-xs-border-radius);font-weight:500;font-weight:var(--cs-okd-button-xs-font-weight,500);min-width:var(--cs-okd-button-xs-min-width)}.cs-btn.btn-xs,.cs-btn.btn-xs .cs-btn-loader-text{font-size:var(--cs-okd-button-xs-font-size);line-height:var(--cs-okd-button-xs-line-height)}.cs-btn.btn-xs .cs-btn-loader-text{margin-left:var(--cs-okd-button-xs-loader-text-margin-left)}.cs-btn.btn-xs.btn-rect{border-radius:4px;border-radius:var(--cs-okd-button-rect-xs-border-radius,4px)}.cs-btn.btn-s{border-radius:var(--cs-okd-button-s-border-radius);font-weight:500;font-weight:var(--cs-okd-button-s-font-weight,500);min-width:var(--cs-okd-button-s-min-width)}.cs-btn.btn-s,.cs-btn.btn-s .cs-btn-loader-text{font-size:var(--cs-okd-button-s-font-size);line-height:var(--cs-okd-button-s-line-height)}.cs-btn.btn-s .cs-btn-loader-text{margin-left:var(--cs-okd-button-s-loader-text-margin-left)}.cs-btn.btn-s.btn-rect{border-radius:4px;border-radius:var(--cs-okd-button-rect-s-border-radius,4px)}.cs-btn.btn-sm{border-radius:var(--cs-okd-button-sm-border-radius);font-weight:500;font-weight:var(--cs-okd-button-sm-font-weight,500);min-width:var(--cs-okd-button-sm-min-width)}.cs-btn.btn-sm,.cs-btn.btn-sm .cs-btn-loader-text{font-size:var(--cs-okd-button-sm-font-size);line-height:var(--cs-okd-button-sm-line-height)}.cs-btn.btn-sm .cs-btn-loader-text{margin-left:var(--cs-okd-button-sm-loader-text-margin-left)}.cs-btn.btn-sm.btn-rect{border-radius:4px;border-radius:var(--cs-okd-button-rect-sm-border-radius,4px)}.cs-btn.btn-md{border-radius:var(--cs-okd-button-md-border-radius);font-weight:500;font-weight:var(--cs-okd-button-md-font-weight,500);min-width:var(--cs-okd-button-md-min-width)}.cs-btn.btn-md,.cs-btn.btn-md .cs-btn-loader-text{font-size:var(--cs-okd-button-md-font-size);line-height:var(--cs-okd-button-md-line-height)}.cs-btn.btn-md .cs-btn-loader-text{margin-left:var(--cs-okd-button-md-loader-text-margin-left)}.cs-btn.btn-md.btn-rect{border-radius:4px;border-radius:var(--cs-okd-button-rect-md-border-radius,4px)}.cs-btn.btn-lg{border-radius:var(--cs-okd-button-lg-border-radius);font-weight:500;font-weight:var(--cs-okd-button-lg-font-weight,500);min-width:var(--cs-okd-button-lg-min-width)}.cs-btn.btn-lg,.cs-btn.btn-lg .cs-btn-loader-text{font-size:var(--cs-okd-button-lg-font-size);line-height:var(--cs-okd-button-lg-line-height)}.cs-btn.btn-lg .cs-btn-loader-text{margin-left:var(--cs-okd-button-lg-loader-text-margin-left)}.cs-btn.btn-lg.btn-rect{border-radius:8px;border-radius:var(--cs-okd-button-rect-lg-border-radius,8px)}.cs-btn.btn-xl{border-radius:var(--cs-okd-button-xl-border-radius);font-weight:500;font-weight:var(--cs-okd-button-xl-font-weight,500);min-width:var(--cs-okd-button-xl-min-width)}.cs-btn.btn-xl,.cs-btn.btn-xl .cs-btn-loader-text{font-size:var(--cs-okd-button-xl-font-size);line-height:var(--cs-okd-button-xl-line-height)}.cs-btn.btn-xl .cs-btn-loader-text{margin-left:var(--cs-okd-button-xl-loader-text-margin-left)}.cs-btn.btn-xl.btn-rect{border-radius:8px;border-radius:var(--cs-okd-button-rect-xl-border-radius,8px)}.cs-btn.btn-disabled,.cs-btn:disabled{cursor:not-allowed}.cs-btn.block{display:flex;width:100%}.cs-btn.btn-circle{border-radius:100px!important}
