.okui-a11y-card{position:relative}.okui-a11y-card .okui-a11y-card-focusable:focus-visible{border-radius:4px;outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:4px;outline-style:solid;outline-width:2px}.okui-a11y-card-main-action{bottom:0;cursor:pointer;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.okui-a11y-card-inner-action{position:relative;z-index:1}.okui-a11y-selection{display:none}.theme-dark,.theme-light{--okd-avatar-default-background:var(--okd-color-surface-structural-layer-2);--okd-avatar-xs-font-size:14px;--okd-avatar-xs-line-height:14px;--okd-avatar-xs-size:32px;--okd-avatar-sm-font-size:16px;--okd-avatar-sm-line-height:var(--okd-line-height-xs);--okd-avatar-sm-size:36px;--okd-avatar-md-font-size:16px;--okd-avatar-md-line-height:16px;--okd-avatar-md-size:40px;--okd-avatar-lg-font-size:18px;--okd-avatar-lg-line-height:18px;--okd-avatar-lg-size:52px;--okd-avatar-xl-font-size:40px;--okd-avatar-xl-line-height:40px;--okd-avatar-xl-size:80px;--okd-avatar-border-color:var(--okd-color-border-static-default);--okd-avatar-ring-color:var(--okd-color-border-static-feature);--okd-avatar-ring-width:2px;--okd-avatar-ring-padding:2px;--okd-avatar-xxs-font-size:12px;--okd-avatar-xxs-line-height:12px;--okd-avatar-xxs-size:20px;--okd-avatar-xxl-font-size:56px;--okd-avatar-xxl-line-height:56px;--okd-avatar-xxl-size:112px;--okd-avatar-content-color:var(--okd-color-content-static-subtle)}.okui-avatar{align-items:center;background-color:var(--okd-avatar-default-background);border:1px solid var(--okd-avatar-border-color);border-radius:100%;box-sizing:border-box;color:var(--okd-avatar-content-color);display:flex;justify-content:center;position:relative}.okui-avatar-img{border-radius:100%;height:100%;width:100%}.okui-avatar-img-loading{position:relative;visibility:hidden}.okui-avatar .okui-avatar-skeleton{border-radius:100%;height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.okui-avatar-alt{align-items:center;background-color:var(--okd-avatar-default-background);border-radius:100%;display:flex;height:100%;justify-content:center;width:100%}.okui-avatar-alt span{max-width:80%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.okui-avatar-xxs{font-size:var(--okd-avatar-xs-font-size);font-size:var(--okd-avatar-xxs-font-size,var(--okd-avatar-xs-font-size));height:20px;height:var(--okd-avatar-xxs-size,20px);line-height:var(--okd-avatar-xs-line-height);line-height:var(--okd-avatar-xxs-line-height,var(--okd-avatar-xs-line-height));width:20px;width:var(--okd-avatar-xxs-size,20px)}.okui-avatar-xs{font-size:var(--okd-avatar-xs-font-size);height:32px;height:var(--okd-avatar-xs-size,32px);line-height:var(--okd-avatar-xs-line-height);width:32px;width:var(--okd-avatar-xs-size,32px)}.okui-avatar-sm{font-size:var(--okd-avatar-sm-font-size);height:36px;height:var(--okd-avatar-sm-size,36px);line-height:var(--okd-avatar-sm-line-height);width:36px;width:var(--okd-avatar-sm-size,36px)}.okui-avatar-md{font-size:var(--okd-avatar-md-font-size);height:40px;height:var(--okd-avatar-md-size,40px);line-height:var(--okd-avatar-md-line-height);width:40px;width:var(--okd-avatar-md-size,40px)}.okui-avatar-lg{font-size:var(--okd-avatar-lg-font-size);height:52px;height:var(--okd-avatar-lg-size,52px);line-height:var(--okd-avatar-lg-line-height);width:52px;width:var(--okd-avatar-lg-size,52px)}.okui-avatar-xl{height:80px;height:var(--okd-avatar-xl-size,80px);width:80px;width:var(--okd-avatar-xl-size,80px)}.okui-avatar-xl,.okui-avatar-xxl{font-size:var(--okd-avatar-xl-font-size);line-height:var(--okd-avatar-xl-line-height)}.okui-avatar-xxl{font-size:var(--okd-avatar-xxl-font-size,var(--okd-avatar-xl-font-size));height:112px;height:var(--okd-avatar-xxl-size,112px);line-height:var(--okd-avatar-xxl-line-height,var(--okd-avatar-xl-line-height));width:112px;width:var(--okd-avatar-xxl-size,112px)}.okui-avatar-ring{border:var(--okd-avatar-ring-width,2px) solid var(--okd-avatar-ring-color,var(--okd-avatar-border-color));border-radius:100%;box-sizing:border-box;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:4px;padding:var(--okd-avatar-ring-padding,4px);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.theme-light{--okd-badge-grey-background:hsla(0,0%,92%,.7);--okd-badge-grey-text-color:#3d3d3d;--okd-badge-grey-delete-color:#6e6e6e;--okd-badge-green-background:rgba(49,189,101,.15);--okd-badge-green-text-color:#31bd65;--okd-badge-green-delete-color:#31bd65;--okd-badge-red-background:rgba(235,75,109,.1);--okd-badge-red-text-color:#eb4b6d;--okd-badge-red-delete-color:#eb4b6d;--okd-badge-yellow-background:#fffcf5;--okd-badge-yellow-text-color:#d29801;--okd-badge-yellow-delete-color:#ffb905;--okd-badge-orange-background:#fef9f6;--okd-badge-orange-text-color:#f16514;--okd-badge-orange-delete-color:#f16514;--okd-badge-blue-background:#f5f9ff;--okd-badge-blue-text-color:#277dff;--okd-badge-blue-delete-color:#0569ff;--okd-badge-md-padding-vertical:2px;--okd-badge-md-padding-horizontal:8px;--okd-badge-lg-padding-vertical:3px;--okd-badge-lg-padding-horizontal:12px;--okd-badge-md-font-size:var(--okd-font-size-xs);--okd-badge-lg-font-size:var(--okd-font-size-md);--okd-badge-md-line-height:var(--okd-line-height-xs);--okd-badge-lg-line-height:var(--okd-line-height-base);--okd-badge-basic-md-radius:var(--okd-border-radius-xxl);--okd-badge-basic-lg-radius:var(--okd-border-radius-xxxl);--okd-badge-rounded-md-radius:var(--okd-border-radius-md);--okd-badge-rounded-lg-radius:var(--okd-border-radius-md)}.theme-dark{--okd-badge-grey-background:#2e2e2e;--okd-badge-grey-text-color:#fafafa;--okd-badge-grey-delete-color:#f0f0f0;--okd-badge-green-background:rgba(37,167,80,.15);--okd-badge-green-text-color:#25a750;--okd-badge-green-delete-color:#25a750;--okd-badge-red-background:rgba(202,63,100,.1);--okd-badge-red-text-color:#ca3f64;--okd-badge-red-delete-color:#ca3f64;--okd-badge-yellow-background:#2d2104;--okd-badge-yellow-text-color:#e0b134;--okd-badge-yellow-delete-color:#dba20e;--okd-badge-orange-background:#361604;--okd-badge-orange-text-color:#fa8c4d;--okd-badge-orange-delete-color:#fa8c4d;--okd-badge-blue-background:#051738;--okd-badge-blue-text-color:#4283ff;--okd-badge-blue-delete-color:#4283ff;--okd-badge-md-padding-vertical:2px;--okd-badge-md-padding-horizontal:8px;--okd-badge-lg-padding-vertical:3px;--okd-badge-lg-padding-horizontal:12px;--okd-badge-md-font-size:var(--okd-font-size-xs);--okd-badge-lg-font-size:var(--okd-font-size-md);--okd-badge-md-line-height:var(--okd-line-height-xs);--okd-badge-lg-line-height:var(--okd-line-height-base);--okd-badge-basic-md-radius:var(--okd-border-radius-xxl);--okd-badge-basic-lg-radius:var(--okd-border-radius-xxxl);--okd-badge-rounded-md-radius:var(--okd-border-radius-md);--okd-badge-rounded-lg-radius:var(--okd-border-radius-md)}.okui-badge{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;box-sizing:border-box;display:inline-flex;font-family:inherit;justify-content:center;margin-bottom:0;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}.okui-badge .badge-content{pointer-events:none}.okui-badge .badge-delete{cursor:pointer;margin-left:8px}.okui-badge .badge-delete .icon{font-size:14px}.okui-badge.badge-lg .badge-delete{margin-right:-2px}.okui-badge.badge-red{background:var(--okd-badge-red-background);color:var(--okd-badge-red-text-color)}.okui-badge.badge-red .badge-dot{background:var(--okd-badge-red-text-color)}.okui-badge.badge-red .badge-delete{color:var(--okd-badge-red-delete-color)}.okui-badge.badge-green{background:var(--okd-badge-green-background);color:var(--okd-badge-green-text-color)}.okui-badge.badge-green .badge-dot{background:var(--okd-badge-green-text-color)}.okui-badge.badge-green .badge-delete{color:var(--okd-badge-green-delete-color)}.okui-badge.badge-yellow{background:var(--okd-badge-yellow-background);color:var(--okd-badge-yellow-text-color)}.okui-badge.badge-yellow .badge-dot{background:var(--okd-badge-yellow-text-color)}.okui-badge.badge-yellow .badge-delete{color:var(--okd-badge-yellow-delete-color)}.okui-badge.badge-orange{background:var(--okd-badge-orange-background);color:var(--okd-badge-orange-text-color)}.okui-badge.badge-orange .badge-dot{background:var(--okd-badge-orange-text-color)}.okui-badge.badge-orange .badge-delete{color:var(--okd-badge-orange-delete-color)}.okui-badge.badge-blue{background:var(--okd-badge-blue-background);color:var(--okd-badge-blue-text-color)}.okui-badge.badge-blue .badge-dot{background:var(--okd-badge-blue-text-color)}.okui-badge.badge-blue .badge-delete{color:var(--okd-badge-blue-delete-color)}.okui-badge.badge-grey{background:var(--okd-badge-grey-background);color:var(--okd-badge-grey-text-color)}.okui-badge.badge-grey .badge-dot{background:var(--okd-badge-grey-text-color)}.okui-badge.badge-grey .badge-delete{color:var(--okd-badge-grey-delete-color)}.okui-badge.badge-md{font-size:var(--okd-badge-md-font-size);line-height:var(--okd-badge-md-line-height);padding:var(--okd-badge-md-padding-vertical) var(--okd-badge-md-padding-horizontal)}.okui-badge.badge-md.basic{border-radius:var(--okd-badge-basic-md-radius)}.okui-badge.badge-md.rounded{border-radius:var(--okd-badge-rounded-md-radius)}.okui-badge.badge-lg{font-size:var(--okd-badge-lg-font-size);line-height:var(--okd-badge-lg-line-height);padding:var(--okd-badge-lg-padding-vertical) var(--okd-badge-lg-padding-horizontal)}.okui-badge.badge-lg.basic{border-radius:var(--okd-badge-basic-lg-radius)}.okui-badge.badge-lg.rounded{border-radius:var(--okd-badge-rounded-lg-radius)}.okui-btn .okui-btn-fill-grey-loader{border-color:var(--okd-button-fill-grey-loader-track-color);border-top-color:var(--okd-button-fill-grey-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-grey-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-grey.loading{cursor:pointer}.okui-btn.btn-fill-grey .btn-icon{color:var(--okd-button-fill-grey-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-grey-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-grey-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-grey-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-grey-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-grey-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-grey-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-grey-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-grey-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-grey-border-size)*2)}.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 .okui-btn-fill-green-loader{border-color:var(--okd-button-fill-green-loader-track-color);border-top-color:var(--okd-button-fill-green-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-green-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-green.loading{cursor:pointer}.okui-btn.btn-fill-green .btn-icon{color:var(--okd-button-fill-green-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-green-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-green-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-green-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-green-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-green-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-green-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-green-border-size)*2)}.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 .okui-btn-fill-highlight-loader{border-color:var(--okd-button-fill-highlight-loader-track-color);border-top-color:var(--okd-button-fill-highlight-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-highlight-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-highlight.loading{cursor:pointer}.okui-btn.btn-fill-highlight .btn-icon{color:var(--okd-button-fill-highlight-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-highlight-border-size)*2)}.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 .okui-btn-fill-primary-loader{border-color:var(--okd-button-fill-primary-loader-track-color);border-top-color:var(--okd-button-fill-primary-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-primary-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-primary.loading{cursor:pointer}.okui-btn.btn-fill-primary .btn-icon{color:var(--okd-button-fill-primary-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-primary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-primary-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-primary-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-primary-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-primary-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-primary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-primary-border-size)*2)}.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 .okui-btn-fill-quaternary-loader{border-color:var(--okd-button-fill-quaternary-loader-track-color);border-top-color:var(--okd-button-fill-quaternary-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-quaternary-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-quaternary.loading{cursor:pointer}.okui-btn.btn-fill-quaternary .btn-icon{color:var(--okd-button-fill-quaternary-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-quaternary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-quaternary-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-quaternary-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-quaternary-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-quaternary-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-quaternary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-quaternary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-quaternary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-quaternary-border-size)*2)}.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 .okui-btn-fill-red-loader{border-color:var(--okd-button-fill-red-loader-track-color);border-top-color:var(--okd-button-fill-red-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-red-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-red.loading{cursor:pointer}.okui-btn.btn-fill-red .btn-icon{color:var(--okd-button-fill-red-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-red-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-red-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-red-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-red-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-red-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-red-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-red-border-size)*2)}.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 .okui-btn-fill-secondary-loader{border-color:var(--okd-button-fill-secondary-loader-track-color);border-top-color:var(--okd-button-fill-secondary-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-secondary-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-secondary.loading{cursor:pointer}.okui-btn.btn-fill-secondary .btn-icon{color:var(--okd-button-fill-secondary-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-secondary-border-size)*2)}.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 .okui-btn-fill-tertiary-loader{border-color:var(--okd-button-fill-tertiary-loader-track-color);border-top-color:var(--okd-button-fill-tertiary-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-fill-tertiary-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-fill-tertiary.loading{cursor:pointer}.okui-btn.btn-fill-tertiary .btn-icon{color:var(--okd-button-fill-tertiary-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-fill-tertiary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-fill-tertiary-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-fill-tertiary-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-fill-tertiary-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-fill-tertiary-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-fill-tertiary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-fill-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-fill-tertiary-border-size)*2)}.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 .okui-btn-outline-highlight-loader{border-color:var(--okd-button-outline-highlight-loader-track-color);border-top-color:var(--okd-button-outline-highlight-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-highlight-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-outline-highlight.loading{cursor:pointer}.okui-btn.btn-outline-highlight .btn-icon{color:var(--okd-button-outline-highlight-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-highlight-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-highlight-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-highlight-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-highlight-border-size)*2)}.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 .okui-btn-outline-secondary-loader{border-color:var(--okd-button-outline-secondary-loader-track-color);border-top-color:var(--okd-button-outline-secondary-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-secondary-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-outline-secondary.loading{cursor:pointer}.okui-btn.btn-outline-secondary .btn-icon{color:var(--okd-button-outline-secondary-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-secondary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-secondary-border-size)*2)}.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 .okui-btn-outline-tertiary-loader{border-color:var(--okd-button-outline-tertiary-loader-track-color);border-top-color:var(--okd-button-outline-tertiary-loader-mark-color)}.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(.btn-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(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-outline-tertiary-hover-icon-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-icon-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-icon-color)}.okui-btn.btn-outline-tertiary.loading{cursor:pointer}.okui-btn.btn-outline-tertiary .btn-icon{color:var(--okd-button-outline-tertiary-default-icon-color)}.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:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-outline-tertiary-border-size)*2)}.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:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-outline-tertiary-border-size)*2)}.okui-btn.btn-outline-tertiary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-outline-tertiary-border-size)*2)}.okui-btn.btn-outline-tertiary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-outline-tertiary-border-size)*2)}.okui-btn.btn-outline-tertiary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-outline-tertiary-border-size)*2)}.okui-btn.btn-outline-tertiary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-outline-tertiary-border-size)*2)}.okui-btn.btn-outline-tertiary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-outline-tertiary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-outline-tertiary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-outline-tertiary.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-tertiary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-outline-tertiary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-outline-tertiary-border-size)*2)}.okui-btn.btn-outline-tertiary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green{background:var(--okd-button-text-green-default-background);border-color:var(--okd-button-text-green-default-border-color);border-style:solid;border-width:var(--okd-button-text-green-border-size);box-shadow:var(--okd-button-text-green-default-shadow);color:var(--okd-button-text-green-default-font-color)}.okui-btn.btn-text-green.hover,.okui-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-text-green-hover-background);border-color:var(--okd-button-text-green-hover-border-color);box-shadow:var(--okd-button-text-green-hover-shadow);color:var(--okd-button-text-green-hover-font-color)}.okui-btn.btn-text-green.hover .btn-icon,.okui-btn.btn-text-green:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-green-hover-icon-color)}.okui-btn.btn-text-green.active,.okui-btn.btn-text-green:not(:disabled):active{background:var(--okd-button-text-green-active-background);border-color:var(--okd-button-text-green-active-border-color);box-shadow:var(--okd-button-text-green-active-shadow);color:var(--okd-button-text-green-active-font-color)}.okui-btn.btn-text-green.active .btn-icon,.okui-btn.btn-text-green:not(:disabled):active .btn-icon{color:var(--okd-button-text-green-active-icon-color)}.okui-btn.btn-text-green:not(.loading).btn-disabled,.okui-btn.btn-text-green:not(.loading):disabled{background:var(--okd-button-text-green-disabled-background);border-color:var(--okd-button-text-green-disabled-border-color);box-shadow:var(--okd-button-text-green-disabled-shadow);color:var(--okd-button-text-green-disabled-font-color)}.okui-btn.btn-text-green:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-green:not(.loading):disabled .btn-icon{color:var(--okd-button-text-green-disabled-icon-color)}.okui-btn.btn-text-green.loading{cursor:pointer}.okui-btn.btn-text-green .btn-icon{color:var(--okd-button-text-green-default-icon-color)}.okui-btn.btn-text-green .okui-btn-loader-text{color:var(--okd-button-text-green-default-font-color)}.okui-btn.btn-text-green.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-green-border-size)*2)}.okui-btn.btn-text-green.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-green-border-size)*2)}.okui-btn.btn-text-green.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-green-border-size)*2)}.okui-btn.btn-text-green.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-green-border-size)*2)}.okui-btn.btn-text-green.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-green-border-size)*2)}.okui-btn.btn-text-green.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-green-border-size)*2)}.okui-btn.btn-text-green.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-green.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-green-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-green-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-green-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-green-border-size)*2)}.okui-btn.btn-text-green.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange{background:var(--okd-button-text-orange-default-background);border-color:var(--okd-button-text-orange-default-border-color);border-style:solid;border-width:var(--okd-button-text-orange-border-size);box-shadow:var(--okd-button-text-orange-default-shadow);color:var(--okd-button-text-orange-default-font-color)}.okui-btn.btn-text-orange.hover,.okui-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-text-orange-hover-background);border-color:var(--okd-button-text-orange-hover-border-color);box-shadow:var(--okd-button-text-orange-hover-shadow);color:var(--okd-button-text-orange-hover-font-color)}.okui-btn.btn-text-orange.hover .btn-icon,.okui-btn.btn-text-orange:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-orange-hover-icon-color)}.okui-btn.btn-text-orange.active,.okui-btn.btn-text-orange:not(:disabled):active{background:var(--okd-button-text-orange-active-background);border-color:var(--okd-button-text-orange-active-border-color);box-shadow:var(--okd-button-text-orange-active-shadow);color:var(--okd-button-text-orange-active-font-color)}.okui-btn.btn-text-orange.active .btn-icon,.okui-btn.btn-text-orange:not(:disabled):active .btn-icon{color:var(--okd-button-text-orange-active-icon-color)}.okui-btn.btn-text-orange:not(.loading).btn-disabled,.okui-btn.btn-text-orange:not(.loading):disabled{background:var(--okd-button-text-orange-disabled-background);border-color:var(--okd-button-text-orange-disabled-border-color);box-shadow:var(--okd-button-text-orange-disabled-shadow);color:var(--okd-button-text-orange-disabled-font-color)}.okui-btn.btn-text-orange:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-orange:not(.loading):disabled .btn-icon{color:var(--okd-button-text-orange-disabled-icon-color)}.okui-btn.btn-text-orange.loading{cursor:pointer}.okui-btn.btn-text-orange .btn-icon{color:var(--okd-button-text-orange-default-icon-color)}.okui-btn.btn-text-orange .okui-btn-loader-text{color:var(--okd-button-text-orange-default-font-color)}.okui-btn.btn-text-orange.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-orange-border-size)*2)}.okui-btn.btn-text-orange.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-orange-border-size)*2)}.okui-btn.btn-text-orange.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-orange.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-orange-border-size)*2)}.okui-btn.btn-text-orange.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-orange-border-size)*2)}.okui-btn.btn-text-orange.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-orange-border-size)*2)}.okui-btn.btn-text-orange.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-orange-border-size)*2)}.okui-btn.btn-text-orange.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-orange.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-orange-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-orange-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-orange-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-orange-border-size)*2)}.okui-btn.btn-text-orange.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary{background:var(--okd-button-text-primary-default-background);border-color:var(--okd-button-text-primary-default-border-color);border-style:solid;border-width:var(--okd-button-text-primary-border-size);box-shadow:var(--okd-button-text-primary-default-shadow);color:var(--okd-button-text-primary-default-font-color)}.okui-btn.btn-text-primary.hover,.okui-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-text-primary-hover-background);border-color:var(--okd-button-text-primary-hover-border-color);box-shadow:var(--okd-button-text-primary-hover-shadow);color:var(--okd-button-text-primary-hover-font-color)}.okui-btn.btn-text-primary.hover .btn-icon,.okui-btn.btn-text-primary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-primary-hover-icon-color)}.okui-btn.btn-text-primary.active,.okui-btn.btn-text-primary:not(:disabled):active{background:var(--okd-button-text-primary-active-background);border-color:var(--okd-button-text-primary-active-border-color);box-shadow:var(--okd-button-text-primary-active-shadow);color:var(--okd-button-text-primary-active-font-color)}.okui-btn.btn-text-primary.active .btn-icon,.okui-btn.btn-text-primary:not(:disabled):active .btn-icon{color:var(--okd-button-text-primary-active-icon-color)}.okui-btn.btn-text-primary:not(.loading).btn-disabled,.okui-btn.btn-text-primary:not(.loading):disabled{background:var(--okd-button-text-primary-disabled-background);border-color:var(--okd-button-text-primary-disabled-border-color);box-shadow:var(--okd-button-text-primary-disabled-shadow);color:var(--okd-button-text-primary-disabled-font-color)}.okui-btn.btn-text-primary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-primary:not(.loading):disabled .btn-icon{color:var(--okd-button-text-primary-disabled-icon-color)}.okui-btn.btn-text-primary.loading{cursor:pointer}.okui-btn.btn-text-primary .btn-icon{color:var(--okd-button-text-primary-default-icon-color)}.okui-btn.btn-text-primary .okui-btn-loader-text{color:var(--okd-button-text-primary-default-font-color)}.okui-btn.btn-text-primary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-primary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-primary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-primary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-primary-border-size)*2)}.okui-btn.btn-text-primary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red{background:var(--okd-button-text-red-default-background);border-color:var(--okd-button-text-red-default-border-color);border-style:solid;border-width:var(--okd-button-text-red-border-size);box-shadow:var(--okd-button-text-red-default-shadow);color:var(--okd-button-text-red-default-font-color)}.okui-btn.btn-text-red.hover,.okui-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-text-red-hover-background);border-color:var(--okd-button-text-red-hover-border-color);box-shadow:var(--okd-button-text-red-hover-shadow);color:var(--okd-button-text-red-hover-font-color)}.okui-btn.btn-text-red.hover .btn-icon,.okui-btn.btn-text-red:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-red-hover-icon-color)}.okui-btn.btn-text-red.active,.okui-btn.btn-text-red:not(:disabled):active{background:var(--okd-button-text-red-active-background);border-color:var(--okd-button-text-red-active-border-color);box-shadow:var(--okd-button-text-red-active-shadow);color:var(--okd-button-text-red-active-font-color)}.okui-btn.btn-text-red.active .btn-icon,.okui-btn.btn-text-red:not(:disabled):active .btn-icon{color:var(--okd-button-text-red-active-icon-color)}.okui-btn.btn-text-red:not(.loading).btn-disabled,.okui-btn.btn-text-red:not(.loading):disabled{background:var(--okd-button-text-red-disabled-background);border-color:var(--okd-button-text-red-disabled-border-color);box-shadow:var(--okd-button-text-red-disabled-shadow);color:var(--okd-button-text-red-disabled-font-color)}.okui-btn.btn-text-red:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-red:not(.loading):disabled .btn-icon{color:var(--okd-button-text-red-disabled-icon-color)}.okui-btn.btn-text-red.loading{cursor:pointer}.okui-btn.btn-text-red .btn-icon{color:var(--okd-button-text-red-default-icon-color)}.okui-btn.btn-text-red .okui-btn-loader-text{color:var(--okd-button-text-red-default-font-color)}.okui-btn.btn-text-red.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-red-border-size)*2)}.okui-btn.btn-text-red.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-red-border-size)*2)}.okui-btn.btn-text-red.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-red-border-size)*2)}.okui-btn.btn-text-red.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-red-border-size)*2)}.okui-btn.btn-text-red.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-red-border-size)*2)}.okui-btn.btn-text-red.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-red-border-size)*2)}.okui-btn.btn-text-red.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-red.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-red-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-red-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-red-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-red-border-size)*2)}.okui-btn.btn-text-red.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary{background:var(--okd-button-text-secondary-default-background);border-color:var(--okd-button-text-secondary-default-border-color);border-style:solid;border-width:var(--okd-button-text-secondary-border-size);box-shadow:var(--okd-button-text-secondary-default-shadow);color:var(--okd-button-text-secondary-default-font-color)}.okui-btn.btn-text-secondary.hover,.okui-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-text-secondary-hover-background);border-color:var(--okd-button-text-secondary-hover-border-color);box-shadow:var(--okd-button-text-secondary-hover-shadow);color:var(--okd-button-text-secondary-hover-font-color)}.okui-btn.btn-text-secondary.hover .btn-icon,.okui-btn.btn-text-secondary:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-secondary-hover-icon-color)}.okui-btn.btn-text-secondary.active,.okui-btn.btn-text-secondary:not(:disabled):active{background:var(--okd-button-text-secondary-active-background);border-color:var(--okd-button-text-secondary-active-border-color);box-shadow:var(--okd-button-text-secondary-active-shadow);color:var(--okd-button-text-secondary-active-font-color)}.okui-btn.btn-text-secondary.active .btn-icon,.okui-btn.btn-text-secondary:not(:disabled):active .btn-icon{color:var(--okd-button-text-secondary-active-icon-color)}.okui-btn.btn-text-secondary:not(.loading).btn-disabled,.okui-btn.btn-text-secondary:not(.loading):disabled{background:var(--okd-button-text-secondary-disabled-background);border-color:var(--okd-button-text-secondary-disabled-border-color);box-shadow:var(--okd-button-text-secondary-disabled-shadow);color:var(--okd-button-text-secondary-disabled-font-color)}.okui-btn.btn-text-secondary:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-secondary:not(.loading):disabled .btn-icon{color:var(--okd-button-text-secondary-disabled-icon-color)}.okui-btn.btn-text-secondary.loading{cursor:pointer}.okui-btn.btn-text-secondary .btn-icon{color:var(--okd-button-text-secondary-default-icon-color)}.okui-btn.btn-text-secondary .okui-btn-loader-text{color:var(--okd-button-text-secondary-default-font-color)}.okui-btn.btn-text-secondary.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-secondary-border-size)*2)}.okui-btn.btn-text-secondary.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-secondary-border-size)*2)}.okui-btn.btn-text-secondary.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-secondary-border-size)*2)}.okui-btn.btn-text-secondary.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-secondary.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-secondary-border-size)*2)}.okui-btn.btn-text-secondary.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-secondary.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-secondary-border-size)*2)}.okui-btn.btn-text-secondary.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-secondary.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-secondary-border-size)*2)}.okui-btn.btn-text-secondary.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-secondary.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-secondary-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-secondary.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-secondary-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-secondary-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-secondary-border-size)*2)}.okui-btn.btn-text-secondary.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn .btn-content{align-items:center;display:flex}.okui-btn .okui-btn-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.loading .btn-content{opacity:0}.okui-btn.loading .btn-content-position{display:none}.okui-btn.loading .okui-btn-loader{line-height:0;position:absolute}.okui-btn.loading .btn-loader-position-absolute{position:relative}.okui-btn-loader-container{height:100%;position:relative}.okui-btn .btn-icon+.btn-content{margin-left:4px}.okui-btn.btn-xxs .btn-icon{font-size:var(--okd-button-xxs-icon-size)}.okui-btn.btn-xxs .btn-icon-leading{margin-right:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .btn-icon-tailing{margin-left:var(--okd-button-xxs-icon-margin)}.okui-btn.btn-xxs .okui-btn-loader-size{border-radius:var(--okd-button-xxs-loader-size);height:var(--okd-button-xxs-loader-size);width:var(--okd-button-xxs-loader-size)}.okui-btn.btn-xs .btn-icon{font-size:var(--okd-button-xs-icon-size)}.okui-btn.btn-xs .btn-icon-leading{margin-right:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .btn-icon-tailing{margin-left:var(--okd-button-xs-icon-margin)}.okui-btn.btn-xs .okui-btn-loader-size{border-radius:var(--okd-button-xs-loader-size);height:var(--okd-button-xs-loader-size);width:var(--okd-button-xs-loader-size)}.okui-btn.btn-s .btn-icon{font-size:var(--okd-button-s-icon-size)}.okui-btn.btn-s .btn-icon-leading{margin-right:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .btn-icon-tailing{margin-left:var(--okd-button-s-icon-margin)}.okui-btn.btn-s .okui-btn-loader-size{border-radius:var(--okd-button-s-loader-size);height:var(--okd-button-s-loader-size);width:var(--okd-button-s-loader-size)}.okui-btn.btn-sm .btn-icon{font-size:var(--okd-button-sm-icon-size)}.okui-btn.btn-sm .btn-icon-leading{margin-right:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .btn-icon-tailing{margin-left:var(--okd-button-sm-icon-margin)}.okui-btn.btn-sm .okui-btn-loader-size{border-radius:var(--okd-button-sm-loader-size);height:var(--okd-button-sm-loader-size);width:var(--okd-button-sm-loader-size)}.okui-btn.btn-md .btn-icon{font-size:var(--okd-button-md-icon-size)}.okui-btn.btn-md .btn-icon-leading{margin-right:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .btn-icon-tailing{margin-left:var(--okd-button-md-icon-margin)}.okui-btn.btn-md .okui-btn-loader-size{border-radius:var(--okd-button-md-loader-size);height:var(--okd-button-md-loader-size);width:var(--okd-button-md-loader-size)}.okui-btn.btn-lg .btn-icon{font-size:var(--okd-button-lg-icon-size)}.okui-btn.btn-lg .btn-icon-leading{margin-right:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .btn-icon-tailing{margin-left:var(--okd-button-lg-icon-margin)}.okui-btn.btn-lg .okui-btn-loader-size{border-radius:var(--okd-button-lg-loader-size);height:var(--okd-button-lg-loader-size);width:var(--okd-button-lg-loader-size)}.okui-btn.btn-xl .btn-icon{font-size:var(--okd-button-xl-icon-size)}.okui-btn.btn-xl .btn-icon-leading{margin-right:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .btn-icon-tailing{margin-left:var(--okd-button-xl-icon-margin)}.okui-btn.btn-xl .okui-btn-loader-size{border-radius:var(--okd-button-xl-loader-size);height:var(--okd-button-xl-loader-size);width:var(--okd-button-xl-loader-size)}.okui-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-appearance:none;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-weight:500;justify-content:center;outline:none;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-btn:focus-visible{outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-btn.btn-text-yellow{background:var(--okd-button-text-yellow-default-background);border-color:var(--okd-button-text-yellow-default-border-color);border-style:solid;border-width:var(--okd-button-text-yellow-border-size);box-shadow:var(--okd-button-text-yellow-default-shadow);color:var(--okd-button-text-yellow-default-font-color)}.okui-btn.btn-text-yellow.hover,.okui-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover{background:var(--okd-button-text-yellow-hover-background);border-color:var(--okd-button-text-yellow-hover-border-color);box-shadow:var(--okd-button-text-yellow-hover-shadow);color:var(--okd-button-text-yellow-hover-font-color)}.okui-btn.btn-text-yellow.hover .btn-icon,.okui-btn.btn-text-yellow:not(:disabled):not(.btn-disabled):not(.mobile):hover .btn-icon{color:var(--okd-button-text-yellow-hover-icon-color)}.okui-btn.btn-text-yellow.active,.okui-btn.btn-text-yellow:not(:disabled):active{background:var(--okd-button-text-yellow-active-background);border-color:var(--okd-button-text-yellow-active-border-color);box-shadow:var(--okd-button-text-yellow-active-shadow);color:var(--okd-button-text-yellow-active-font-color)}.okui-btn.btn-text-yellow.active .btn-icon,.okui-btn.btn-text-yellow:not(:disabled):active .btn-icon{color:var(--okd-button-text-yellow-active-icon-color)}.okui-btn.btn-text-yellow:not(.loading).btn-disabled,.okui-btn.btn-text-yellow:not(.loading):disabled{background:var(--okd-button-text-yellow-disabled-background);border-color:var(--okd-button-text-yellow-disabled-border-color);box-shadow:var(--okd-button-text-yellow-disabled-shadow);color:var(--okd-button-text-yellow-disabled-font-color)}.okui-btn.btn-text-yellow:not(.loading).btn-disabled .btn-icon,.okui-btn.btn-text-yellow:not(.loading):disabled .btn-icon{color:var(--okd-button-text-yellow-disabled-icon-color)}.okui-btn.btn-text-yellow.loading{cursor:pointer}.okui-btn.btn-text-yellow .btn-icon{color:var(--okd-button-text-yellow-default-icon-color)}.okui-btn.btn-text-yellow .okui-btn-loader-text{color:var(--okd-button-text-yellow-default-font-color)}.okui-btn.btn-text-yellow.btn-xxs{padding:calc(var(--okd-button-xxs-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xxs-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xxs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xxs-line-height) + var(--okd-button-text-yellow-border-size)*2)}.okui-btn.btn-text-yellow.btn-xxs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-xs{padding:calc(var(--okd-button-xs-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xs-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xs-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xs-line-height) + var(--okd-button-text-yellow-border-size)*2)}.okui-btn.btn-text-yellow.btn-xs.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-s{padding:calc(var(--okd-button-s-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-s-padding-horizontal)}.okui-btn.btn-text-yellow.btn-s.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-s-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-s-line-height) + var(--okd-button-text-yellow-border-size)*2)}.okui-btn.btn-text-yellow.btn-s.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-sm{padding:calc(var(--okd-button-sm-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-sm-padding-horizontal)}.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-sm-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-sm-line-height) + var(--okd-button-text-yellow-border-size)*2)}.okui-btn.btn-text-yellow.btn-sm.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-md{padding:calc(var(--okd-button-md-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-md-padding-horizontal)}.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-md-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-md-line-height) + var(--okd-button-text-yellow-border-size)*2)}.okui-btn.btn-text-yellow.btn-md.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-lg{padding:calc(var(--okd-button-lg-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-lg-padding-horizontal)}.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-lg-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-lg-line-height) + var(--okd-button-text-yellow-border-size)*2)}.okui-btn.btn-text-yellow.btn-lg.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-text-yellow.btn-xl{padding:calc(var(--okd-button-xl-padding-vertical) + 1px - var(--okd-button-text-yellow-border-size)) var(--okd-button-xl-padding-horizontal)}.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle{border-radius:100px;height:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-yellow-border-size)*2);min-width:0;overflow:hidden;padding:0;width:calc(var(--okd-button-xl-padding-vertical)*2 + 2px - var(--okd-button-text-yellow-border-size)*2 + var(--okd-button-xl-line-height) + var(--okd-button-text-yellow-border-size)*2)}.okui-btn.btn-text-yellow.btn-xl.okui-btn-strict-circle .btn-content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-btn.btn-xxs{border-radius:var(--okd-button-xxs-border-radius);font-weight:500;font-weight:var(--okd-button-xxs-font-weight,500);min-width:var(--okd-button-xxs-min-width)}.okui-btn.btn-xxs,.okui-btn.btn-xxs .okui-btn-loader-text{font-size:var(--okd-button-xxs-font-size);line-height:var(--okd-button-xxs-line-height)}.okui-btn.btn-xxs .okui-btn-loader-text{margin-left:var(--okd-button-xxs-loader-text-margin-left)}.okui-btn.btn-xxs.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-xxs-border-radius,4px)}.okui-btn.btn-xs{border-radius:var(--okd-button-xs-border-radius);font-weight:500;font-weight:var(--okd-button-xs-font-weight,500);min-width:var(--okd-button-xs-min-width)}.okui-btn.btn-xs,.okui-btn.btn-xs .okui-btn-loader-text{font-size:var(--okd-button-xs-font-size);line-height:var(--okd-button-xs-line-height)}.okui-btn.btn-xs .okui-btn-loader-text{margin-left:var(--okd-button-xs-loader-text-margin-left)}.okui-btn.btn-xs.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-xs-border-radius,4px)}.okui-btn.btn-s{border-radius:var(--okd-button-s-border-radius);font-weight:500;font-weight:var(--okd-button-s-font-weight,500);min-width:var(--okd-button-s-min-width)}.okui-btn.btn-s,.okui-btn.btn-s .okui-btn-loader-text{font-size:var(--okd-button-s-font-size);line-height:var(--okd-button-s-line-height)}.okui-btn.btn-s .okui-btn-loader-text{margin-left:var(--okd-button-s-loader-text-margin-left)}.okui-btn.btn-s.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-s-border-radius,4px)}.okui-btn.btn-sm{border-radius:var(--okd-button-sm-border-radius);font-weight:500;font-weight:var(--okd-button-sm-font-weight,500);min-width:var(--okd-button-sm-min-width)}.okui-btn.btn-sm,.okui-btn.btn-sm .okui-btn-loader-text{font-size:var(--okd-button-sm-font-size);line-height:var(--okd-button-sm-line-height)}.okui-btn.btn-sm .okui-btn-loader-text{margin-left:var(--okd-button-sm-loader-text-margin-left)}.okui-btn.btn-sm.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-sm-border-radius,4px)}.okui-btn.btn-md{border-radius:var(--okd-button-md-border-radius);font-weight:500;font-weight:var(--okd-button-md-font-weight,500);min-width:var(--okd-button-md-min-width)}.okui-btn.btn-md,.okui-btn.btn-md .okui-btn-loader-text{font-size:var(--okd-button-md-font-size);line-height:var(--okd-button-md-line-height)}.okui-btn.btn-md .okui-btn-loader-text{margin-left:var(--okd-button-md-loader-text-margin-left)}.okui-btn.btn-md.btn-rect{border-radius:4px;border-radius:var(--okd-button-rect-md-border-radius,4px)}.okui-btn.btn-lg{border-radius:var(--okd-button-lg-border-radius);font-weight:500;font-weight:var(--okd-button-lg-font-weight,500);min-width:var(--okd-button-lg-min-width)}.okui-btn.btn-lg,.okui-btn.btn-lg .okui-btn-loader-text{font-size:var(--okd-button-lg-font-size);line-height:var(--okd-button-lg-line-height)}.okui-btn.btn-lg .okui-btn-loader-text{margin-left:var(--okd-button-lg-loader-text-margin-left)}.okui-btn.btn-lg.btn-rect{border-radius:8px;border-radius:var(--okd-button-rect-lg-border-radius,8px)}.okui-btn.btn-xl{border-radius:var(--okd-button-xl-border-radius);font-weight:500;font-weight:var(--okd-button-xl-font-weight,500);min-width:var(--okd-button-xl-min-width)}.okui-btn.btn-xl,.okui-btn.btn-xl .okui-btn-loader-text{font-size:var(--okd-button-xl-font-size);line-height:var(--okd-button-xl-line-height)}.okui-btn.btn-xl .okui-btn-loader-text{margin-left:var(--okd-button-xl-loader-text-margin-left)}.okui-btn.btn-xl.btn-rect{border-radius:8px;border-radius:var(--okd-button-rect-xl-border-radius,8px)}.okui-btn.btn-disabled,.okui-btn:disabled{cursor:not-allowed}.okui-btn.block{display:flex;width:100%}.okui-btn.btn-circle{border-radius:100px!important}.theme-light{--okd-cascader-item-color:#6e6e6e;--okd-cascader-item-padding-horizontal:15px;--okd-cascader-item-padding-vertical:15px;--okd-cascader-item-hover-background:#f5f9ff;--okd-cascader-item-active-background:#f5f9ff;--okd-cascader-item-active-color:#000;--okd-cascader-item-disabled-background:transparent;--okd-cascader-item-disabled-color:#dbdbdb;--okd-cascader-reference-default-color:var(--okd-color-content-static-default);--okd-cascader-reference-default-font-size:14px;--okd-cascader-reference-default-font-weight:400;--okd-cascader-reference-default-line-height:24px;--okd-cascader-breadcrumbs-padding-horizontal:16px;--okd-cascader-breadcrumbs-padding-vertical:12px;--okd-cascader-breadcrumbs-scroll-icon-color:var(--okd-color-content-static-subtler);--okd-cascader-breadcrumbs-scroll-icon-hover-color:var(--okd-color-content-interactive-active);--okd-cascader-breadcrumbs-scroll-icon-bg-start-color:var(--okd-color-content-static-inverse);--okd-cascader-breadcrumbs-scroll-icon-bg-end-color:var(--okd-color-surface-structural-base);--okd-cascader-popup-background:#fff;--okd-cascader-pc-empty-text-color:var(--okd-color-content-interactive-disabled);--okd-cascader-reference-default-label-color:var(--okd-color-content-static-default);--okd-cascader-reference-default-border-color:var(--okd-color-border-static-default);--okd-cascader-reference-default-icon-color:var(--okd-color-content-static-default);--okd-cascader-reference-placeholder-color:var(--okd-color-content-static-placeholder);--okd-cascader-reference-hover-border-color:var(--okd-color-border-interactive-hovered);--okd-cascader-reference-disabled-border-color:var(--okd-color-border-interactive-disabled);--okd-cascader-reference-disabled-background-color:var(--okd-color-surface-interactive-disabled);--okd-cascader-reference-error-border-color:var(--okd-color-border-interactive-error);--okd-cascader-reference-clear-icon-color:var(--okd-color-content-static-default);--okd-cascader-pc-popup-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--okd-cascader-pc-panel-background:var(--okd-color-surface-structural-elevated-contrast);--okd-cascader-pc-panel-border-color:var(--okd-color-border-static-default);--okd-cascader-pc-item-hover-background:var(--okd-color-surface-interactive-hovered);--okd-cascader-pc-item-icon-checked-color:var(--okd-color-content-static-default);--okd-cascader-pc-item-icon-next-color:var(--okd-color-content-static-default);--okd-cascader-pc-empty-icon-color:var(--okd-color-content-interactive-disabled);--okd-cascader-reference-text-color:var(--okd-color-content-static-default);--okd-cascader-pc-item-text-color:var(--okd-color-content-interactive-pressed);--okd-cascader-breadcrumbs-text-default-color:var(--okd-color-content-static-subtler);--okd-cascader-breadcrumbs-text-active-color:var(--okd-color-content-static-default);--okd-cascader-mobile-item-icon-next-color:#929292;--okd-cascader-mobile-item-label-color:#000;--okd-cascader-mobile-item-description-color:#929292;--okd-cascader-mobile-item-icon-checked-color:#000;--okd-cascader-mobile-item-icon-default-color:#dbdbdb;--okd-cascader-mobile-item-icon-disabled-background-color:#ebebeb;--okd-cascader-mobile-footer-padding-horizontal:16px;--okd-cascader-mobile-footer-padding-vertical:12px;--okd-cascader-mobile-footer-action-cancel-type:basic;--okd-cascader-mobile-footer-action-cancel-size:md;--okd-cascader-mobile-footer-action-confirm-type:highlight;--okd-cascader-mobile-footer-action-confirm-size:md;--okd-cascader-pc-item-active-background:var(--okd-color-surface-structural-elevated-contrast)}.theme-dark{--okd-cascader-item-color:#909090;--okd-cascader-item-padding-horizontal:15px;--okd-cascader-item-padding-vertical:15px;--okd-cascader-item-hover-background:#2e2e2e;--okd-cascader-item-active-background:#2e2e2e;--okd-cascader-item-active-color:#f0f0f0;--okd-cascader-item-disabled-background:transparent;--okd-cascader-item-disabled-color:#6c6c6c;--okd-cascader-reference-default-color:var(--okd-color-content-static-default);--okd-cascader-reference-default-font-size:14px;--okd-cascader-reference-default-font-weight:400;--okd-cascader-reference-default-line-height:24px;--okd-cascader-breadcrumbs-padding-horizontal:16px;--okd-cascader-breadcrumbs-padding-vertical:12px;--okd-cascader-breadcrumbs-scroll-icon-color:var(--okd-color-content-static-subtler);--okd-cascader-breadcrumbs-scroll-icon-hover-color:var(--okd-color-content-interactive-active);--okd-cascader-breadcrumbs-scroll-icon-bg-start-color:var(--okd-color-content-static-inverse);--okd-cascader-breadcrumbs-scroll-icon-bg-end-color:var(--okd-color-surface-structural-base);--okd-cascader-popup-background:#1a1a1a;--okd-cascader-reference-default-label-color:var(--okd-color-content-static-default);--okd-cascader-reference-default-border-color:var(--okd-color-border-static-default);--okd-cascader-reference-default-icon-color:var(--okd-color-content-static-default);--okd-cascader-reference-placeholder-color:var(--okd-color-content-static-placeholder);--okd-cascader-reference-hover-border-color:var(--okd-color-border-interactive-hovered);--okd-cascader-reference-disabled-border-color:var(--okd-color-border-interactive-disabled);--okd-cascader-reference-disabled-background-color:var(--okd-color-surface-interactive-disabled);--okd-cascader-reference-error-border-color:var(--okd-color-border-interactive-error);--okd-cascader-reference-clear-icon-color:var(--okd-color-content-static-default);--okd-cascader-pc-item-text-color:var(--okd-color-content-interactive-pressed);--okd-cascader-reference-text-color:var(--okd-color-content-static-default);--okd-cascader-pc-popup-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--okd-cascader-pc-panel-background:var(--okd-color-surface-structural-elevated-contrast);--okd-cascader-pc-panel-border-color:var(--okd-color-border-static-default);--okd-cascader-pc-item-hover-background:var(--okd-color-surface-interactive-hovered);--okd-cascader-pc-item-icon-checked-color:var(--okd-color-content-static-default);--okd-cascader-pc-item-icon-next-color:var(--okd-color-content-static-default);--okd-cascader-pc-empty-text-color:var(--okd-color-content-interactive-disabled);--okd-cascader-pc-empty-icon-color:var(--okd-color-content-interactive-disabled);--okd-cascader-mobile-item-label-color:#fafafa;--okd-cascader-mobile-item-description-color:#909090;--okd-cascader-breadcrumbs-text-default-color:var(--okd-color-content-static-subtler);--okd-cascader-mobile-item-icon-checked-color:#fff;--okd-cascader-mobile-item-icon-disabled-background-color:#2e2e2e;--okd-cascader-mobile-item-icon-default-color:#404040;--okd-cascader-mobile-item-disabled-color:transparent;--okd-cascader-breadcrumbs-text-active-color:var(--okd-color-content-static-default);--okd-cascader-mobile-footer-action-confirm-size:md;--okd-cascader-mobile-footer-action-confirm-type:highlight;--okd-cascader-mobile-footer-padding-vertical:12px;--okd-cascader-mobile-footer-padding-horizontal:16px;--okd-cascader-mobile-footer-action-cancel-type:primary;--okd-cascader-mobile-footer-action-cancel-size:md;--okd-cascader-mobile-item-icon-next-color:#909090;--okd-cascader-pc-item-active-background:var(--okd-color-surface-structural-elevated-contrast)}.okui-cascader-input-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okui-cascader-reference{font-size:14px;font-size:var(--okd-cascader-reference-default-font-size,14px);font-weight:400;font-weight:var(--okd-cascader-reference-default-font-weight,400);line-height:24px;line-height:var(--okd-cascader-reference-default-line-height,24px)}.okui-cascader-reference-label{color:#000;color:var(--okd-cascader-reference-default-label-color,#000);font-size:14px;font-weight:500;line-height:16px;margin-bottom:4px}.okui-cascader-mobile-item{align-items:center;cursor:pointer;display:flex}.okui-cascader-mobile-item.cascader-item-disabled{background-color:initial;background-color:var(--okd-cascader-mobile-item-disabled-background,transparent);color:#dbdbdb;color:var(--okd-cascader-mobile-item-disabled-color,#dbdbdb);cursor:not-allowed}.okui-cascader-mobile-item-box{align-items:center;display:flex;flex:1 1;justify-content:space-between;padding:14px 16px 14px 0}.okui-cascader-mobile-item-label{color:#000;color:var(--okd-cascader-mobile-item-label-color,#000);font-size:16px;font-weight:400;line-height:24px}.okui-cascader-mobile-item-description{color:#929292;color:var(--okd-cascader-mobile-item-description-color,#929292);font-size:12px;line-height:16px}.okui-cascader-mobile-item-check{align-items:center;display:flex;height:100%;justify-content:center;margin-left:5px;margin-right:4px;padding:10px 0;width:35px}.okui-cascader-mobile-item-check-icon-default{border:1px solid #dbdbdb;border:1px solid var(--okd-cascader-mobile-item-icon-default-color,#dbdbdb);border-radius:50%;height:16px;width:16px}.okui-cascader-mobile-item-check-icon-disabled{background-color:#ebebeb;background-color:var(--okd-cascader-mobile-item-icon-disabled-background-color,#ebebeb);cursor:not-allowed}.okui-cascader-mobile-item-check-hide{display:none}.okui-cascader-mobile-item-padding{padding-left:16px}.okui-cascader-mobile-item .okui-cascader-mobile-item-icon-next{color:#dbdbdb;color:var(--okd-cascader-mobile-item-icon-next-color,#dbdbdb);font-size:14px}.okui-cascader-mobile-item .okui-cascader-mobile-item-check-icon-checked{color:#000;color:var(--okd-cascader-mobile-item-icon-checked-color,#000);font-size:20px}.okui-cascader-mobile-body{max-height:400px;overflow-y:auto}.okui-cascader-mobile-body-box{padding-bottom:12px}.okui-cascader-mobile-body-footer{display:flex;padding:12px 16px;padding:var(--okd-cascader-mobile-footer-padding-horizontal,12px) var(--okd-cascader-mobile-footer-padding-vertical,16px)}.okui-cascader-header{width:100%}.okui-cascader-header-inner{padding:10px 16px;padding:var(--okd-cascader-breadcrumbs-padding-vertical,10px) var(--okd-cascader-breadcrumbs-padding-horizontal,16px)}.okui-cascader-header-text{color:#929292;color:var(--okd-cascader-breadcrumbs-text-default-color,#929292);font-size:14px;font-weight:500;line-height:16px}.okui-cascader-header-text-underline{cursor:pointer;text-decoration:underline}.okui-cascader-header-text-active{color:#0569ff;color:var(--okd-cascader-breadcrumbs-text-active-color,#0569ff)}.okui-cascader-header .okui-cascader-header-icon-left{background-image:linear-gradient(-270deg,#fff 72.22%,hsla(0,0%,100%,0));background-image:linear-gradient(-270deg,var(--okd-cascader-breadcrumbs-scroll-icon-bg-start-color,#fff) 72.22%,var(--okd-cascader-breadcrumbs-scroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%);color:#929292;color:var(--okd-cascader-breadcrumbs-scroll-icon-color,#929292);width:16px}.okui-cascader-header .okui-cascader-header-icon-left:hover{color:#3d3d3d;color:var(--okd-cascader-breadcrumbs-scroll-icon-hover-color,#3d3d3d)}.okui-cascader-header .okui-cascader-header-icon-right{background-image:linear-gradient(270deg,#fff 72.22%,hsla(0,0%,100%,0));background-image:linear-gradient(270deg,var(--okd-cascader-breadcrumbs-scroll-icon-bg-start-color,#fff) 72.22%,var(--okd-cascader-breadcrumbs-scroll-icon-bg-end-color,hsla(0,0%,100%,0)) 100%);color:#929292;color:var(--okd-cascader-breadcrumbs-scroll-icon-color,#929292);width:16px}.okui-cascader-header .okui-cascader-header-icon-right:hover{color:#3d3d3d;color:var(--okd-cascader-breadcrumbs-scroll-icon-hover-color,#3d3d3d)}.okui-cascader-mobile-footer-box{display:flex;padding:12px 16px;padding:var(--okd-cascader-mobile-footer-padding-horizontal,12px) var(--okd-cascader-mobile-footer-padding-vertical,16px)}.okui-cascader-pc-item{align-items:center;color:#000;color:var(--okd-cascader-pc-item-text-color,#000);cursor:pointer;display:flex;font-size:14px;justify-content:space-between;line-height:16px;padding:10px 12px}.okui-cascader-pc-item-active,.okui-cascader-pc-item:hover{background-color:#f9f9f9;background-color:var(--okd-cascader-pc-item-hover-background,#f9f9f9)}.okui-cascader-pc-item .okui-cascader-pc-item-icon-checked{color:#000;color:var(--okd-cascader-pc-item-icon-checked-color,#000);font-size:16px}.okui-cascader-pc-item .okui-cascader-pc-item-icon-next{color:#bdbdbd;color:var(--okd-cascader-pc-item-icon-next-color,#bdbdbd);font-size:16px;margin-left:8px}.okui-cascader-pc-item-icon-group{display:flex}.okui-cascader-pc-panel{background-color:#fff;background-color:var(--okd-cascader-pc-panel-background,#fff);border:1px solid #ebebeb;border:1px solid var(--okd-cascader-pc-panel-border-color,#ebebeb);border-radius:4px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--okd-cascader-pc-popup-shadow,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05));max-height:400px;overflow-y:auto;padding:8px 0;width:224px}.okui-cascader-pc-body{display:flex}.okui-cascader-pc-empty{align-items:center;display:flex;flex-direction:column;height:148px;justify-content:center}.okui-cascader-pc-empty-text{color:#929292;color:var(--okd-cascader-pc-empty-text-color,#929292);font-size:12px;line-height:16px;margin-top:4px}.okui-cascader-pc-empty-icon{color:#ebebeb;color:var(--okd-cascader-pc-empty-icon-color,#ebebeb)}.okui-cascader-pc-popup{display:block}.okui-cascader-popup-dialog{background-color:#fff!important;background-color:var(--okd-cascader-mobile-popup-background,#fff)!important}.okui-cascader .okui-reference-inner-box{cursor:pointer}.okui-cascader .okui-reference-value{box-sizing:border-box;cursor:pointer}.okui-cascader .okui-reference-value .value{align-items:center;color:var(--okd-input-default-text-color);display:flex}.okui-cascader .okui-reference-value .placeholder{color:var(--okd-input-default-placeholder-color)}.okui-cascader .okui-reference-value .disabled{cursor:not-allowed}.okui-cascader .okui-reference-value .disabled .value{color:var(--okd-input-disabled-text-color)}.okui-cascader .okui-reference-icon{transition:transform .2s linear}.okui-cascader .okui-reference-icon.reference-icon{color:var(--okd-cascader-reference-default-icon-color)}.okui-cascader .okui-reference-up-active{transform:rotate(180deg)}.okui-cascader .okui-input-sm .value{width:calc(100% - var(--okd-input-sm-icon-size) - var(--okd-input-sm-icon-margin))}.okui-cascader .okui-input-md .value{width:calc(100% - var(--okd-input-md-icon-size) - var(--okd-input-md-icon-margin))}.okui-cascader .okui-input-xs .value{width:calc(100% - var(--okd-input-xs-icon-size) - var(--okd-input-xs-icon-margin))}.okui-cascader .okui-input-lg .value{width:calc(100% - var(--okd-input-lg-icon-size) - var(--okd-input-lg-icon-margin))}.okui-cascader .okui-input-xl .value{width:calc(100% - var(--okd-input-xl-icon-size) - var(--okd-input-xl-icon-margin))}.theme-dark,.theme-light{--okd-coachmark-tour-footer-color:var(--okd-color-content-static-subtle);--okd-coachmark-tour-footer-font-size:14px;--okd-coachmark-tour-footer-margin-left:8px;--okd-coachmark-mask-color:var(--okd-color-surface-structural-overlay);--okd-coachmark-standalone-footer-margin-left:8px;--okd-coachmark-popover-arrow-background-color:var(--okd-color-surface-structural-elevated-contrast);--okd-coachmark-popover-arrow-border-color:var(--okd-color-border-static-default);--okd-coachmark-popover-footer-margin-top:16px;--okd-coachmark-popover-desc-font-size:14px;--okd-coachmark-popover-desc-line-height:20px;--okd-coachmark-popover-desc-color:var(--okd-color-content-static-default);--okd-coachmark-popover-desc-margin-top:8px;--okd-coachmark-popover-close-margin-left:12px;--okd-coachmark-popover-close-font-size:20px;--okd-coachmark-popover-close-color:var(--okd-color-content-static-default);--okd-coachmark-popover-title-font-size:16px;--okd-coachmark-popover-title-line-height:20px;--okd-coachmark-popover-title-color:var(--okd-color-content-static-default);--okd-coachmark-popover-title-font-weight:700;--okd-coachmark-popover-width:250px;--okd-coachmark-popover-max-width:375px;--okd-coachmark-popover-padding:16px;--okd-coachmark-popover-background-color:var(--okd-color-surface-structural-elevated-contrast);--okd-coachmark-popover-border-color:var(--okd-color-border-static-default);--okd-coachmark-popover-border-radius:8px;--okd-coachmark-popover-border-shadow:8px 8px 16px #00000014}.okui-coach-popover .okui-popup-layer-content{padding:0}.okui-coach-popover .okui-popup-layer-arrow-inner{background-color:#fff;background-color:var(--okd-coachmark-popover-arrow-background-color,#fff);border-color:#ebebeb;border-color:var(--okd-coachmark-popover-arrow-border-color,#ebebeb)}.okui-coach-con{background-color:#fff;background-color:var(--okd-coachmark-popover-background-color,#fff);border:thin solid #ebebeb;border:thin solid var(--okd-coachmark-popover-border-color,#ebebeb);border-radius:8px;border-radius:var(--okd-coachmark-popover-border-radius,8px);box-shadow:8px 8px 16px #00000014;box-shadow:var(--okd-coachmark-popover-border-shadow,8px 8px 16px #00000014);box-sizing:border-box;overflow:hidden;padding:16px;padding:var(--okd-coachmark-popover-padding,16px);width:250px;width:var(--okd-coachmark-popover-width,250px)}.okui-coach-con .okui-coach-title{align-items:center;color:#000;color:var(--okd-coachmark-popover-title-color,#000);display:flex;font-size:16px;font-size:var(--okd-coachmark-popover-title-font-size,16px);font-weight:700;font-weight:var(--okd-coachmark-popover-title-font-weight,700);justify-content:space-between;line-height:20px;line-height:var(--okd-coachmark-popover-title-line-height,20px)}.okui-coach-con .okui-coach-title .okui-coach-title-close{align-self:flex-start;color:#929292;color:var(--okd-coachmark-popover-close-color,#929292);cursor:pointer;display:inline-block;font-size:20px;font-size:var(--okd-coachmark-popover-close-font-size,20px);margin-left:12px;margin-left:var(--okd-coachmark-popover-close-margin-left,12px);position:relative;vertical-align:middle;z-index:1}.okui-coach-con .okui-coach-title+.okui-coach-desc{margin-top:8px;margin-top:var(--okd-coachmark-popover-desc-margin-top,8px)}.okui-coach-con .okui-coach-desc{color:#000;color:var(--okd-coachmark-popover-desc-color,#000);font-size:14px;font-size:var(--okd-coachmark-popover-desc-font-size,14px);line-height:20px;line-height:var(--okd-coachmark-popover-desc-line-height,20px)}.okui-coach-con .okui-coach-desc+.okui-coach-footer{margin-top:16px;margin-top:var(--okd-coachmark-popover-footer-margin-top,16px)}.okui-coach-con .okui-coach-tour-footer{align-items:center;color:#929292;color:var(--okd-coachmark-tour-footer-color,#929292);display:flex;font-size:14px;font-size:var(--okd-coachmark-tour-footer-font-size,14px);justify-content:space-between;line-height:16px}.okui-coach-con .okui-coach-tour-footer .okui-coach-tour-footer-right{align-items:center;display:flex}.okui-coach-con .okui-coach-tour-footer .okui-coach-tour-footer-confirm{margin-left:8px;margin-left:var(--okd-okd-coachmark-tour-footer-margin-left,8px)}.okui-coach-con .okui-coach-tour-footer .okui-coach-tour-footer-button.okui-coach-tour-footer-cancel,.okui-coach-con .okui-coach-tour-footer .okui-coach-tour-footer-button.okui-coach-tour-footer-confirm{min-width:unset}.okui-coach-con .okui-coach-standalone-footer{display:flex;justify-content:flex-end}.okui-coach-con .okui-coach-standalone-footer .okui-coach-standalone-footer-button+.okui-coach-standalone-footer-button{margin-left:8px;margin-left:var(--okd-okd-coachmark-standalone-footer-margin-left,8px)}@media (min-width:768px){.okui-coach-con{max-width:375px;max-width:var(--okd-coachmark-popover-max-width,375px)}}.okui-coach-mask{color:rgba(0,0,0,.65);color:var(--okd-coachmark-mask-color,rgba(0,0,0,.65));inset:0;pointer-events:none;position:fixed}.theme-dark,.theme-light{--okd-destructiveprimarybutton-default-color:var(--okd-color-global-fixed-always-light);--okd-destructiveprimarybutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-destructiveprimarybutton-xxs-font-weight:400;--okd-destructiveprimarybutton-xxs-loader-width:14px;--okd-destructiveprimarybutton-xxs-loader-margin-right:6px;--okd-destructiveprimarybutton-xs-font-weight:400;--okd-destructiveprimarybutton-xs-loader-width:14px;--okd-destructiveprimarybutton-xs-loader-margin-right:6px;--okd-destructiveprimarybutton-s-font-weight:400;--okd-destructiveprimarybutton-s-loader-width:14px;--okd-destructiveprimarybutton-s-loader-margin-right:6px;--okd-destructiveprimarybutton-sm-font-weight:400;--okd-destructiveprimarybutton-sm-loader-width:16px;--okd-destructiveprimarybutton-sm-loader-margin-right:6px;--okd-destructiveprimarybutton-md-font-weight:400;--okd-destructiveprimarybutton-md-loader-width:16px;--okd-destructiveprimarybutton-md-loader-margin-right:6px;--okd-destructiveprimarybutton-lg-font-weight:500;--okd-destructiveprimarybutton-lg-loader-width:20px;--okd-destructiveprimarybutton-lg-loader-margin-right:8px;--okd-destructiveprimarybutton-xl-font-weight:500;--okd-destructiveprimarybutton-xl-loader-width:20px;--okd-destructiveprimarybutton-xl-loader-margin-right:8px;--okd-destructiveprimarybutton-xxs-font-size:12px;--okd-destructiveprimarybutton-xxs-line-height:16px;--okd-destructiveprimarybutton-xs-font-size:12px;--okd-destructiveprimarybutton-xs-line-height:16px;--okd-destructiveprimarybutton-s-font-size:14px;--okd-destructiveprimarybutton-s-line-height:16px;--okd-destructiveprimarybutton-sm-font-size:14px;--okd-destructiveprimarybutton-sm-line-height:16px;--okd-destructiveprimarybutton-md-font-size:14px;--okd-destructiveprimarybutton-md-line-height:16px;--okd-destructiveprimarybutton-lg-font-size:16px;--okd-destructiveprimarybutton-lg-line-height:20px;--okd-destructiveprimarybutton-xl-font-size:18px;--okd-destructiveprimarybutton-xl-line-height:24px;--okd-destructiveprimarybutton-xxs-padding-horizontal:12px;--okd-destructiveprimarybutton-xxs-padding-vertical:4px;--okd-destructiveprimarybutton-xs-padding-horizontal:12px;--okd-destructiveprimarybutton-xs-padding-vertical:6px;--okd-destructiveprimarybutton-s-padding-horizontal:12px;--okd-destructiveprimarybutton-s-padding-vertical:8px;--okd-destructiveprimarybutton-sm-padding-horizontal:16px;--okd-destructiveprimarybutton-sm-padding-vertical:10px;--okd-destructiveprimarybutton-md-padding-horizontal:16px;--okd-destructiveprimarybutton-md-padding-vertical:12px;--okd-destructiveprimarybutton-lg-padding-horizontal:24px;--okd-destructiveprimarybutton-lg-padding-vertical:14px;--okd-destructiveprimarybutton-xl-padding-horizontal:44px;--okd-destructiveprimarybutton-xl-padding-vertical:16px;--okd-destructiveprimarybutton-border-radius:50px;--okd-destructiveprimarybutton-default-background:var(--okd-color-surface-interactive-destructive-default);--okd-destructiveprimarybutton-hover-background:var(--okd-color-surface-interactive-destructive-hovered);--okd-destructiveprimarybutton-active-background:var(--okd-color-surface-interactive-destructive-pressed);--okd-destructiveprimarybutton-loading-background:var(--okd-color-surface-interactive-destructive-pressed);--okd-destructiveprimarybutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-destructiveprimarybutton-loader-track-color:hsla(0,0%,100%,.26);--okd-destructiveprimarybutton-loader-mark-color:var(--okd-color-global-fixed-always-light);--okd-destructiveprimarybutton-loader-border-width:2px;--okd-destructiveprimarybutton-xxs-min-width:63px;--okd-destructiveprimarybutton-xs-min-width:63px;--okd-destructiveprimarybutton-s-min-width:72px;--okd-destructiveprimarybutton-sm-min-width:81px;--okd-destructiveprimarybutton-md-min-width:90px;--okd-destructiveprimarybutton-lg-min-width:108px;--okd-destructiveprimarybutton-xl-min-width:126px;--okd-destructiveprimarybutton-xxs-icon-size:14px;--okd-destructiveprimarybutton-xs-icon-size:14px;--okd-destructiveprimarybutton-s-icon-size:14px;--okd-destructiveprimarybutton-sm-icon-size:16px;--okd-destructiveprimarybutton-md-icon-size:16px;--okd-destructiveprimarybutton-lg-icon-size:20px;--okd-destructiveprimarybutton-xl-icon-size:20px;--okd-destructiveprimarybutton-xxs-icon-margin-right:6px;--okd-destructiveprimarybutton-xs-icon-margin-right:6px;--okd-destructiveprimarybutton-s-icon-margin-right:6px;--okd-destructiveprimarybutton-sm-icon-margin-right:6px;--okd-destructiveprimarybutton-md-icon-margin-right:6px;--okd-destructiveprimarybutton-lg-icon-margin-right:8px;--okd-destructiveprimarybutton-xl-icon-margin-right:8px}.okui-destructiveprimarybutton-xxs{font-size:12px;font-size:var(--okd-destructiveprimarybutton-xxs-font-size,12px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-xxs-font-weight,400);line-height:16px;line-height:var(--okd-destructiveprimarybutton-xxs-line-height,16px);min-width:63px;min-width:var(--okd-destructiveprimarybutton-xxs-min-width,63px);padding:4px 12px;padding:var(--okd-destructiveprimarybutton-xxs-padding-vertical,4px) var(--okd-destructiveprimarybutton-xxs-padding-horizontal,12px)}.okui-destructiveprimarybutton-xxs .okui-destructiveprimarybutton-loader-circle{height:14px;height:var(--okd-destructiveprimarybutton-xxs-loader-width,14px);width:14px;width:var(--okd-destructiveprimarybutton-xxs-loader-width,14px)}.okui-destructiveprimarybutton-xxs .okui-destructiveprimarybutton-icon{font-size:14px;font-size:var(--okd-destructiveprimarybutton-xxs-icon-size,14px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-xxs-font-weight,400)}.okui-destructiveprimarybutton-xxs .okui-destructiveprimarybutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructiveprimarybutton-xxs-icon-margin-right,6px)}.okui-destructiveprimarybutton-xxs .okui-destructiveprimarybutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructiveprimarybutton-xxs-icon-margin-right,6px)}.okui-destructiveprimarybutton-loading-text .okui-destructiveprimarybutton-loader{margin-right:var(--okd-destructiveprimarybutton-xxs-loader-margin-right,6px)}.okui-destructiveprimarybutton-xs{font-size:12px;font-size:var(--okd-destructiveprimarybutton-xs-font-size,12px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-xs-font-weight,400);line-height:16px;line-height:var(--okd-destructiveprimarybutton-xs-line-height,16px);min-width:63px;min-width:var(--okd-destructiveprimarybutton-xs-min-width,63px);padding:6px 12px;padding:var(--okd-destructiveprimarybutton-xs-padding-vertical,6px) var(--okd-destructiveprimarybutton-xs-padding-horizontal,12px)}.okui-destructiveprimarybutton-xs .okui-destructiveprimarybutton-loader-circle{height:14px;height:var(--okd-destructiveprimarybutton-xs-loader-width,14px);width:14px;width:var(--okd-destructiveprimarybutton-xs-loader-width,14px)}.okui-destructiveprimarybutton-xs .okui-destructiveprimarybutton-icon{font-size:14px;font-size:var(--okd-destructiveprimarybutton-xs-icon-size,14px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-xs-font-weight,400)}.okui-destructiveprimarybutton-xs .okui-destructiveprimarybutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructiveprimarybutton-xs-icon-margin-right,6px)}.okui-destructiveprimarybutton-xs .okui-destructiveprimarybutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructiveprimarybutton-xs-icon-margin-right,6px)}.okui-destructiveprimarybutton-loading-text .okui-destructiveprimarybutton-loader{margin-right:var(--okd-destructiveprimarybutton-xs-loader-margin-right,6px)}.okui-destructiveprimarybutton-s{font-size:14px;font-size:var(--okd-destructiveprimarybutton-s-font-size,14px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-s-font-weight,400);line-height:16px;line-height:var(--okd-destructiveprimarybutton-s-line-height,16px);min-width:72px;min-width:var(--okd-destructiveprimarybutton-s-min-width,72px);padding:8px 12px;padding:var(--okd-destructiveprimarybutton-s-padding-vertical,8px) var(--okd-destructiveprimarybutton-s-padding-horizontal,12px)}.okui-destructiveprimarybutton-s .okui-destructiveprimarybutton-loader-circle{height:14px;height:var(--okd-destructiveprimarybutton-s-loader-width,14px);width:14px;width:var(--okd-destructiveprimarybutton-s-loader-width,14px)}.okui-destructiveprimarybutton-s .okui-destructiveprimarybutton-icon{font-size:14px;font-size:var(--okd-destructiveprimarybutton-s-icon-size,14px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-s-font-weight,400)}.okui-destructiveprimarybutton-s .okui-destructiveprimarybutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructiveprimarybutton-s-icon-margin-right,6px)}.okui-destructiveprimarybutton-s .okui-destructiveprimarybutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructiveprimarybutton-s-icon-margin-right,6px)}.okui-destructiveprimarybutton-loading-text .okui-destructiveprimarybutton-loader{margin-right:var(--okd-destructiveprimarybutton-s-loader-margin-right,6px)}.okui-destructiveprimarybutton-sm{font-size:14px;font-size:var(--okd-destructiveprimarybutton-sm-font-size,14px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-sm-font-weight,400);line-height:16px;line-height:var(--okd-destructiveprimarybutton-sm-line-height,16px);min-width:81px;min-width:var(--okd-destructiveprimarybutton-sm-min-width,81px);padding:10px 16px;padding:var(--okd-destructiveprimarybutton-sm-padding-vertical,10px) var(--okd-destructiveprimarybutton-sm-padding-horizontal,16px)}.okui-destructiveprimarybutton-sm .okui-destructiveprimarybutton-loader-circle{height:16px;height:var(--okd-destructiveprimarybutton-sm-loader-width,16px);width:16px;width:var(--okd-destructiveprimarybutton-sm-loader-width,16px)}.okui-destructiveprimarybutton-sm .okui-destructiveprimarybutton-icon{font-size:16px;font-size:var(--okd-destructiveprimarybutton-sm-icon-size,16px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-sm-font-weight,400)}.okui-destructiveprimarybutton-sm .okui-destructiveprimarybutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructiveprimarybutton-sm-icon-margin-right,6px)}.okui-destructiveprimarybutton-sm .okui-destructiveprimarybutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructiveprimarybutton-sm-icon-margin-right,6px)}.okui-destructiveprimarybutton-loading-text .okui-destructiveprimarybutton-loader{margin-right:var(--okd-destructiveprimarybutton-sm-loader-margin-right,6px)}.okui-destructiveprimarybutton-md{font-size:14px;font-size:var(--okd-destructiveprimarybutton-md-font-size,14px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-md-font-weight,400);line-height:16px;line-height:var(--okd-destructiveprimarybutton-md-line-height,16px);min-width:90px;min-width:var(--okd-destructiveprimarybutton-md-min-width,90px);padding:12px 16px;padding:var(--okd-destructiveprimarybutton-md-padding-vertical,12px) var(--okd-destructiveprimarybutton-md-padding-horizontal,16px)}.okui-destructiveprimarybutton-md .okui-destructiveprimarybutton-loader-circle{height:16px;height:var(--okd-destructiveprimarybutton-md-loader-width,16px);width:16px;width:var(--okd-destructiveprimarybutton-md-loader-width,16px)}.okui-destructiveprimarybutton-md .okui-destructiveprimarybutton-icon{font-size:16px;font-size:var(--okd-destructiveprimarybutton-md-icon-size,16px);font-weight:400;font-weight:var(--okd-destructiveprimarybutton-md-font-weight,400)}.okui-destructiveprimarybutton-md .okui-destructiveprimarybutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructiveprimarybutton-md-icon-margin-right,6px)}.okui-destructiveprimarybutton-md .okui-destructiveprimarybutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructiveprimarybutton-md-icon-margin-right,6px)}.okui-destructiveprimarybutton-loading-text .okui-destructiveprimarybutton-loader{margin-right:6px;margin-right:var(--okd-destructiveprimarybutton-md-loader-margin-right,6px)}.okui-destructiveprimarybutton-lg{font-size:16px;font-size:var(--okd-destructiveprimarybutton-lg-font-size,16px);font-weight:500;font-weight:var(--okd-destructiveprimarybutton-lg-font-weight,500);line-height:20px;line-height:var(--okd-destructiveprimarybutton-lg-line-height,20px);min-width:108px;min-width:var(--okd-destructiveprimarybutton-lg-min-width,108px);padding:14px 24px;padding:var(--okd-destructiveprimarybutton-lg-padding-vertical,14px) var(--okd-destructiveprimarybutton-lg-padding-horizontal,24px)}.okui-destructiveprimarybutton-lg .okui-destructiveprimarybutton-loader-circle{height:20px;height:var(--okd-destructiveprimarybutton-lg-loader-width,20px);width:20px;width:var(--okd-destructiveprimarybutton-lg-loader-width,20px)}.okui-destructiveprimarybutton-lg .okui-destructiveprimarybutton-icon{font-size:20px;font-size:var(--okd-destructiveprimarybutton-lg-icon-size,20px);font-weight:500;font-weight:var(--okd-destructiveprimarybutton-lg-font-weight,500)}.okui-destructiveprimarybutton-lg .okui-destructiveprimarybutton-icon-leading{margin-right:8px;margin-right:var(--okd-destructiveprimarybutton-lg-icon-margin-right,8px)}.okui-destructiveprimarybutton-lg .okui-destructiveprimarybutton-icon-tailing{margin-left:8px;margin-left:var(--okd-destructiveprimarybutton-lg-icon-margin-right,8px)}.okui-destructiveprimarybutton-loading-text .okui-destructiveprimarybutton-loader{margin-right:var(--okd-destructiveprimarybutton-lg-loader-margin-right,8px)}.okui-destructiveprimarybutton-xl{font-size:18px;font-size:var(--okd-destructiveprimarybutton-xl-font-size,18px);font-weight:500;font-weight:var(--okd-destructiveprimarybutton-xl-font-weight,500);line-height:24px;line-height:var(--okd-destructiveprimarybutton-xl-line-height,24px);min-width:126px;min-width:var(--okd-destructiveprimarybutton-xl-min-width,126px);padding:16px 44px;padding:var(--okd-destructiveprimarybutton-xl-padding-vertical,16px) var(--okd-destructiveprimarybutton-xl-padding-horizontal,44px)}.okui-destructiveprimarybutton-xl .okui-destructiveprimarybutton-loader-circle{height:20px;height:var(--okd-destructiveprimarybutton-xl-loader-width,20px);width:20px;width:var(--okd-destructiveprimarybutton-xl-loader-width,20px)}.okui-destructiveprimarybutton-xl .okui-destructiveprimarybutton-icon{font-size:20px;font-size:var(--okd-destructiveprimarybutton-xl-icon-size,20px);font-weight:500;font-weight:var(--okd-destructiveprimarybutton-xl-font-weight,500)}.okui-destructiveprimarybutton-xl .okui-destructiveprimarybutton-icon-leading{margin-right:8px;margin-right:var(--okd-destructiveprimarybutton-xl-icon-margin-right,8px)}.okui-destructiveprimarybutton-xl .okui-destructiveprimarybutton-icon-tailing{margin-left:8px;margin-left:var(--okd-destructiveprimarybutton-xl-icon-margin-right,8px)}.okui-destructiveprimarybutton-loading-text .okui-destructiveprimarybutton-loader{margin-right:8px;margin-right:var(--okd-destructiveprimarybutton-xl-loader-margin-right,8px)}.okui-destructiveprimarybutton{align-items:center;background-color:var(--okd-color-surface-interactive-experience-default);background-color:var(--okd-destructiveprimarybutton-default-background,var(--okd-color-surface-interactive-experience-default));border-radius:50px;border-radius:var(--okd-destructiveprimarybutton-border-radius,50px);box-sizing:border-box;color:var(--okd-color-global-fixed-always-light);color:var(--okd-destructiveprimarybutton-default-color,var(--okd-color-global-fixed-always-light));cursor:pointer;display:inline-flex;justify-content:center;outline:none;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-destructiveprimarybutton:focus-visible{border-radius:50px;border-radius:var(--okd-destructiveprimarybutton-border-radius,50px);outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-destructiveprimarybutton.hover,.okui-destructiveprimarybutton:not(.okui-destructiveprimarybutton-disabled):not(.okui-destructiveprimarybutton-loading):hover{background-color:var(--okd-color-surface-interactive-experience-hovered);background-color:var(--okd-destructiveprimarybutton-hover-background,var(--okd-color-surface-interactive-experience-hovered))}.okui-destructiveprimarybutton.active,.okui-destructiveprimarybutton:not(.okui-destructiveprimarybutton-disabled):not(.okui-destructiveprimarybutton-loading):active{background-color:var(--okd-color-surface-interactive-experience-pressed);background-color:var(--okd-destructiveprimarybutton-active-background,var(--okd-color-surface-interactive-experience-pressed))}.okui-destructiveprimarybutton-disabled,.okui-destructiveprimarybutton.disabled{background-color:var(--okd-color-surface-interactive-disabled);background-color:var(--okd-destructiveprimarybutton-disabled-background,var(--okd-color-surface-interactive-disabled));color:var(--okd-color-content-interactive-disabled);color:var(--okd-destructiveprimarybutton-disabled-color,var(--okd-color-content-interactive-disabled));cursor:not-allowed}.okui-destructiveprimarybutton-loading,.okui-destructiveprimarybutton.loading{background-color:var(--okd-color-surface-interactive-experience-pressed);background-color:var(--okd-destructiveprimarybutton-loading-background,var(--okd-color-surface-interactive-experience-pressed));color:transparent}.okui-destructiveprimarybutton-loading .okui-destructiveprimarybutton-loader,.okui-destructiveprimarybutton.loading .okui-destructiveprimarybutton-loader{display:flex;position:absolute}.okui-destructiveprimarybutton-loading-text{background-color:var(--okd-color-surface-interactive-experience-pressed);background-color:var(--okd-destructiveprimarybutton-loading-background,var(--okd-color-surface-interactive-experience-pressed));display:flex}.okui-destructiveprimarybutton-block,.okui-destructiveprimarybutton.block{display:flex;width:100%}.okui-destructiveprimarybutton-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-destructiveprimarybutton-loader-circle{border-color:var(--okd-destructiveprimarybutton-loader-track-color,var(--okd-color-border-interactive-oncolor));border-top-color:var(--okd-destructiveprimarybutton-loader-mark-color,var(--okd-color-content-static-inverse));border-width:2px;border-width:var(--okd-destructiveprimarybutton-loader-border-width,2px)}.theme-light{--okd-destructivesubtlebutton-default-color:var(--okd-color-content-danger-default);--okd-destructivesubtlebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-destructivesubtlebutton-xxs-font-weight:400;--okd-destructivesubtlebutton-xxs-loader-width:14px;--okd-destructivesubtlebutton-xxs-loader-margin-right:6px;--okd-destructivesubtlebutton-xs-font-weight:400;--okd-destructivesubtlebutton-xs-loader-width:14px;--okd-destructivesubtlebutton-xs-loader-margin-right:6px;--okd-destructivesubtlebutton-s-font-weight:400;--okd-destructivesubtlebutton-s-loader-width:14px;--okd-destructivesubtlebutton-s-loader-margin-right:6px;--okd-destructivesubtlebutton-sm-font-weight:400;--okd-destructivesubtlebutton-sm-loader-width:16px;--okd-destructivesubtlebutton-sm-loader-margin-right:6px;--okd-destructivesubtlebutton-md-font-weight:400;--okd-destructivesubtlebutton-md-loader-width:16px;--okd-destructivesubtlebutton-md-loader-margin-right:6px;--okd-destructivesubtlebutton-lg-font-weight:500;--okd-destructivesubtlebutton-lg-loader-width:20px;--okd-destructivesubtlebutton-lg-loader-margin-right:8px;--okd-destructivesubtlebutton-xl-font-weight:500;--okd-destructivesubtlebutton-xl-loader-width:20px;--okd-destructivesubtlebutton-xl-loader-margin-right:8px;--okd-destructivesubtlebutton-xxs-font-size:12px;--okd-destructivesubtlebutton-xxs-line-height:16px;--okd-destructivesubtlebutton-xs-font-size:12px;--okd-destructivesubtlebutton-xs-line-height:16px;--okd-destructivesubtlebutton-s-font-size:14px;--okd-destructivesubtlebutton-s-line-height:16px;--okd-destructivesubtlebutton-sm-font-size:14px;--okd-destructivesubtlebutton-sm-line-height:16px;--okd-destructivesubtlebutton-md-font-size:14px;--okd-destructivesubtlebutton-md-line-height:16px;--okd-destructivesubtlebutton-lg-font-size:16px;--okd-destructivesubtlebutton-lg-line-height:20px;--okd-destructivesubtlebutton-xl-font-size:18px;--okd-destructivesubtlebutton-xl-line-height:24px;--okd-destructivesubtlebutton-xxs-padding-horizontal:12px;--okd-destructivesubtlebutton-xxs-padding-vertical:4px;--okd-destructivesubtlebutton-xs-padding-horizontal:12px;--okd-destructivesubtlebutton-xs-padding-vertical:6px;--okd-destructivesubtlebutton-s-padding-horizontal:12px;--okd-destructivesubtlebutton-s-padding-vertical:8px;--okd-destructivesubtlebutton-sm-padding-horizontal:16px;--okd-destructivesubtlebutton-sm-padding-vertical:10px;--okd-destructivesubtlebutton-md-padding-horizontal:16px;--okd-destructivesubtlebutton-md-padding-vertical:12px;--okd-destructivesubtlebutton-lg-padding-horizontal:24px;--okd-destructivesubtlebutton-lg-padding-vertical:14px;--okd-destructivesubtlebutton-xl-padding-horizontal:44px;--okd-destructivesubtlebutton-xl-padding-vertical:16px;--okd-destructivesubtlebutton-border-radius:50px;--okd-destructivesubtlebutton-default-background:var(--okd-color-surface-interactive-destructive-subtle-default);--okd-destructivesubtlebutton-hover-background:var(--okd-color-surface-interactive-destructive-subtle-hovered);--okd-destructivesubtlebutton-active-background:var(--okd-color-surface-interactive-destructive-subtle-pressed);--okd-destructivesubtlebutton-loading-background:var(--okd-color-surface-interactive-destructive-subtle-pressed);--okd-destructivesubtlebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-destructivesubtlebutton-loader-track-color:rgba(211,58,76,.26);--okd-destructivesubtlebutton-loader-mark-color:var(--okd-color-surface-danger-default);--okd-destructivesubtlebutton-loader-border-width:2px;--okd-destructivesubtlebutton-xxs-min-width:63px;--okd-destructivesubtlebutton-xs-min-width:63px;--okd-destructivesubtlebutton-s-min-width:72px;--okd-destructivesubtlebutton-sm-min-width:81px;--okd-destructivesubtlebutton-md-min-width:90px;--okd-destructivesubtlebutton-lg-min-width:108px;--okd-destructivesubtlebutton-xl-min-width:126px;--okd-destructivesubtlebutton-xxs-icon-size:14px;--okd-destructivesubtlebutton-xs-icon-size:14px;--okd-destructivesubtlebutton-s-icon-size:14px;--okd-destructivesubtlebutton-sm-icon-size:16px;--okd-destructivesubtlebutton-md-icon-size:16px;--okd-destructivesubtlebutton-lg-icon-size:20px;--okd-destructivesubtlebutton-xl-icon-size:20px;--okd-destructivesubtlebutton-xxs-icon-margin-right:6px;--okd-destructivesubtlebutton-xs-icon-margin-right:6px;--okd-destructivesubtlebutton-s-icon-margin-right:6px;--okd-destructivesubtlebutton-sm-icon-margin-right:6px;--okd-destructivesubtlebutton-md-icon-margin-right:6px;--okd-destructivesubtlebutton-lg-icon-margin-right:8px;--okd-destructivesubtlebutton-xl-icon-margin-right:8px}.theme-dark{--okd-destructivesubtlebutton-default-color:var(--okd-color-content-danger-default);--okd-destructivesubtlebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-destructivesubtlebutton-xxs-font-weight:400;--okd-destructivesubtlebutton-xxs-loader-width:14px;--okd-destructivesubtlebutton-xxs-loader-margin-right:6px;--okd-destructivesubtlebutton-xs-font-weight:400;--okd-destructivesubtlebutton-xs-loader-width:14px;--okd-destructivesubtlebutton-xs-loader-margin-right:6px;--okd-destructivesubtlebutton-s-font-weight:400;--okd-destructivesubtlebutton-s-loader-width:14px;--okd-destructivesubtlebutton-s-loader-margin-right:6px;--okd-destructivesubtlebutton-sm-font-weight:400;--okd-destructivesubtlebutton-sm-loader-width:16px;--okd-destructivesubtlebutton-sm-loader-margin-right:6px;--okd-destructivesubtlebutton-md-font-weight:400;--okd-destructivesubtlebutton-md-loader-width:16px;--okd-destructivesubtlebutton-md-loader-margin-right:6px;--okd-destructivesubtlebutton-lg-font-weight:500;--okd-destructivesubtlebutton-lg-loader-width:20px;--okd-destructivesubtlebutton-lg-loader-margin-right:8px;--okd-destructivesubtlebutton-xl-font-weight:500;--okd-destructivesubtlebutton-xl-loader-width:20px;--okd-destructivesubtlebutton-xl-loader-margin-right:8px;--okd-destructivesubtlebutton-xxs-font-size:12px;--okd-destructivesubtlebutton-xxs-line-height:16px;--okd-destructivesubtlebutton-xs-font-size:12px;--okd-destructivesubtlebutton-xs-line-height:16px;--okd-destructivesubtlebutton-s-font-size:14px;--okd-destructivesubtlebutton-s-line-height:16px;--okd-destructivesubtlebutton-sm-font-size:14px;--okd-destructivesubtlebutton-sm-line-height:16px;--okd-destructivesubtlebutton-md-font-size:14px;--okd-destructivesubtlebutton-md-line-height:16px;--okd-destructivesubtlebutton-lg-font-size:16px;--okd-destructivesubtlebutton-lg-line-height:20px;--okd-destructivesubtlebutton-xl-font-size:18px;--okd-destructivesubtlebutton-xl-line-height:24px;--okd-destructivesubtlebutton-xxs-padding-horizontal:12px;--okd-destructivesubtlebutton-xxs-padding-vertical:4px;--okd-destructivesubtlebutton-xs-padding-horizontal:12px;--okd-destructivesubtlebutton-xs-padding-vertical:6px;--okd-destructivesubtlebutton-s-padding-horizontal:12px;--okd-destructivesubtlebutton-s-padding-vertical:8px;--okd-destructivesubtlebutton-sm-padding-horizontal:16px;--okd-destructivesubtlebutton-sm-padding-vertical:10px;--okd-destructivesubtlebutton-md-padding-horizontal:16px;--okd-destructivesubtlebutton-md-padding-vertical:12px;--okd-destructivesubtlebutton-lg-padding-horizontal:24px;--okd-destructivesubtlebutton-lg-padding-vertical:14px;--okd-destructivesubtlebutton-xl-padding-horizontal:44px;--okd-destructivesubtlebutton-xl-padding-vertical:16px;--okd-destructivesubtlebutton-border-radius:50px;--okd-destructivesubtlebutton-default-background:var(--okd-color-surface-interactive-destructive-subtle-default);--okd-destructivesubtlebutton-hover-background:var(--okd-color-surface-interactive-destructive-subtle-hovered);--okd-destructivesubtlebutton-active-background:var(--okd-color-surface-interactive-destructive-subtle-pressed);--okd-destructivesubtlebutton-loading-background:var(--okd-color-surface-interactive-destructive-subtle-pressed);--okd-destructivesubtlebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-destructivesubtlebutton-loader-track-color:rgba(255,93,115,.26);--okd-destructivesubtlebutton-loader-mark-color:var(--okd-color-surface-danger-default);--okd-destructivesubtlebutton-loader-border-width:2px;--okd-destructivesubtlebutton-xxs-min-width:63px;--okd-destructivesubtlebutton-xs-min-width:63px;--okd-destructivesubtlebutton-s-min-width:72px;--okd-destructivesubtlebutton-sm-min-width:81px;--okd-destructivesubtlebutton-md-min-width:90px;--okd-destructivesubtlebutton-lg-min-width:108px;--okd-destructivesubtlebutton-xl-min-width:126px;--okd-destructivesubtlebutton-xxs-icon-size:14px;--okd-destructivesubtlebutton-xs-icon-size:14px;--okd-destructivesubtlebutton-s-icon-size:14px;--okd-destructivesubtlebutton-sm-icon-size:16px;--okd-destructivesubtlebutton-md-icon-size:16px;--okd-destructivesubtlebutton-lg-icon-size:20px;--okd-destructivesubtlebutton-xl-icon-size:20px;--okd-destructivesubtlebutton-xxs-icon-margin-right:6px;--okd-destructivesubtlebutton-xs-icon-margin-right:6px;--okd-destructivesubtlebutton-s-icon-margin-right:6px;--okd-destructivesubtlebutton-sm-icon-margin-right:6px;--okd-destructivesubtlebutton-md-icon-margin-right:6px;--okd-destructivesubtlebutton-lg-icon-margin-right:8px;--okd-destructivesubtlebutton-xl-icon-margin-right:8px}.okui-destructivesubtlebutton-xxs{font-size:12px;font-size:var(--okd-destructivesubtlebutton-xxs-font-size,12px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-xxs-font-weight,400);line-height:16px;line-height:var(--okd-destructivesubtlebutton-xxs-line-height,16px);min-width:63px;min-width:var(--okd-destructivesubtlebutton-xxs-min-width,63px);padding:4px 12px;padding:var(--okd-destructivesubtlebutton-xxs-padding-vertical,4px) var(--okd-destructivesubtlebutton-xxs-padding-horizontal,12px)}.okui-destructivesubtlebutton-xxs .okui-destructivesubtlebutton-loader-circle{height:14px;height:var(--okd-destructivesubtlebutton-xxs-loader-width,14px);width:14px;width:var(--okd-destructivesubtlebutton-xxs-loader-width,14px)}.okui-destructivesubtlebutton-xxs .okui-destructivesubtlebutton-icon{font-size:14px;font-size:var(--okd-destructivesubtlebutton-xxs-icon-size,14px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-xxs-font-weight,400)}.okui-destructivesubtlebutton-xxs .okui-destructivesubtlebutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructivesubtlebutton-xxs-icon-margin-right,6px)}.okui-destructivesubtlebutton-xxs .okui-destructivesubtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructivesubtlebutton-xxs-icon-margin-right,6px)}.okui-destructivesubtlebutton-loading-text .okui-destructivesubtlebutton-loader{margin-right:var(--okd-destructivesubtlebutton-xxs-loader-margin-right,6px)}.okui-destructivesubtlebutton-xs{font-size:12px;font-size:var(--okd-destructivesubtlebutton-xs-font-size,12px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-xs-font-weight,400);line-height:16px;line-height:var(--okd-destructivesubtlebutton-xs-line-height,16px);min-width:63px;min-width:var(--okd-destructivesubtlebutton-xs-min-width,63px);padding:6px 12px;padding:var(--okd-destructivesubtlebutton-xs-padding-vertical,6px) var(--okd-destructivesubtlebutton-xs-padding-horizontal,12px)}.okui-destructivesubtlebutton-xs .okui-destructivesubtlebutton-loader-circle{height:14px;height:var(--okd-destructivesubtlebutton-xs-loader-width,14px);width:14px;width:var(--okd-destructivesubtlebutton-xs-loader-width,14px)}.okui-destructivesubtlebutton-xs .okui-destructivesubtlebutton-icon{font-size:14px;font-size:var(--okd-destructivesubtlebutton-xs-icon-size,14px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-xs-font-weight,400)}.okui-destructivesubtlebutton-xs .okui-destructivesubtlebutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructivesubtlebutton-xs-icon-margin-right,6px)}.okui-destructivesubtlebutton-xs .okui-destructivesubtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructivesubtlebutton-xs-icon-margin-right,6px)}.okui-destructivesubtlebutton-loading-text .okui-destructivesubtlebutton-loader{margin-right:var(--okd-destructivesubtlebutton-xs-loader-margin-right,6px)}.okui-destructivesubtlebutton-s{font-size:14px;font-size:var(--okd-destructivesubtlebutton-s-font-size,14px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-s-font-weight,400);line-height:16px;line-height:var(--okd-destructivesubtlebutton-s-line-height,16px);min-width:72px;min-width:var(--okd-destructivesubtlebutton-s-min-width,72px);padding:8px 12px;padding:var(--okd-destructivesubtlebutton-s-padding-vertical,8px) var(--okd-destructivesubtlebutton-s-padding-horizontal,12px)}.okui-destructivesubtlebutton-s .okui-destructivesubtlebutton-loader-circle{height:14px;height:var(--okd-destructivesubtlebutton-s-loader-width,14px);width:14px;width:var(--okd-destructivesubtlebutton-s-loader-width,14px)}.okui-destructivesubtlebutton-s .okui-destructivesubtlebutton-icon{font-size:14px;font-size:var(--okd-destructivesubtlebutton-s-icon-size,14px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-s-font-weight,400)}.okui-destructivesubtlebutton-s .okui-destructivesubtlebutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructivesubtlebutton-s-icon-margin-right,6px)}.okui-destructivesubtlebutton-s .okui-destructivesubtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructivesubtlebutton-s-icon-margin-right,6px)}.okui-destructivesubtlebutton-loading-text .okui-destructivesubtlebutton-loader{margin-right:var(--okd-destructivesubtlebutton-s-loader-margin-right,6px)}.okui-destructivesubtlebutton-sm{font-size:14px;font-size:var(--okd-destructivesubtlebutton-sm-font-size,14px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-sm-font-weight,400);line-height:16px;line-height:var(--okd-destructivesubtlebutton-sm-line-height,16px);min-width:81px;min-width:var(--okd-destructivesubtlebutton-sm-min-width,81px);padding:10px 16px;padding:var(--okd-destructivesubtlebutton-sm-padding-vertical,10px) var(--okd-destructivesubtlebutton-sm-padding-horizontal,16px)}.okui-destructivesubtlebutton-sm .okui-destructivesubtlebutton-loader-circle{height:16px;height:var(--okd-destructivesubtlebutton-sm-loader-width,16px);width:16px;width:var(--okd-destructivesubtlebutton-sm-loader-width,16px)}.okui-destructivesubtlebutton-sm .okui-destructivesubtlebutton-icon{font-size:16px;font-size:var(--okd-destructivesubtlebutton-sm-icon-size,16px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-sm-font-weight,400)}.okui-destructivesubtlebutton-sm .okui-destructivesubtlebutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructivesubtlebutton-sm-icon-margin-right,6px)}.okui-destructivesubtlebutton-sm .okui-destructivesubtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructivesubtlebutton-sm-icon-margin-right,6px)}.okui-destructivesubtlebutton-loading-text .okui-destructivesubtlebutton-loader{margin-right:var(--okd-destructivesubtlebutton-sm-loader-margin-right,6px)}.okui-destructivesubtlebutton-md{font-size:14px;font-size:var(--okd-destructivesubtlebutton-md-font-size,14px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-md-font-weight,400);line-height:16px;line-height:var(--okd-destructivesubtlebutton-md-line-height,16px);min-width:90px;min-width:var(--okd-destructivesubtlebutton-md-min-width,90px);padding:12px 16px;padding:var(--okd-destructivesubtlebutton-md-padding-vertical,12px) var(--okd-destructivesubtlebutton-md-padding-horizontal,16px)}.okui-destructivesubtlebutton-md .okui-destructivesubtlebutton-loader-circle{height:16px;height:var(--okd-destructivesubtlebutton-md-loader-width,16px);width:16px;width:var(--okd-destructivesubtlebutton-md-loader-width,16px)}.okui-destructivesubtlebutton-md .okui-destructivesubtlebutton-icon{font-size:16px;font-size:var(--okd-destructivesubtlebutton-md-icon-size,16px);font-weight:400;font-weight:var(--okd-destructivesubtlebutton-md-font-weight,400)}.okui-destructivesubtlebutton-md .okui-destructivesubtlebutton-icon-leading{margin-right:6px;margin-right:var(--okd-destructivesubtlebutton-md-icon-margin-right,6px)}.okui-destructivesubtlebutton-md .okui-destructivesubtlebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-destructivesubtlebutton-md-icon-margin-right,6px)}.okui-destructivesubtlebutton-loading-text .okui-destructivesubtlebutton-loader{margin-right:6px;margin-right:var(--okd-destructivesubtlebutton-md-loader-margin-right,6px)}.okui-destructivesubtlebutton-lg{font-size:16px;font-size:var(--okd-destructivesubtlebutton-lg-font-size,16px);font-weight:500;font-weight:var(--okd-destructivesubtlebutton-lg-font-weight,500);line-height:20px;line-height:var(--okd-destructivesubtlebutton-lg-line-height,20px);min-width:108px;min-width:var(--okd-destructivesubtlebutton-lg-min-width,108px);padding:14px 24px;padding:var(--okd-destructivesubtlebutton-lg-padding-vertical,14px) var(--okd-destructivesubtlebutton-lg-padding-horizontal,24px)}.okui-destructivesubtlebutton-lg .okui-destructivesubtlebutton-loader-circle{height:20px;height:var(--okd-destructivesubtlebutton-lg-loader-width,20px);width:20px;width:var(--okd-destructivesubtlebutton-lg-loader-width,20px)}.okui-destructivesubtlebutton-lg .okui-destructivesubtlebutton-icon{font-size:20px;font-size:var(--okd-destructivesubtlebutton-lg-icon-size,20px);font-weight:500;font-weight:var(--okd-destructivesubtlebutton-lg-font-weight,500)}.okui-destructivesubtlebutton-lg .okui-destructivesubtlebutton-icon-leading{margin-right:8px;margin-right:var(--okd-destructivesubtlebutton-lg-icon-margin-right,8px)}.okui-destructivesubtlebutton-lg .okui-destructivesubtlebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-destructivesubtlebutton-lg-icon-margin-right,8px)}.okui-destructivesubtlebutton-loading-text .okui-destructivesubtlebutton-loader{margin-right:var(--okd-destructivesubtlebutton-lg-loader-margin-right,8px)}.okui-destructivesubtlebutton-xl{font-size:18px;font-size:var(--okd-destructivesubtlebutton-xl-font-size,18px);font-weight:500;font-weight:var(--okd-destructivesubtlebutton-xl-font-weight,500);line-height:24px;line-height:var(--okd-destructivesubtlebutton-xl-line-height,24px);min-width:126px;min-width:var(--okd-destructivesubtlebutton-xl-min-width,126px);padding:16px 44px;padding:var(--okd-destructivesubtlebutton-xl-padding-vertical,16px) var(--okd-destructivesubtlebutton-xl-padding-horizontal,44px)}.okui-destructivesubtlebutton-xl .okui-destructivesubtlebutton-loader-circle{height:20px;height:var(--okd-destructivesubtlebutton-xl-loader-width,20px);width:20px;width:var(--okd-destructivesubtlebutton-xl-loader-width,20px)}.okui-destructivesubtlebutton-xl .okui-destructivesubtlebutton-icon{font-size:20px;font-size:var(--okd-destructivesubtlebutton-xl-icon-size,20px);font-weight:500;font-weight:var(--okd-destructivesubtlebutton-xl-font-weight,500)}.okui-destructivesubtlebutton-xl .okui-destructivesubtlebutton-icon-leading{margin-right:8px;margin-right:var(--okd-destructivesubtlebutton-xl-icon-margin-right,8px)}.okui-destructivesubtlebutton-xl .okui-destructivesubtlebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-destructivesubtlebutton-xl-icon-margin-right,8px)}.okui-destructivesubtlebutton-loading-text .okui-destructivesubtlebutton-loader{margin-right:8px;margin-right:var(--okd-destructivesubtlebutton-xl-loader-margin-right,8px)}.okui-destructivesubtlebutton{align-items:center;background-color:var(--okd-color-surface-interactive-experience-default);background-color:var(--okd-destructivesubtlebutton-default-background,var(--okd-color-surface-interactive-experience-default));border-radius:50px;border-radius:var(--okd-destructivesubtlebutton-border-radius,50px);box-sizing:border-box;color:var(--okd-color-content-danger-default);color:var(--okd-destructivesubtlebutton-default-color,var(--okd-color-content-danger-default));cursor:pointer;display:inline-flex;justify-content:center;outline:none;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-destructivesubtlebutton:focus-visible{border-radius:50px;border-radius:var(--okd-destructivesubtlebutton-border-radius,50px);outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-destructivesubtlebutton.hover,.okui-destructivesubtlebutton:not(.okui-destructivesubtlebutton-disabled):not(.okui-destructivesubtlebutton-loading):hover{background-color:var(--okd-color-surface-interactive-experience-hovered);background-color:var(--okd-destructivesubtlebutton-hover-background,var(--okd-color-surface-interactive-experience-hovered))}.okui-destructivesubtlebutton.active,.okui-destructivesubtlebutton:not(.okui-destructivesubtlebutton-disabled):not(.okui-destructivesubtlebutton-loading):active{background-color:var(--okd-color-surface-interactive-experience-pressed);background-color:var(--okd-destructivesubtlebutton-active-background,var(--okd-color-surface-interactive-experience-pressed))}.okui-destructivesubtlebutton-disabled,.okui-destructivesubtlebutton.disabled{background-color:var(--okd-color-surface-interactive-disabled);background-color:var(--okd-destructivesubtlebutton-disabled-background,var(--okd-color-surface-interactive-disabled));color:var(--okd-color-surface-interactive-disabled);color:var(--okd-destructivesubtlebutton-disabled-color,var(--okd-color-surface-interactive-disabled));cursor:not-allowed}.okui-destructivesubtlebutton-loading,.okui-destructivesubtlebutton.loading{background-color:var(--okd-color-surface-interactive-experience-pressed);background-color:var(--okd-destructivesubtlebutton-loading-background,var(--okd-color-surface-interactive-experience-pressed));color:transparent}.okui-destructivesubtlebutton-loading .okui-destructivesubtlebutton-loader,.okui-destructivesubtlebutton.loading .okui-destructivesubtlebutton-loader{display:flex;position:absolute}.okui-destructivesubtlebutton-loading-text{background-color:var(--okd-color-surface-interactive-experience-pressed);background-color:var(--okd-destructivesubtlebutton-loading-background,var(--okd-color-surface-interactive-experience-pressed));display:flex}.okui-destructivesubtlebutton-block,.okui-destructivesubtlebutton.block{display:flex;width:100%}.okui-destructivesubtlebutton-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-destructivesubtlebutton-loader-circle{border-color:var(--okd-destructivesubtlebutton-loader-track-color,var(--okd-color-border-static-error));border-top-color:var(--okd-destructivesubtlebutton-loader-mark-color,var(--okd-color-content-static-error));border-width:2px;border-width:var(--okd-destructivesubtlebutton-loader-border-width,2px)}.theme-light{--okd-dragdrop-sortable-item-default-background:var(--okd-color-surface-structural-base);--okd-dragdrop-sortable-item-default-border-color:var(--okd-color-border-static-default);--okd-dragdrop-sortable-item-active-border-color:#0569ff;--okd-dragdrop-sortable-item-active-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--okd-dragdrop-sortable-overlay-background-color:var(--okd-color-surface-structural-base);--okd-dragdrop-sortable-overlay-border-color:var(--okd-color-border-static-default);--okd-dragdrop-sortable-item-handler-default-color:var(--okd-color-content-static-subtle)}.theme-dark{--okd-dragdrop-sortable-item-default-background:var(--okd-color-surface-structural-base);--okd-dragdrop-sortable-item-default-border-color:var(--okd-color-border-static-default);--okd-dragdrop-sortable-item-active-border-color:#e3e3e3;--okd-dragdrop-sortable-item-active-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--okd-dragdrop-sortable-overlay-background-color:var(--okd-color-surface-structural-base);--okd-dragdrop-sortable-overlay-border-color:var(--okd-color-border-static-default);--okd-dragdrop-sortable-item-handler-default-color:var(--okd-color-content-static-subtle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.okui-dragdrop-sortable-wrapper{background-color:#fff;background-color:var(--okd-dragdrop-sortable-item-default-background,#fff);box-sizing:border-box;display:flex;margin-bottom:var(--okd-inner-dragdrop-wrapper-gutter);position:relative;touch-action:manipulation;transform:translateZ(0);transform:translate3d(var(--okd-inner-dragdrop-translate-x,0),var(--okd-inner-dragdrop-translate-y,0),0);transform-origin:0 0;width:100%}.okui-dragdrop-sortable-wrapper:nth-last-child(3){margin-bottom:0}.okui-dragdrop-sortable-wrapper.okui-dragdrop-sortable-fadeIn{animation:fadeIn .5s ease}.okui-dragdrop-sortable-horizontal{margin-bottom:0;margin-right:var(--okd-inner-dragdrop-wrapper-gutter)}.okui-dragdrop-sortable-horizontal:nth-last-child(3){margin-right:0}.okui-dragdrop-sortable-wrapper-dragging{animation:pop .2s cubic-bezier(.18,.67,.6,1.22);border:1px solid #0569ff;border:1px solid var(--okd-dragdrop-sortable-item-active-border-color,#0569ff);border-radius:6px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--okd-dragdrop-sortable-item-active-shadow,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05));cursor:-webkit-grab;cursor:grab;opacity:1;z-index:9}.okui-dragdrop-sortable-wrapper.okui-dragdrop-sortable-wrapper-dragging .okui-dragdrop-sortable-item{border:none}.okui-dragdrop-sortable-wrapper.okui-dragdrop-sortable-wrapper-dragging .okui-dragdrop-sortable-item .okui-dragdrop-sortable-children{opacity:1}.okui-dragdrop-sortable-dragging-hidden{visibility:hidden}.okui-dragdrop-sortable-item{-webkit-tap-highlight-color:transparent;border:1px solid #ebebeb;border:1px solid var(--okd-dragdrop-sortable-item-default-border-color,#ebebeb);border-radius:6px;box-sizing:border-box;display:flex;flex-grow:1;position:relative;transform-origin:50% 50%;transition:box-shadow .2s cubic-bezier(.18,.67,.6,1.22)}.okui-dragdrop-sortable-item:focus-visible{outline:none}.okui-dragdrop-sortable-item-draggable{cursor:-webkit-grab;cursor:grab;touch-action:manipulation}.okui-dragdrop-sortable-dragging:not(.okui-dragdrop-sortable-dragOverlay){background-color:#f5f9ff;background-color:var(--okd-dragdrop-sortable-overlay-background-color,#f5f9ff);border:1px dashed #205fec;border:1px dashed var(--okd-dragdrop-sortable-overlay-border-color,#205fec);z-index:0}.okui-dragdrop-sortable-dragging:not(.okui-dragdrop-sortable-dragOverlay) .okui-dragdrop-sortable-children{opacity:0;opacity:var(--okd-inner-dragdrop-overlay-virtual-item-opacity,0)}.okui-dragdrop-sortable-disabled.okui-dragdrop-sortable-withHandler .okui-dragdrop-sortable-actions,.okui-dragdrop-sortable-disabled:not(.okui-dragdrop-sortable-withHandler){cursor:not-allowed;opacity:.4}.okui-dragdrop-sortable-dragOverlay{animation:pop .2s cubic-bezier(.18,.67,.6,1.22);border:1px solid #0569ff;border:1px solid var(--okd-dragdrop-sortable-item-active-border-color,#0569ff);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--okd-dragdrop-sortable-item-active-shadow,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05));cursor:-webkit-grab;cursor:grab;opacity:1;z-index:999}.okui-dragdrop-sortable-children{flex:1 1}.okui-dragdrop-sortable-actions{align-items:center;color:#929292;color:var(--okd-dragdrop-sortable-item-handler-default-color,#929292);cursor:-webkit-grab;cursor:grab;display:flex;height:100%;padding:0 20px}.okui-dragdrop-sortable-actions .okui-dragdrop-sortable-icon{font-size:24px}.okui-dropdown-option{white-space:nowrap}.theme-light{--okd-iconbutton-basic-default-background:hsla(0,0%,100%,0);--okd-iconbutton-basic-hover-background:var(--okd-color-surface-interactive-hovered);--okd-iconbutton-basic-active-background:var(--okd-color-surface-interactive-pressed);--okd-iconbutton-basic-disabled-background:hsla(0,0%,100%,0);--okd-iconbutton-basic-loading-background:var(--okd-color-surface-interactive-default);--okd-iconbutton-basic-default-font-color:var(--okd-color-content-interactive-active);--okd-iconbutton-basic-hover-font-color:var(--okd-color-content-interactive-hovered);--okd-iconbutton-basic-active-font-color:var(--okd-color-content-interactive-pressed);--okd-iconbutton-basic-disabled-font-color:var(--okd-color-content-disabled);--okd-iconbutton-circle-default-background:var(--okd-color-surface-interactive-emphasis-default);--okd-iconbutton-circle-hover-background:var(--okd-color-surface-interactive-emphasis-hovered);--okd-iconbutton-circle-active-background:var(--okd-color-surface-interactive-emphasis-pressed);--okd-iconbutton-circle-disabled-background:var(--okd-color-surface-interactive-emphasis-disabled);--okd-iconbutton-circle-loading-background:var(--okd-color-content-static-subtler);--okd-iconbutton-circle-default-font-color:var(--okd-color-content-static-inverse);--okd-iconbutton-circle-hover-font-color:var(--okd-color-content-inverse);--okd-iconbutton-circle-active-font-color:var(--okd-color-content-inverse);--okd-iconbutton-circle-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-iconbutton-circleOutline-default-background:hsla(0,0%,100%,0);--okd-iconbutton-circleOutline-hover-background:var(--okd-color-surface-interactive-oncolor-hovered);--okd-iconbutton-circleOutline-active-background:var(--okd-color-background-surface-pressed);--okd-iconbutton-circleOutline-disabled-background:var(--okd-color-background-surface-disable);--okd-iconbutton-circleOutline-loading-background:var(--okd-color-background-surface-secondary);--okd-iconbutton-circleOutline-default-font-color:var(--okd-color-content-interactive-active);--okd-iconbutton-circleOutline-hover-font-color:var(--okd-color-content-interactive-hovered);--okd-iconbutton-circleOutline-active-font-color:var(--okd-color-content-interactive-pressed);--okd-iconbutton-circleOutline-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-iconbutton-circleOutline-default-border-color:var(--okd-color-border-static-default);--okd-iconbutton-circleOutline-hover-border-color:var(--okd-color-border-static-default);--okd-iconbutton-circleOutline-active-border-color:var(--okd-color-border-static-default);--okd-iconbutton-circleOutline-disabled-border-color:var(--okd-color-border-tertiary);--okd-iconbutton-circleOutline-loading-border-color:var(--okd-color-border-static-default);--okd-iconbutton-sm-font-size:8px;--okd-iconbutton-sm-width:12px;--okd-iconbutton-sm-height:12px;--okd-iconbutton-sm-border-width:0.75px;--okd-iconbutton-sm-loader-border-width:2px;--okd-iconbutton-md-font-size:10px;--okd-iconbutton-md-width:16px;--okd-iconbutton-md-height:16px;--okd-iconbutton-md-border-width:1px;--okd-iconbutton-md-loader-border-width:2px;--okd-iconbutton-lg-font-size:16px;--okd-iconbutton-lg-width:24px;--okd-iconbutton-lg-height:24px;--okd-iconbutton-lg-border-width:1px;--okd-iconbutton-lg-loader-border-width:2px;--okd-iconbutton-basic-loader-track-color:var(--okd-color-global-alpha-inverse-20);--okd-iconbutton-basic-loader-mark-color:var(--okd-color-global-alpha-inverse-90);--okd-iconbutton-circleOutline-loader-track-color:var(--okd-color-border-primary);--okd-iconbutton-circleOutline-loader-mark-color:var(--okd-color-border-selected);--okd-iconbutton-circle-loader-mark-color:var(--okd-color-global-alpha-matching-90);--okd-iconbutton-circle-loader-track-color:var(--okd-color-global-alpha-matching-20)}.theme-dark{--okd-iconbutton-basic-default-background:transparent;--okd-iconbutton-basic-hover-background:var(--okd-color-surface-interactive-hovered);--okd-iconbutton-basic-active-background:var(--okd-color-surface-interactive-pressed);--okd-iconbutton-basic-disabled-background:transparent;--okd-iconbutton-basic-loading-background:var(--okd-color-surface-interactive-default);--okd-iconbutton-basic-default-font-color:var(--okd-color-content-interactive-active);--okd-iconbutton-basic-hover-font-color:var(--okd-color-content-interactive-hovered);--okd-iconbutton-basic-active-font-color:var(--okd-color-content-interactive-pressed);--okd-iconbutton-basic-disabled-font-color:var(--okd-color-content-disabled);--okd-iconbutton-circle-default-background:var(--okd-color-surface-interactive-emphasis-default);--okd-iconbutton-circle-hover-background:var(--okd-color-surface-interactive-emphasis-hovered);--okd-iconbutton-circle-active-background:var(--okd-color-surface-interactive-emphasis-pressed);--okd-iconbutton-circle-disabled-background:var(--okd-color-surface-interactive-emphasis-disabled);--okd-iconbutton-circle-loading-background:var(--okd-color-content-static-subtler);--okd-iconbutton-circle-default-font-color:var(--okd-color-content-static-inverse);--okd-iconbutton-circle-hover-font-color:var(--okd-color-content-inverse);--okd-iconbutton-circle-active-font-color:var(--okd-color-content-inverse);--okd-iconbutton-circle-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-iconbutton-circleOutline-default-background:transparent;--okd-iconbutton-circleOutline-hover-background:var(--okd-color-surface-interactive-oncolor-hovered);--okd-iconbutton-circleOutline-active-background:var(--okd-color-background-surface-pressed);--okd-iconbutton-circleOutline-disabled-background:var(--okd-color-background-surface-disable);--okd-iconbutton-circleOutline-loading-background:var(--okd-color-background-surface-secondary);--okd-iconbutton-circleOutline-default-font-color:var(--okd-color-content-interactive-active);--okd-iconbutton-circleOutline-hover-font-color:var(--okd-color-content-interactive-hovered);--okd-iconbutton-circleOutline-active-font-color:var(--okd-color-content-interactive-pressed);--okd-iconbutton-circleOutline-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-iconbutton-circleOutline-default-border-color:var(--okd-color-border-static-default);--okd-iconbutton-circleOutline-hover-border-color:var(--okd-color-border-static-default);--okd-iconbutton-circleOutline-active-border-color:var(--okd-color-border-static-default);--okd-iconbutton-circleOutline-disabled-border-color:var(--okd-color-border-tertiary);--okd-iconbutton-circleOutline-loading-border-color:var(--okd-color-border-static-default);--okd-iconbutton-sm-font-size:8px;--okd-iconbutton-sm-width:12px;--okd-iconbutton-sm-height:12px;--okd-iconbutton-sm-border-width:0.75px;--okd-iconbutton-sm-loader-border-width:2px;--okd-iconbutton-md-font-size:10px;--okd-iconbutton-md-width:16px;--okd-iconbutton-md-height:16px;--okd-iconbutton-md-border-width:1px;--okd-iconbutton-md-loader-border-width:2px;--okd-iconbutton-lg-font-size:16px;--okd-iconbutton-lg-width:24px;--okd-iconbutton-lg-height:24px;--okd-iconbutton-lg-border-width:1px;--okd-iconbutton-lg-loader-border-width:2px;--okd-iconbutton-basic-loader-track-color:var(--okd-color-global-alpha-inverse-20);--okd-iconbutton-basic-loader-mark-color:var(--okd-color-global-alpha-inverse-90);--okd-iconbutton-circleOutline-loader-track-color:var(--okd-color-border-primary);--okd-iconbutton-circleOutline-loader-mark-color:var(--okd-color-border-selected);--okd-iconbutton-circle-loader-mark-color:var(--okd-color-global-alpha-matching-90);--okd-iconbutton-circle-loader-track-color:var(--okd-color-global-alpha-matching-20)}.okui-icon-button{align-items:center;border-color:transparent;border-style:solid;display:flex;justify-content:center;text-align:center}.okui-icon-button.okui-icon-button-sm{border-radius:50%;border-width:.75px;border-width:var(--okd-iconbutton-sm-border-width,.75px);height:12px;height:var(--okd-iconbutton-sm-height,12px);width:12px;width:var(--okd-iconbutton-sm-width,12px)}.okui-icon-button.okui-icon-button-sm .okui-icon-button-icon{font-size:8px;font-size:var(--okd-iconbutton-sm-font-size,8px)}.okui-icon-button.okui-icon-button-sm .okui-icon-button-loader-circle{border-width:2px;border-width:var(--okd-iconbutton-sm-loader-border-width,2px);height:8px;height:var(--okd-iconbutton-sm-font-size,8px);width:8px;width:var(--okd-iconbutton-sm-font-size,8px)}.okui-icon-button.okui-icon-button-md{border-radius:50%;border-width:1px;border-width:var(--okd-iconbutton-md-border-width,1px);height:16px;height:var(--okd-iconbutton-md-height,16px);width:16px;width:var(--okd-iconbutton-md-width,16px)}.okui-icon-button.okui-icon-button-md .okui-icon-button-icon{font-size:10px;font-size:var(--okd-iconbutton-md-font-size,10px)}.okui-icon-button.okui-icon-button-md .okui-icon-button-loader-circle{border-width:2px;border-width:var(--okd-iconbutton-md-loader-border-width,2px);height:10px;height:var(--okd-iconbutton-md-font-size,10px);width:10px;width:var(--okd-iconbutton-md-font-size,10px)}.okui-icon-button.okui-icon-button-lg{border-radius:50%;border-width:1px;border-width:var(--okd-iconbutton-lg-border-width,1px);height:24px;height:var(--okd-iconbutton-lg-height,24px);width:24px;width:var(--okd-iconbutton-lg-width,24px)}.okui-icon-button.okui-icon-button-lg .okui-icon-button-icon{font-size:16px;font-size:var(--okd-iconbutton-lg-font-size,16px)}.okui-icon-button.okui-icon-button-lg .okui-icon-button-loader-circle{border-width:2px;border-width:var(--okd-iconbutton-lg-loader-border-width,2px);height:16px;height:var(--okd-iconbutton-lg-font-size,16px);width:16px;width:var(--okd-iconbutton-lg-font-size,16px)}.okui-icon-button-basic{background:transparent;background:var(--okd-iconbutton-basic-default-background,transparent);color:var(--okd-color-content-primary);color:var(--okd-iconbutton-basic-default-font-color,var(--okd-color-content-primary))}.okui-icon-button-basic.hover,.okui-icon-button-basic:not(.okui-icon-button-basic-disabled):not(.okui-icon-button-basic-loading):hover{background:var(--okd-color-background-surface-secondary);background:var(--okd-iconbutton-basic-hover-background,var(--okd-color-background-surface-secondary));color:var(--okd-color-content-primary);color:var(--okd-iconbutton-basic-hover-font-color,var(--okd-color-content-primary))}.okui-icon-button-basic.active,.okui-icon-button-basic:not(.okui-icon-button-basic-disabled):not(.okui-icon-button-basic-loading):active{background:var(--okd-color-background-surface-pressed);background:var(--okd-iconbutton-basic-active-background,var(--okd-color-background-surface-pressed));color:var(--okd-color-content-primary);color:var(--okd-iconbutton-basic-active-font-color,var(--okd-color-content-primary))}.okui-icon-button-basic.disabled,.okui-icon-button-basic.okui-icon-button-basic-disabled{background:transparent;background:var(--okd-iconbutton-basic-disabled-background,transparent);color:var(--okd-color-content-disabled);color:var(--okd-iconbutton-basic-disabled-font-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-icon-button-basic.loading,.okui-icon-button-basic.okui-icon-button-basic-loading{background:var(--okd-color-background-surface-secondary);background:var(--okd-iconbutton-basic-loading-background,var(--okd-color-background-surface-secondary));cursor:pointer}.okui-icon-button-basic-loader{border-color:var(--okd-iconbutton-basic-loader-track-color);border-top-color:var(--okd-iconbutton-basic-loader-mark-color)}.okui-icon-button-circle{background:var(--okd-color-content-primary);background:var(--okd-iconbutton-circle-default-background,var(--okd-color-content-primary));color:var(--okd-color-content-inverse);color:var(--okd-iconbutton-circle-default-font-color,var(--okd-color-content-inverse))}.okui-icon-button-circle.hover,.okui-icon-button-circle:not(.okui-icon-button-circle-disabled):not(.okui-icon-button-circle-loading):hover{background:var(--okd-color-content-contrast);background:var(--okd-iconbutton-circle-hover-background,var(--okd-color-content-contrast));color:var(--okd-color-content-inverse);color:var(--okd-iconbutton-circle-hover-font-color,var(--okd-color-content-inverse))}.okui-icon-button-circle.active,.okui-icon-button-circle:not(.okui-icon-button-circle-disabled):not(.okui-icon-button-circle-loading):active{background:var(--okd-color-container-contrast);background:var(--okd-iconbutton-circle-active-background,var(--okd-color-container-contrast));color:var(--okd-color-content-inverse);color:var(--okd-iconbutton-circle-active-font-color,var(--okd-color-content-inverse))}.okui-icon-button-circle.disabled,.okui-icon-button-circle.okui-icon-button-circle-disabled{background:var(--okd-color-background-surface-disable);background:var(--okd-iconbutton-circle-disabled-background,var(--okd-color-background-surface-disable));color:var(--okd-color-content-disabled);color:var(--okd-iconbutton-circle-disabled-font-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-icon-button-circle.loading,.okui-icon-button-circle.okui-icon-button-circle-loading{background:var(--okd-color-content-contrast);background:var(--okd-iconbutton-circle-loading-background,var(--okd-color-content-contrast));cursor:pointer}.okui-icon-button-circle-loader{border-color:var(--okd-iconbutton-circle-loader-track-color);border-top-color:var(--okd-iconbutton-circle-loader-mark-color)}.okui-icon-button-circleOutline{background:transparent;background:var(--okd-iconbutton-circleOutline-default-background,transparent);border-color:var(--okd-iconbutton-circleOutline-default-border-color,var(--okd-color-border-secondary));color:var(--okd-color-content-primary);color:var(--okd-iconbutton-circleOutline-default-font-color,var(--okd-color-content-primary))}.okui-icon-button-circleOutline.hover,.okui-icon-button-circleOutline:not(.okui-icon-button-circleOutline-disabled):not(.okui-icon-button-circleOutline-loading):hover{background:var(--okd-color-background-surface-secondary);background:var(--okd-iconbutton-circleOutline-hover-background,var(--okd-color-background-surface-secondary));border-color:var(--okd-iconbutton-circleOutline-hover-border-color,var(--okd-color-border-secondary));color:var(--okd-color-content-primary);color:var(--okd-iconbutton-circleOutline-hover-font-color,var(--okd-color-content-primary))}.okui-icon-button-circleOutline.active,.okui-icon-button-circleOutline:not(.okui-icon-button-circleOutline-disabled):not(.okui-icon-button-circleOutline-loading):active{background:var(--okd-color-background-surface-pressed);background:var(--okd-iconbutton-circleOutline-active-background,var(--okd-color-background-surface-pressed));border-color:var(--okd-iconbutton-circleOutline-active-border-color,var(--okd-color-border-secondary));color:var(--okd-color-content-primary);color:var(--okd-iconbutton-circleOutline-active-font-color,var(--okd-color-content-primary))}.okui-icon-button-circleOutline.disabled,.okui-icon-button-circleOutline.okui-icon-button-circleOutline-disabled{background:var(--okd-color-background-surface-disable);background:var(--okd-iconbutton-circleOutline-disabled-background,var(--okd-color-background-surface-disable));border-color:var(--okd-iconbutton-circleOutline-disabled-border-color,var(--okd-color-border-tertiary));color:var(--okd-color-content-disabled);color:var(--okd-iconbutton-circleOutline-disabled-font-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-icon-button-circleOutline.loading,.okui-icon-button-circleOutline.okui-icon-button-circleOutline-loading{background:var(--okd-color-background-surface-secondary);background:var(--okd-iconbutton-circleOutline-loading-background,var(--okd-color-background-surface-secondary));border-color:var(--okd-iconbutton-circleOutline-loading-border-color,var(--okd-color-border-secondary));cursor:pointer}.okui-icon-button-circleOutline-loader{border-color:var(--okd-iconbutton-circleOutline-loader-track-color);border-top-color:var(--okd-iconbutton-circleOutline-loader-mark-color)}.okui-image{overflow:hidden;position:relative}.okui-image,.okui-image-picture-sizer{display:block}.okui-image-placeholder{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.okui-image-layout{position:absolute}.okui-image-layout-responsive{height:100%;left:0;top:0;width:100%}.okui-image-layout-contain,.okui-image-layout-cover{left:50%;top:50%;transform:translate(-50%,-50%)}.okui-image-webp{display:contents}.okui-image-hide{visibility:hidden}.theme-dark,.theme-light{--okd-imageviewer-mask-color:var(--okd-color-global-fixed-always-light);--okd-imageviewer-mask-font-size:14px;--okd-imageviewer-mask-font-weight:500;--okd-imageviewer-mask-eye-font-size:16px;--okd-imageviewer-mask-eye-margin-right:8px;--okd-imageviewer-preview-close-btn-width:40px;--okd-imageviewer-preview-close-btn-height:40px;--okd-imageviewer-preview-close-btn-top:16px;--okd-imageviewer-preview-close-btn-right:16px;--okd-imageviewer-preview-close-btn-color:var(--okd-color-content-interactive-default);--okd-imageviewer-preview-close-btn-background-color:var(--okd-color-surface-interactive-default);--okd-imageviewer-preview-close-btn-icon-font-size:24px;--okd-imageviewer-preview-toolbar-bottom:24px;--okd-imageviewer-preview-toolbar-margin-left:24px;--okd-imageviewer-preview-toolbar-height:48px;--okd-imageviewer-preview-toolbar-padding-horizontal:24px;--okd-imageviewer-preview-toolbar-border-radius:24px;--okd-imageviewer-preview-toolbar-background-color:var(--okd-color-surface-interactive-default);--okd-imageviewer-preview-toolbar-color:var(--okd-color-content-interactive-default);--okd-imageviewer-preview-toolbar-disabled-color:var(--okd-color-content-interactive-disabled);--okd-imageviewer-preview-toolbar-icon-font-size:24px}.okui-image-preview-container{height:100%;text-align:center;width:100%}.okui-image-preview-img{cursor:-webkit-grab;cursor:grab;display:inline-block;max-height:100%;max-width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.okui-image-preview-picture{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.okui-image-preview-close-btn{align-items:center;background-color:hsla(0,0%,5%,.2);background-color:var(--okd-imageviewer-preview-close-btn-background-color,hsla(0,0%,5%,.2));border-radius:50%;color:var(--okd-color-content-inverse);color:var(--okd-imageviewer-preview-close-btn-color,var(--okd-color-content-inverse));cursor:pointer;display:flex;height:40px;height:var(--okd-imageviewer-preview-close-btn-height,40px);justify-content:center;position:absolute;right:16px;right:var(--okd-imageviewer-preview-close-btn-right,16px);top:16px;top:var(--okd-imageviewer-preview-close-btn-top,16px);width:40px;width:var(--okd-imageviewer-preview-close-btn-width,40px)}.okui-image-preview-close-btn .okui-image-preview-close-btn-icon{font-size:24px;font-size:var(--okd-imageviewer-preview-close-btn-icon-font-size,24px)}.okui-image-preview-toolbar{align-items:center;background-color:hsla(0,0%,5%,.2);background-color:var(--okd-imageviewer-preview-toolbar-background-color,hsla(0,0%,5%,.2));border-radius:24px;border-radius:var(--okd-imageviewer-preview-toolbar-border-radius,24px);bottom:24px;bottom:var(--okd-imageviewer-preview-toolbar-bottom,24px);color:var(--okd-color-content-inverse);color:var(--okd-imageviewer-preview-toolbar-color,var(--okd-color-content-inverse));display:inline-flex;height:48px;height:var(--okd-imageviewer-preview-toolbar-height,48px);left:50%;padding:0 24px;padding:0 var(--okd-imageviewer-preview-toolbar-padding-horizontal,24px);position:absolute;transform:translateX(-50%)}.okui-image-preview-toolbar .okui-image-preview-toolbar-action+.okui-image-preview-toolbar-action{margin-left:24px;margin-left:var(--okd-imageviewer-preview-toolbar-margin-left,24px)}.okui-image-preview-toolbar .okui-image-preview-toolbar-icon{cursor:pointer;display:inline-block;text-align:center}.okui-image-preview-toolbar .okui-image-preview-toolbar-icon .iconfont{font-size:24px;font-size:var(--okd-imageviewer-preview-toolbar-icon-font-size,24px)}.okui-image-preview-toolbar .okui-image-preview-toolbar-action-disabled .okui-image-preview-toolbar-icon{color:var(--okd-color-content-disabled);color:var(--okd-imageviewer-preview-toolbar-disabled-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-image-viewer{cursor:pointer;display:inline-block;position:relative}.okui-image-viewer-mask{align-items:center;color:var(--okd-color-content-inverse);color:var(--okd-imageviewer-mask-color,var(--okd-color-content-inverse));display:none;font-size:14px;font-size:var(--okd-imageviewer-mask-font-size,14px);font-weight:500;font-weight:var(--okd-imageviewer-mask-font-weight,500);height:100%;justify-content:center;position:absolute;top:0;width:100%}.okui-image-viewer-mask .okui-image-viewer-eye{display:inline-block;font-size:16px;font-size:var(--okd-imageviewer-mask-eye-font-size,16px);margin-right:8px;margin-right:var(--okd-imageviewer-mask-eye-margin-right,8px)}@media (min-width:768px){.okui-image-viewer:hover .okui-image-viewer-mask{display:flex}}.okui-input-suffix .suffix-icon+.okui-input-code-btn,.okui-input-suffix .suffix-icon+.okui-input-count-down{margin-left:var(--okd-input-md-icon-margin)}.okui-input-count-down{color:var(--okd-input-code-common-count-color)}.okui-input input::-webkit-inner-spin-button,.okui-input input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}.okui-input input[type=number]{-moz-appearance:textfield}.okui-input-xl .okui-input-count-down{font-size:var(--okd-input-code-xl-count-font-size);line-height:var(--okd-input-code-xl-count-line-height)}.okui-input-lg .okui-input-count-down{font-size:var(--okd-input-code-lg-count-font-size);line-height:var(--okd-input-code-lg-count-line-height)}.okui-input-xs .okui-input-count-down{font-size:var(--okd-input-code-xs-count-font-size);line-height:var(--okd-input-code-xs-count-line-height)}.okui-input-sm .okui-input-count-down{font-size:var(--okd-input-code-sm-count-font-size);line-height:var(--okd-input-code-sm-count-line-height)}.okui-input-md .okui-input-count-down{font-size:var(--okd-input-code-md-count-font-size);line-height:var(--okd-input-code-md-count-line-height)}.okui-input-switch-icon.icon{cursor:pointer}.okui-label{display:flex;width:100%}.okui-label.top-right{justify-content:flex-end}.okui-label.top-between{justify-content:space-between}.okui-label-text{color:var(--okd-input-label-color);font-weight:500}.okui-label-action{color:var(--okd-input-action-color);cursor:pointer;font-weight:500}.okui-label.label-xl .okui-label-text{font-size:var(--okd-input-xl-label-font-size);line-height:var(--okd-input-xl-label-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-xl-label-margin,6px)}.okui-label.label-xl .okui-label-action{font-size:var(--okd-input-xl-action-font-size);line-height:var(--okd-input-xl-action-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-xl-label-margin,6px)}.okui-label.label-xl .okui-label-place{min-height:var(--okd-input-xl-label-line-height)}.okui-label.label-lg .okui-label-text{font-size:var(--okd-input-lg-label-font-size);line-height:var(--okd-input-lg-label-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-lg-label-margin,6px)}.okui-label.label-lg .okui-label-action{font-size:var(--okd-input-lg-action-font-size);line-height:var(--okd-input-lg-action-line-height);margin-bottom:6px;margin-bottom:var(--okd-input-lg-label-margin,6px)}.okui-label.label-lg .okui-label-place{min-height:var(--okd-input-lg-label-line-height)}.okui-label.label-xs .okui-label-text{font-size:var(--okd-input-xs-label-font-size);line-height:var(--okd-input-xs-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-xs-label-margin,4px)}.okui-label.label-xs .okui-label-action{font-size:var(--okd-input-xs-action-font-size);line-height:var(--okd-input-xs-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-xs-label-margin,4px)}.okui-label.label-xs .okui-label-place{min-height:var(--okd-input-xs-label-line-height)}.okui-label.label-sm .okui-label-text{font-size:var(--okd-input-sm-label-font-size);line-height:var(--okd-input-sm-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-sm-label-margin,4px)}.okui-label.label-sm .okui-label-action{font-size:var(--okd-input-sm-action-font-size);line-height:var(--okd-input-sm-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-sm-label-margin,4px)}.okui-label.label-sm .okui-label-place{min-height:var(--okd-input-sm-label-line-height)}.okui-label.label-md .okui-label-text{font-size:var(--okd-input-md-label-font-size);line-height:var(--okd-input-md-label-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-md-label-margin,4px)}.okui-label.label-md .okui-label-action{font-size:var(--okd-input-md-action-font-size);line-height:var(--okd-input-md-action-line-height);margin-bottom:4px;margin-bottom:var(--okd-input-md-label-margin,4px)}.okui-label.label-md .okui-label-place{min-height:var(--okd-input-md-label-line-height)}.okui-input-caret-color{caret-color:var(--okd-input-focus-caret-color)}.okui-input-caret-color input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.okui-input-caret-color input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.okui-input-caret-color input::-ms-clear,.okui-input-caret-color input::-ms-reveal{display:none}.okui-input-caret-color input::-o-clear{display:none}.okui-input{align-items:flex-start;display:flex;flex-direction:column;position:relative}.okui-input input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.okui-input input[type=search]::-moz-search-cancel-button{-moz-appearance:none;appearance:none}.okui-input input::-ms-clear,.okui-input input::-ms-reveal{display:none}.okui-input input::-o-clear{display:none}.okui-input *{box-sizing:border-box}.okui-input-prefix,.okui-input-suffix{align-items:center;display:flex;flex-shrink:1;white-space:nowrap}.okui-input-input{background:transparent;border:none;color:var(--okd-input-default-text-color);flex-grow:1;font-family:inherit;height:100%;outline:none;width:100%}.okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color)}.okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color);opacity:1}.okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);color:var(--okd-input-default-placeholder-color)}.okui-input-input:-webkit-autofill{-webkit-text-fill-color:var(--okd-input-default-text-color)!important;border:none;-webkit-box-shadow:0 0 0 30px var(--okd-input-default-background) inset}.okui-input-input.input-textarea{box-shadow:none;outline:none;resize:none}.okui-input-custom-placeholder{position:relative;width:100%}.okui-input-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okui-input-placeholder{bottom:0;color:var(--okd-input-default-placeholder-color);left:0;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.okui-input-tips-box{display:flex;width:100%}.okui-input-error{color:var(--okd-input-error-tips-color)}.okui-input-tips{color:var(--okd-input-tips-text-color);display:inline-block}.okui-input-help-text{color:var(--okd-input-tips-text-color);flex-grow:1;flex-shrink:0;text-align:right}.okui-input.hover,.okui-input:hover{cursor:text}.okui-input.hover .okui-input-box,.okui-input:hover .okui-input-box{background:var(--okd-input-hover-background);border:thin solid var(--okd-input-hover-border-color);box-shadow:var(--okd-input-hover-shadow)}.okui-input.hover .okui-input-box .okui-input-input,.okui-input:hover .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-hover-text-color);caret-color:var(--okd-input-hover-caret-color);color:var(--okd-input-hover-text-color)}.okui-input.hover .okui-input-box .okui-input-input::-webkit-input-placeholder,.okui-input:hover .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color)}.okui-input.hover .okui-input-box .okui-input-input:-moz-placeholder,.okui-input:hover .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color);opacity:1}.okui-input.hover .okui-input-box .okui-input-input::-ms-input-placeholder,.okui-input:hover .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-hover-placeholder-color);color:var(--okd-input-hover-placeholder-color)}.okui-input.focus .okui-input-box{background:var(--okd-input-focus-background);border:thin solid var(--okd-input-focus-border-color);box-shadow:var(--okd-input-focus-shadow)}.okui-input.focus .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-focus-text-color);caret-color:var(--okd-input-focus-caret-color);color:var(--okd-input-focus-text-color)}.okui-input.focus .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color)}.okui-input.focus .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color);opacity:1}.okui-input.focus .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-focus-placeholder-color);color:var(--okd-input-focus-placeholder-color)}.okui-input.readonly .okui-input-box{background:var(--okd-input-default-background);background:var(--okd-input-readonly-background,var(--okd-input-default-background));border:thin solid var(--okd-input-readonly-border-color,var(--okd-input-default-border-color));box-shadow:var(--okd-input-default-shadow);box-shadow:var(--okd-input-readonly-shadow,var(--okd-input-default-shadow))}.okui-input.readonly .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-default-text-color);-webkit-text-fill-color:var(--okd-input-readonly-text-color,var(--okd-input-default-text-color));caret-color:var(--okd-input-default-caret-color);caret-color:var(--okd-input-readonly-caret-color,var(--okd-input-default-caret-color));color:var(--okd-input-default-text-color);color:var(--okd-input-readonly-text-color,var(--okd-input-default-text-color))}.okui-input.readonly .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color))}.okui-input.readonly .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));opacity:1}.okui-input.readonly .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-default-placeholder-color);-webkit-text-fill-color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color));color:var(--okd-input-default-placeholder-color);color:var(--okd-input-readonly-placeholder-color,var(--okd-input-default-placeholder-color))}.okui-input.readonly.focus .okui-input-box{border-color:var(--okd-input-focus-border-color)}.okui-input.disabled{cursor:not-allowed}.okui-input.disabled .okui-input-box{background:var(--okd-input-disabled-background);border:thin solid var(--okd-input-disabled-border-color);box-shadow:var(--okd-input-disabled-shadow)}.okui-input.disabled .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-disabled-text-color);caret-color:var(--okd-input-disabled-caret-color);color:var(--okd-input-disabled-text-color)}.okui-input.disabled .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color)}.okui-input.disabled .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color);opacity:1}.okui-input.disabled .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-disabled-placeholder-color);color:var(--okd-input-disabled-placeholder-color)}.okui-input.disabled .okui-input-input{cursor:not-allowed;opacity:1}.okui-input.disabled .okui-input-input:-webkit-autofill{-webkit-text-fill-color:var(--okd-input-disabled-text-color)!important;-webkit-box-shadow:0 0 0 30px var(--okd-input-disabled-background) inset}.okui-input.error .okui-input-box{background:var(--okd-input-error-background);border:thin solid var(--okd-input-error-border-color);box-shadow:var(--okd-input-error-shadow)}.okui-input.error .okui-input-box .okui-input-input{-webkit-text-fill-color:var(--okd-input-error-text-color);caret-color:var(--okd-input-error-caret-color);color:var(--okd-input-error-text-color)}.okui-input.error .okui-input-box .okui-input-input::-webkit-input-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color)}.okui-input.error .okui-input-box .okui-input-input:-moz-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color);opacity:1}.okui-input.error .okui-input-box .okui-input-input::-ms-input-placeholder{-webkit-text-fill-color:var(--okd-input-error-placeholder-color);color:var(--okd-input-error-placeholder-color)}.okui-input.error .okui-input-error{display:inline-block}.okui-input.no-border .okui-input-box{background:transparent;border:thin solid transparent;box-shadow:none}.okui-input-textarea-resize-virtual-dom::-webkit-scrollbar{display:none;height:0;width:0}.okui-input-box{align-items:center;background:var(--okd-input-default-background);border:thin solid var(--okd-input-default-border-color);box-shadow:var(--okd-input-default-shadow);display:flex;transition:border-color .3s,box-shadow .3s;width:100%}.okui-input-xl>.okui-input-box{border-radius:var(--okd-input-xl-border-radius);height:var(--okd-input-xl-height);padding:0 8px;padding:0 var(--okd-input-xl-padding-horizontal,8px)}.okui-input-xl>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xl-height)}.okui-input-xl>.okui-input-box.no-padding-left{padding-left:0}.okui-input-xl>.okui-input-box.no-padding-right{padding-right:0}.okui-input-xl>.okui-input-box.ta{height:100%;padding:8px}.okui-input-xl>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xl-height)}.okui-input-xl>.okui-input-box.input-circle{border-radius:100px}.okui-input-xl .okui-input-input{font-size:var(--okd-input-xl-text-font-size);padding:calc(var(--okd-input-xl-height)/2 - var(--okd-input-xl-text-font-size)/2 - 2px) 0}.okui-input-xl .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input:-moz-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-xl-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xl .okui-input-input.ta{padding:0}.okui-input-xl .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-xl-text-font-size)}.okui-input-xl .okui-input-placeholder{font-size:var(--okd-input-xl-text-font-size);height:calc(var(--okd-input-xl-text-font-size) + 2px);line-height:calc(var(--okd-input-xl-text-font-size) + 2px)}.okui-input-xl .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-xl-tip-line-height) + 6px);min-height:calc(var(--okd-input-xl-tip-line-height) + var(--okd-input-xl-tip-margin, 6px))}.okui-input-xl .okui-input-error{font-size:var(--okd-input-xl-error-font-size);line-height:var(--okd-input-xl-error-line-height);margin-top:6px;margin-top:var(--okd-input-xl-tip-margin,6px)}.okui-input-xl .okui-input-help-text,.okui-input-xl .okui-input-tips{font-size:var(--okd-input-xl-tip-font-size);line-height:var(--okd-input-xl-tip-line-height);margin-top:6px;margin-top:var(--okd-input-xl-tip-margin,6px)}.okui-input-lg>.okui-input-box{border-radius:var(--okd-input-lg-border-radius);height:var(--okd-input-lg-height);padding:0 8px;padding:0 var(--okd-input-lg-padding-horizontal,8px)}.okui-input-lg>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-lg-height)}.okui-input-lg>.okui-input-box.no-padding-left{padding-left:0}.okui-input-lg>.okui-input-box.no-padding-right{padding-right:0}.okui-input-lg>.okui-input-box.ta{height:100%;padding:8px}.okui-input-lg>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-lg-height)}.okui-input-lg>.okui-input-box.input-circle{border-radius:100px}.okui-input-lg .okui-input-input{font-size:var(--okd-input-lg-text-font-size);padding:calc(var(--okd-input-lg-height)/2 - var(--okd-input-lg-text-font-size)/2 - 2px) 0}.okui-input-lg .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input:-moz-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-lg-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-lg .okui-input-input.ta{padding:0}.okui-input-lg .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-lg-text-font-size)}.okui-input-lg .okui-input-placeholder{font-size:var(--okd-input-lg-text-font-size);height:calc(var(--okd-input-lg-text-font-size) + 2px);line-height:calc(var(--okd-input-lg-text-font-size) + 2px)}.okui-input-lg .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-lg-tip-line-height) + 6px);min-height:calc(var(--okd-input-lg-tip-line-height) + var(--okd-input-lg-tip-margin, 6px))}.okui-input-lg .okui-input-error{font-size:var(--okd-input-lg-error-font-size);line-height:var(--okd-input-lg-error-line-height);margin-top:6px;margin-top:var(--okd-input-lg-tip-margin,6px)}.okui-input-lg .okui-input-help-text,.okui-input-lg .okui-input-tips{font-size:var(--okd-input-lg-tip-font-size);line-height:var(--okd-input-lg-tip-line-height);margin-top:6px;margin-top:var(--okd-input-lg-tip-margin,6px)}.okui-input-xs>.okui-input-box{border-radius:var(--okd-input-xs-border-radius);height:var(--okd-input-xs-height);padding:0 8px;padding:0 var(--okd-input-xs-padding-horizontal,8px)}.okui-input-xs>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xs-height)}.okui-input-xs>.okui-input-box.no-padding-left{padding-left:0}.okui-input-xs>.okui-input-box.no-padding-right{padding-right:0}.okui-input-xs>.okui-input-box.ta{height:100%;padding:8px}.okui-input-xs>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-xs-height)}.okui-input-xs>.okui-input-box.input-circle{border-radius:100px}.okui-input-xs .okui-input-input{font-size:var(--okd-input-xs-text-font-size);padding:calc(var(--okd-input-xs-height)/2 - var(--okd-input-xs-text-font-size)/2 - 2px) 0}.okui-input-xs .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input:-moz-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-xs-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-xs .okui-input-input.ta{padding:0}.okui-input-xs .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-xs-text-font-size)}.okui-input-xs .okui-input-placeholder{font-size:var(--okd-input-xs-text-font-size);height:calc(var(--okd-input-xs-text-font-size) + 2px);line-height:calc(var(--okd-input-xs-text-font-size) + 2px)}.okui-input-xs .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-xs-tip-line-height) + 4px);min-height:calc(var(--okd-input-xs-tip-line-height) + var(--okd-input-xs-tip-margin, 4px))}.okui-input-xs .okui-input-error{font-size:var(--okd-input-xs-error-font-size);line-height:var(--okd-input-xs-error-line-height);margin-top:4px;margin-top:var(--okd-input-xs-tip-margin,4px)}.okui-input-xs .okui-input-help-text,.okui-input-xs .okui-input-tips{font-size:var(--okd-input-xs-tip-font-size);line-height:var(--okd-input-xs-tip-line-height);margin-top:4px;margin-top:var(--okd-input-xs-tip-margin,4px)}.okui-input-sm>.okui-input-box{border-radius:var(--okd-input-sm-border-radius);height:var(--okd-input-sm-height);padding:0 8px;padding:0 var(--okd-input-sm-padding-horizontal,8px)}.okui-input-sm>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-sm-height)}.okui-input-sm>.okui-input-box.no-padding-left{padding-left:0}.okui-input-sm>.okui-input-box.no-padding-right{padding-right:0}.okui-input-sm>.okui-input-box.ta{height:100%;padding:8px}.okui-input-sm>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-sm-height)}.okui-input-sm>.okui-input-box.input-circle{border-radius:100px}.okui-input-sm .okui-input-input{font-size:var(--okd-input-sm-text-font-size);padding:calc(var(--okd-input-sm-height)/2 - var(--okd-input-sm-text-font-size)/2 - 2px) 0}.okui-input-sm .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input:-moz-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-sm-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-sm .okui-input-input.ta{padding:0}.okui-input-sm .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-sm-text-font-size)}.okui-input-sm .okui-input-placeholder{font-size:var(--okd-input-sm-text-font-size);height:calc(var(--okd-input-sm-text-font-size) + 2px);line-height:calc(var(--okd-input-sm-text-font-size) + 2px)}.okui-input-sm .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-sm-tip-line-height) + 4px);min-height:calc(var(--okd-input-sm-tip-line-height) + var(--okd-input-sm-tip-margin, 4px))}.okui-input-sm .okui-input-error{font-size:var(--okd-input-sm-error-font-size);line-height:var(--okd-input-sm-error-line-height);margin-top:4px;margin-top:var(--okd-input-sm-tip-margin,4px)}.okui-input-sm .okui-input-help-text,.okui-input-sm .okui-input-tips{font-size:var(--okd-input-sm-tip-font-size);line-height:var(--okd-input-sm-tip-line-height);margin-top:4px;margin-top:var(--okd-input-sm-tip-margin,4px)}.okui-input-md>.okui-input-box{border-radius:var(--okd-input-md-border-radius);height:var(--okd-input-md-height);padding:0 8px;padding:0 var(--okd-input-md-padding-horizontal,8px)}.okui-input-md>.okui-input-box.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-md-height)}.okui-input-md>.okui-input-box.no-padding-left{padding-left:0}.okui-input-md>.okui-input-box.no-padding-right{padding-right:0}.okui-input-md>.okui-input-box.ta{height:100%;padding:8px}.okui-input-md>.okui-input-box.auto-resize-auto-height{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:var(--okd-input-md-height)}.okui-input-md>.okui-input-box.input-circle{border-radius:100px}.okui-input-md .okui-input-input{font-size:var(--okd-input-md-text-font-size);padding:calc(var(--okd-input-md-height)/2 - var(--okd-input-md-text-font-size)/2 - 2px) 0}.okui-input-md .okui-input-input::-webkit-input-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input:-moz-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input::-ms-input-placeholder{font-size:var(--okd-input-md-text-font-size);font-weight:400;text-overflow:ellipsis}.okui-input-md .okui-input-input.ta{padding:0}.okui-input-md .okui-input-input.textarea-auto-resize{line-height:var(--okd-input-md-text-font-size)}.okui-input-md .okui-input-placeholder{font-size:var(--okd-input-md-text-font-size);height:calc(var(--okd-input-md-text-font-size) + 2px);line-height:calc(var(--okd-input-md-text-font-size) + 2px)}.okui-input-md .okui-input.okui-input-place-mode .okui-input-tips-box{min-height:calc(var(--okd-input-md-tip-line-height) + 4px);min-height:calc(var(--okd-input-md-tip-line-height) + var(--okd-input-md-tip-margin, 4px))}.okui-input-md .okui-input-error{font-size:var(--okd-input-md-error-font-size);line-height:var(--okd-input-md-error-line-height);margin-top:4px;margin-top:var(--okd-input-md-tip-margin,4px)}.okui-input-md .okui-input-help-text,.okui-input-md .okui-input-tips{font-size:var(--okd-input-md-tip-font-size);line-height:var(--okd-input-md-tip-line-height);margin-top:4px;margin-top:var(--okd-input-md-tip-margin,4px)}.okui-input-prefix{height:100%}.okui-input-prefix .prefix-icon{color:var(--okd-input-icon-color)}.okui-input-prefix .select{padding-right:8px}.okui-input-suffix{height:100%}.okui-input-suffix .suffix-icon{color:var(--okd-input-icon-color)}.okui-input-suffix .clean-icon{cursor:pointer}.okui-input-suffix .clean-icon:hover{color:#000;color:var(--okd-input-search-suffix-icon-hover-color,#000)}.okui-input-suffix .error-icon{color:var(--okd-input-error-tips-color)}.okui-input-xl .okui-input-prefix .prefix-icon{font-size:var(--okd-input-xl-icon-size);margin-left:0;margin-right:var(--okd-input-xl-icon-margin)}.okui-input-xl .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xl-icon-size);margin-left:var(--okd-input-xl-icon-margin);margin-right:0}.okui-input-lg .okui-input-prefix .prefix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:0;margin-right:var(--okd-input-lg-icon-margin)}.okui-input-lg .okui-input-suffix .suffix-icon{font-size:var(--okd-input-lg-icon-size);margin-left:var(--okd-input-lg-icon-margin);margin-right:0}.okui-input-xs .okui-input-prefix .prefix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:0;margin-right:var(--okd-input-xs-icon-margin)}.okui-input-xs .okui-input-suffix .suffix-icon{font-size:var(--okd-input-xs-icon-size);margin-left:var(--okd-input-xs-icon-margin);margin-right:0}.okui-input-sm .okui-input-prefix .prefix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:0;margin-right:var(--okd-input-sm-icon-margin)}.okui-input-sm .okui-input-suffix .suffix-icon{font-size:var(--okd-input-sm-icon-size);margin-left:var(--okd-input-sm-icon-margin);margin-right:0}.okui-input-md .okui-input-prefix .prefix-icon{font-size:var(--okd-input-md-icon-size);margin-left:0;margin-right:var(--okd-input-md-icon-margin)}.okui-input-md .okui-input-suffix .suffix-icon{font-size:var(--okd-input-md-icon-size);margin-left:var(--okd-input-md-icon-margin);margin-right:0}.okui-input-verify{display:flex;flex-direction:row;position:relative}.okui-input-verify *{box-sizing:border-box}.okui-input-verify .okui-input-verify-input:focus{border:1px solid var(--okd-input-focus-border-color);box-shadow:var(--okd-input-focus-shadow)}.okui-input-verify .okui-input-verify-input{align-items:center;background:transparent;background:var(--okd-input-default-background);border:thin solid var(--okd-input-default-border-color);box-shadow:var(--okd-input-default-shadow);caret-color:var(--okd-input-focus-caret-color);color:var(--okd-input-default-text-color);display:flex;font-family:inherit;outline:none;text-align:center;transition:border-color .3s,box-shadow .3s}.okui-input-verify .okui-input-verify-input:-webkit-autofill{-webkit-text-fill-color:var(--okd-input-default-text-color)!important;border:none;-webkit-box-shadow:0 0 0 30px var(--okd-input-default-background) inset}.okui-input-verify .okui-input-verify-input.input-xl{border-radius:6px;font-size:26px;height:44px;margin-right:8px;width:40px}.okui-input-verify .okui-input-verify-input.input-xl.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.okui-input-verify .okui-input-verify-input.input-xl:last-child{margin-right:unset}.okui-input-verify .okui-input-verify-input.input-lg{border-radius:6px;font-size:26px;height:44px;margin-right:8px;width:40px}.okui-input-verify .okui-input-verify-input.input-lg.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.okui-input-verify .okui-input-verify-input.input-lg:last-child{margin-right:unset}.okui-input-verify .okui-input-verify-input.input-xs{border-radius:6px;font-size:26px;height:44px;margin-right:8px;width:40px}.okui-input-verify .okui-input-verify-input.input-xs.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.okui-input-verify .okui-input-verify-input.input-xs:last-child{margin-right:unset}.okui-input-verify .okui-input-verify-input.input-sm{border-radius:6px;font-size:20px;height:40px;margin-right:10px;width:40px}.okui-input-verify .okui-input-verify-input.input-sm.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:40px}.okui-input-verify .okui-input-verify-input.input-sm:last-child{margin-right:unset}.okui-input-verify .okui-input-verify-input.input-md{border-radius:6px;font-size:26px;height:44px;margin-right:8px;width:40px}.okui-input-verify .okui-input-verify-input.input-md.auto-size{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:44px}.okui-input-verify .okui-input-verify-input.input-md:last-child{margin-right:unset}.okui-input-verify .okui-input-verify-input.error{border-color:var(--okd-input-verify-error-border-color,var(--okd-input-error-border-color))}.okui-input-verify .okui-input-verify-input.disabled{-webkit-text-fill-color:var(--okd-input-disabled-text-color);background:var(--okd-input-disabled-background);border:thin solid var(--okd-input-disabled-border-color);box-shadow:var(--okd-input-disabled-shadow);caret-color:var(--okd-input-disabled-caret-color);color:var(--okd-input-disabled-text-color);cursor:not-allowed}.okui-lazyimport-box{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.okui-lazyimport-msg{color:var(--okd-color-content-secondary);color:var(--okd-color-content-static-subtle,var(--okd-color-text-secondary,var(--okd-color-content-secondary)))}.okui-lazyimport-vertical{flex-direction:column;font-size:14px;min-height:200px}.okui-lazyimport-vertical .okui-lazyimport-msg{line-height:16px;margin-bottom:24px;text-align:center}.okui-lazyimport-horizontal{flex-direction:row;font-size:12px}.okui-lazyimport-horizontal .okui-lazyimport-msg{margin-right:10px}.theme-light{--okd-typography-header-muted-color:#929292;--okd-typography-header-medium-color:#000;--okd-typography-header-amplified-color:#000;--okd-typography-h1-font-size:30px;--okd-typography-h1-line-height:32px;--okd-typography-h2-font-size:30px;--okd-typography-h2-line-height:32px;--okd-typography-h3-font-size:18px;--okd-typography-h3-line-height:24px;--okd-typography-h4-font-size:18px;--okd-typography-h4-line-height:24px;--okd-typography-h5-font-size:18px;--okd-typography-h5-line-height:24px;--okd-typography-h6-font-size:18px;--okd-typography-h6-line-height:24px;--okd-typography-header-medium-font-weight:500;--okd-typography-header-amplified-font-weight:500;--okd-typography-text-muted-color:#929292;--okd-typography-text-medium-color:#3d3d3d;--okd-typography-text-amplified-color:#000;--okd-typography-text-base-font-size:var(--okd-font-size-base);--okd-typography-text-base-line-height:var(--okd-line-height-base);--okd-typography-text-md-font-size:var(--okd-font-size-md);--okd-typography-text-md-line-height:var(--okd-line-height-md);--okd-typography-text-xs-font-size:var(--okd-font-size-xs);--okd-typography-text-xs-line-height:var(--okd-line-height-xs);--okd-typography-text-medium-font-weight:400;--okd-typography-text-amplified-font-weight:500}.theme-dark{--okd-typography-header-muted-color:#f0f0f0;--okd-typography-header-medium-color:#fff;--okd-typography-header-amplified-color:#fff;--okd-typography-header-medium-font-weight:500;--okd-typography-header-amplified-font-weight:500;--okd-typography-h1-font-size:30px;--okd-typography-h1-line-height:32px;--okd-typography-h2-font-size:30px;--okd-typography-h2-line-height:32px;--okd-typography-h3-font-size:18px;--okd-typography-h3-line-height:24px;--okd-typography-h4-font-size:18px;--okd-typography-h4-line-height:24px;--okd-typography-h5-font-size:18px;--okd-typography-h5-line-height:24px;--okd-typography-h6-font-size:18px;--okd-typography-h6-line-height:24px;--okd-typography-text-base-font-size:var(--okd-font-size-base);--okd-typography-text-base-line-height:var(--okd-line-height-base);--okd-typography-text-md-font-size:var(--okd-font-size-md);--okd-typography-text-md-line-height:var(--okd-line-height-md);--okd-typography-text-xs-font-size:var(--okd-font-size-xs);--okd-typography-text-xs-line-height:var(--okd-line-height-xs);--okd-typography-text-muted-color:#909090;--okd-typography-text-medium-color:#e3e3e3;--okd-typography-text-amplified-color:#fff;--okd-typography-text-medium-font-weight:500;--okd-typography-text-amplified-font-weight:500}.okui-typo-h1{font-size:var(--okd-typography-h1-font-size);line-height:var(--okd-typography-h1-line-height)}.okui-typo-h2{font-size:var(--okd-typography-h2-font-size);line-height:var(--okd-typography-h2-line-height)}.okui-typo-h3{font-size:var(--okd-typography-h3-font-size);line-height:var(--okd-typography-h3-line-height)}.okui-typo-h4{font-size:var(--okd-typography-h4-font-size);line-height:var(--okd-typography-h4-line-height)}.okui-typo-h5{font-size:var(--okd-typography-h5-font-size);line-height:var(--okd-typography-h5-line-height)}.okui-typo-h6{font-size:var(--okd-typography-h6-font-size);line-height:var(--okd-typography-h6-line-height)}.okui-typo-text-base{font-size:var(--okd-typography-text-base-font-size);line-height:var(--okd-typography-text-base-line-height)}.okui-typo-text-md{font-size:var(--okd-typography-text-md-font-size);line-height:var(--okd-typography-text-md-line-height)}.okui-typo-text-xs{font-size:var(--okd-typography-text-xs-font-size);line-height:var(--okd-typography-text-xs-line-height)}.header-weight-medium{font-weight:var(--okd-typography-header-medium-font-weight)}.header-weight-amplified{font-weight:var(--okd-typography-header-amplified-font-weight)}.text-weight-medium{font-weight:var(--okd-typography-text-medium-font-weight)}.text-weight-amplified{font-weight:var(--okd-typography-text-amplified-font-weight)}.header-color-muted{color:var(--okd-typography-header-muted-color)}.header-color-medium{color:var(--okd-typography-header-medium-color)}.header-color-amplified{color:var(--okd-typography-header-amplified-color)}.text-color-muted{color:var(--okd-typography-text-muted-color)}.text-color-medium{color:var(--okd-typography-text-medium-color)}.text-color-amplified{color:var(--okd-typography-text-amplified-color)}.okui-loadable{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.okui-loadable .frendly-tips{min-width:300px;text-align:center}.okui-loadable .margin-t-md{margin-top:10px}.okui-loadable-img{height:96px}.theme-light{--okd-negativebutton-default-color:var(--okd-color-content-pnl-loss-oncolor-emphasis);--okd-negativebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-negativebutton-xxs-loader-width:14px;--okd-negativebutton-xxs-loader-margin-right:6px;--okd-negativebutton-xs-loader-width:14px;--okd-negativebutton-xs-loader-margin-right:6px;--okd-negativebutton-s-loader-width:14px;--okd-negativebutton-s-loader-margin-right:6px;--okd-negativebutton-sm-loader-width:16px;--okd-negativebutton-sm-loader-margin-right:6px;--okd-negativebutton-md-loader-width:16px;--okd-negativebutton-md-loader-margin-right:6px;--okd-negativebutton-lg-loader-width:20px;--okd-negativebutton-lg-loader-margin-right:8px;--okd-negativebutton-xl-loader-width:20px;--okd-negativebutton-xl-loader-margin-right:8px;--okd-negativebutton-xxs-font-size:12px;--okd-negativebutton-xxs-line-height:16px;--okd-negativebutton-xs-font-size:12px;--okd-negativebutton-xs-line-height:16px;--okd-negativebutton-s-font-size:14px;--okd-negativebutton-s-line-height:16px;--okd-negativebutton-sm-font-size:14px;--okd-negativebutton-sm-line-height:16px;--okd-negativebutton-md-font-size:14px;--okd-negativebutton-md-line-height:16px;--okd-negativebutton-lg-font-size:16px;--okd-negativebutton-lg-line-height:20px;--okd-negativebutton-xl-font-size:18px;--okd-negativebutton-xl-line-height:24px;--okd-negativebutton-xxs-padding-horizontal:12px;--okd-negativebutton-xxs-padding-vertical:4px;--okd-negativebutton-xs-padding-horizontal:12px;--okd-negativebutton-xs-padding-vertical:6px;--okd-negativebutton-s-padding-horizontal:12px;--okd-negativebutton-s-padding-vertical:8px;--okd-negativebutton-sm-padding-horizontal:16px;--okd-negativebutton-sm-padding-vertical:10px;--okd-negativebutton-md-padding-horizontal:16px;--okd-negativebutton-md-padding-vertical:12px;--okd-negativebutton-lg-padding-horizontal:24px;--okd-negativebutton-lg-padding-vertical:14px;--okd-negativebutton-xl-padding-horizontal:44px;--okd-negativebutton-xl-padding-vertical:16px;--okd-negativebutton-border-radius:50px;--okd-negativebutton-default-background:var(--okd-color-surface-pnl-loss-emphasis);--okd-negativebutton-hover-background:var(--okd-color-surface-pnl-loss-hovered);--okd-negativebutton-active-background:var(--okd-color-surface-pnl-loss-pressed);--okd-negativebutton-loading-background:var(--okd-color-surface-pnl-loss-pressed);--okd-negativebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-negativebutton-loader-track-color:hsla(0,0%,91%,.3);--okd-negativebutton-loader-mark-color:var(--okd-color-content-static-inverse);--okd-negativebutton-loader-border-width:2px;--okd-negativebutton-xs-min-width:63px;--okd-negativebutton-s-min-width:72px;--okd-negativebutton-sm-min-width:81px;--okd-negativebutton-md-min-width:90px;--okd-negativebutton-lg-min-width:108px;--okd-negativebutton-xl-min-width:126px;--okd-negativebutton-xxs-min-width:63px;--okd-negativebutton-xxs-icon-size:14px;--okd-negativebutton-xs-icon-size:14px;--okd-negativebutton-s-icon-size:14px;--okd-negativebutton-sm-icon-size:16px;--okd-negativebutton-md-icon-size:16px;--okd-negativebutton-lg-icon-size:20px;--okd-negativebutton-xl-icon-size:20px;--okd-negativebutton-xxs-icon-margin-right:6px;--okd-negativebutton-xs-icon-margin-right:6px;--okd-negativebutton-s-icon-margin-right:6px;--okd-negativebutton-sm-icon-margin-right:6px;--okd-negativebutton-md-icon-margin-right:6px;--okd-negativebutton-lg-icon-margin-right:8px;--okd-negativebutton-xl-icon-margin-right:8px}.theme-dark{--okd-negativebutton-default-color:var(--okd-color-content-pnl-loss-oncolor-emphasis);--okd-negativebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-negativebutton-xxs-loader-width:14px;--okd-negativebutton-xxs-loader-margin-right:6px;--okd-negativebutton-xs-loader-width:14px;--okd-negativebutton-xs-loader-margin-right:6px;--okd-negativebutton-s-loader-width:14px;--okd-negativebutton-s-loader-margin-right:6px;--okd-negativebutton-sm-loader-width:16px;--okd-negativebutton-sm-loader-margin-right:6px;--okd-negativebutton-md-loader-width:16px;--okd-negativebutton-md-loader-margin-right:6px;--okd-negativebutton-lg-loader-width:20px;--okd-negativebutton-lg-loader-margin-right:8px;--okd-negativebutton-xl-loader-width:20px;--okd-negativebutton-xl-loader-margin-right:8px;--okd-negativebutton-xxs-font-size:12px;--okd-negativebutton-xxs-line-height:16px;--okd-negativebutton-xs-font-size:12px;--okd-negativebutton-xs-line-height:16px;--okd-negativebutton-s-font-size:14px;--okd-negativebutton-s-line-height:16px;--okd-negativebutton-sm-font-size:14px;--okd-negativebutton-sm-line-height:16px;--okd-negativebutton-md-font-size:14px;--okd-negativebutton-md-line-height:16px;--okd-negativebutton-lg-font-size:16px;--okd-negativebutton-lg-line-height:20px;--okd-negativebutton-xl-font-size:18px;--okd-negativebutton-xl-line-height:24px;--okd-negativebutton-xxs-padding-horizontal:12px;--okd-negativebutton-xxs-padding-vertical:4px;--okd-negativebutton-xs-padding-horizontal:12px;--okd-negativebutton-xs-padding-vertical:6px;--okd-negativebutton-s-padding-horizontal:12px;--okd-negativebutton-s-padding-vertical:8px;--okd-negativebutton-sm-padding-horizontal:16px;--okd-negativebutton-sm-padding-vertical:10px;--okd-negativebutton-md-padding-horizontal:16px;--okd-negativebutton-md-padding-vertical:12px;--okd-negativebutton-lg-padding-horizontal:24px;--okd-negativebutton-lg-padding-vertical:14px;--okd-negativebutton-xl-padding-horizontal:44px;--okd-negativebutton-xl-padding-vertical:16px;--okd-negativebutton-border-radius:50px;--okd-negativebutton-default-background:var(--okd-color-surface-pnl-loss-emphasis);--okd-negativebutton-hover-background:var(--okd-color-surface-pnl-loss-hovered);--okd-negativebutton-active-background:var(--okd-color-surface-pnl-loss-pressed);--okd-negativebutton-loading-background:var(--okd-color-surface-pnl-loss-pressed);--okd-negativebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-negativebutton-loader-track-color:var(--okd-color-border-static-overlay);--okd-negativebutton-loader-mark-color:var(--okd-color-border-interactive-experience-default);--okd-negativebutton-loader-border-width:2px;--okd-negativebutton-xs-min-width:63px;--okd-negativebutton-s-min-width:72px;--okd-negativebutton-sm-min-width:81px;--okd-negativebutton-md-min-width:90px;--okd-negativebutton-lg-min-width:108px;--okd-negativebutton-xl-min-width:126px;--okd-negativebutton-xxs-min-width:63px;--okd-negativebutton-xxs-icon-size:14px;--okd-negativebutton-xs-icon-size:14px;--okd-negativebutton-s-icon-size:14px;--okd-negativebutton-sm-icon-size:16px;--okd-negativebutton-md-icon-size:16px;--okd-negativebutton-lg-icon-size:20px;--okd-negativebutton-xl-icon-size:20px;--okd-negativebutton-xxs-icon-margin-right:6px;--okd-negativebutton-xs-icon-margin-right:6px;--okd-negativebutton-s-icon-margin-right:6px;--okd-negativebutton-sm-icon-margin-right:6px;--okd-negativebutton-md-icon-margin-right:6px;--okd-negativebutton-lg-icon-margin-right:8px;--okd-negativebutton-xl-icon-margin-right:8px}.okui-negativebutton-xxs{font-size:12px;font-size:var(--okd-negativebutton-xxs-font-size,12px);font-weight:400;font-weight:var(--okd-negativebutton-xxs-font-weight,400);line-height:16px;line-height:var(--okd-negativebutton-xxs-line-height,16px);min-width:63px;min-width:var(--okd-negativebutton-xxs-min-width,63px);padding:4px 12px;padding:var(--okd-negativebutton-xxs-padding-vertical,4px) var(--okd-negativebutton-xxs-padding-horizontal,12px)}.okui-negativebutton-xxs .okui-negativebutton-loader-circle{height:14px;height:var(--okd-negativebutton-xxs-loader-width,14px);width:14px;width:var(--okd-negativebutton-xxs-loader-width,14px)}.okui-negativebutton-xxs .okui-negativebutton-icon{font-size:14px;font-size:var(--okd-negativebutton-xxs-icon-size,14px);font-weight:400;font-weight:var(--okd-negativebutton-xxs-font-weight,400)}.okui-negativebutton-xxs .okui-negativebutton-icon-leading{margin-right:6px;margin-right:var(--okd-negativebutton-xxs-icon-margin-right,6px)}.okui-negativebutton-xxs .okui-negativebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-negativebutton-xxs-icon-margin-right,6px)}.okui-negativebutton-loading-text .okui-negativebutton-loader{margin-right:var(--okd-negativebutton-xxs-loader-margin-right,6px)}.okui-negativebutton-xs{font-size:12px;font-size:var(--okd-negativebutton-xs-font-size,12px);font-weight:400;font-weight:var(--okd-negativebutton-xs-font-weight,400);line-height:16px;line-height:var(--okd-negativebutton-xs-line-height,16px);min-width:63px;min-width:var(--okd-negativebutton-xs-min-width,63px);padding:6px 12px;padding:var(--okd-negativebutton-xs-padding-vertical,6px) var(--okd-negativebutton-xs-padding-horizontal,12px)}.okui-negativebutton-xs .okui-negativebutton-loader-circle{height:14px;height:var(--okd-negativebutton-xs-loader-width,14px);width:14px;width:var(--okd-negativebutton-xs-loader-width,14px)}.okui-negativebutton-xs .okui-negativebutton-icon{font-size:14px;font-size:var(--okd-negativebutton-xs-icon-size,14px);font-weight:400;font-weight:var(--okd-negativebutton-xs-font-weight,400)}.okui-negativebutton-xs .okui-negativebutton-icon-leading{margin-right:6px;margin-right:var(--okd-negativebutton-xs-icon-margin-right,6px)}.okui-negativebutton-xs .okui-negativebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-negativebutton-xs-icon-margin-right,6px)}.okui-negativebutton-loading-text .okui-negativebutton-loader{margin-right:var(--okd-negativebutton-xs-loader-margin-right,6px)}.okui-negativebutton-s{font-size:14px;font-size:var(--okd-negativebutton-s-font-size,14px);font-weight:400;font-weight:var(--okd-negativebutton-s-font-weight,400);line-height:16px;line-height:var(--okd-negativebutton-s-line-height,16px);min-width:72px;min-width:var(--okd-negativebutton-s-min-width,72px);padding:8px 12px;padding:var(--okd-negativebutton-s-padding-vertical,8px) var(--okd-negativebutton-s-padding-horizontal,12px)}.okui-negativebutton-s .okui-negativebutton-loader-circle{height:14px;height:var(--okd-negativebutton-s-loader-width,14px);width:14px;width:var(--okd-negativebutton-s-loader-width,14px)}.okui-negativebutton-s .okui-negativebutton-icon{font-size:14px;font-size:var(--okd-negativebutton-s-icon-size,14px);font-weight:400;font-weight:var(--okd-negativebutton-s-font-weight,400)}.okui-negativebutton-s .okui-negativebutton-icon-leading{margin-right:6px;margin-right:var(--okd-negativebutton-s-icon-margin-right,6px)}.okui-negativebutton-s .okui-negativebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-negativebutton-s-icon-margin-right,6px)}.okui-negativebutton-loading-text .okui-negativebutton-loader{margin-right:var(--okd-negativebutton-s-loader-margin-right,6px)}.okui-negativebutton-sm{font-size:14px;font-size:var(--okd-negativebutton-sm-font-size,14px);font-weight:400;font-weight:var(--okd-negativebutton-sm-font-weight,400);line-height:16px;line-height:var(--okd-negativebutton-sm-line-height,16px);min-width:81px;min-width:var(--okd-negativebutton-sm-min-width,81px);padding:10px 16px;padding:var(--okd-negativebutton-sm-padding-vertical,10px) var(--okd-negativebutton-sm-padding-horizontal,16px)}.okui-negativebutton-sm .okui-negativebutton-loader-circle{height:16px;height:var(--okd-negativebutton-sm-loader-width,16px);width:16px;width:var(--okd-negativebutton-sm-loader-width,16px)}.okui-negativebutton-sm .okui-negativebutton-icon{font-size:16px;font-size:var(--okd-negativebutton-sm-icon-size,16px);font-weight:400;font-weight:var(--okd-negativebutton-sm-font-weight,400)}.okui-negativebutton-sm .okui-negativebutton-icon-leading{margin-right:6px;margin-right:var(--okd-negativebutton-sm-icon-margin-right,6px)}.okui-negativebutton-sm .okui-negativebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-negativebutton-sm-icon-margin-right,6px)}.okui-negativebutton-loading-text .okui-negativebutton-loader{margin-right:var(--okd-negativebutton-sm-loader-margin-right,6px)}.okui-negativebutton-md{font-size:14px;font-size:var(--okd-negativebutton-md-font-size,14px);font-weight:400;font-weight:var(--okd-negativebutton-md-font-weight,400);line-height:16px;line-height:var(--okd-negativebutton-md-line-height,16px);min-width:90px;min-width:var(--okd-negativebutton-md-min-width,90px);padding:12px 16px;padding:var(--okd-negativebutton-md-padding-vertical,12px) var(--okd-negativebutton-md-padding-horizontal,16px)}.okui-negativebutton-md .okui-negativebutton-loader-circle{height:16px;height:var(--okd-negativebutton-md-loader-width,16px);width:16px;width:var(--okd-negativebutton-md-loader-width,16px)}.okui-negativebutton-md .okui-negativebutton-icon{font-size:16px;font-size:var(--okd-negativebutton-md-icon-size,16px);font-weight:400;font-weight:var(--okd-negativebutton-md-font-weight,400)}.okui-negativebutton-md .okui-negativebutton-icon-leading{margin-right:6px;margin-right:var(--okd-negativebutton-md-icon-margin-right,6px)}.okui-negativebutton-md .okui-negativebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-negativebutton-md-icon-margin-right,6px)}.okui-negativebutton-loading-text .okui-negativebutton-loader{margin-right:6px;margin-right:var(--okd-negativebutton-md-loader-margin-right,6px)}.okui-negativebutton-lg{font-size:16px;font-size:var(--okd-negativebutton-lg-font-size,16px);font-weight:500;font-weight:var(--okd-negativebutton-lg-font-weight,500);line-height:20px;line-height:var(--okd-negativebutton-lg-line-height,20px);min-width:108px;min-width:var(--okd-negativebutton-lg-min-width,108px);padding:14px 24px;padding:var(--okd-negativebutton-lg-padding-vertical,14px) var(--okd-negativebutton-lg-padding-horizontal,24px)}.okui-negativebutton-lg .okui-negativebutton-loader-circle{height:20px;height:var(--okd-negativebutton-lg-loader-width,20px);width:20px;width:var(--okd-negativebutton-lg-loader-width,20px)}.okui-negativebutton-lg .okui-negativebutton-icon{font-size:20px;font-size:var(--okd-negativebutton-lg-icon-size,20px);font-weight:500;font-weight:var(--okd-negativebutton-lg-font-weight,500)}.okui-negativebutton-lg .okui-negativebutton-icon-leading{margin-right:8px;margin-right:var(--okd-negativebutton-lg-icon-margin-right,8px)}.okui-negativebutton-lg .okui-negativebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-negativebutton-lg-icon-margin-right,8px)}.okui-negativebutton-loading-text .okui-negativebutton-loader{margin-right:var(--okd-negativebutton-lg-loader-margin-right,8px)}.okui-negativebutton-xl{font-size:18px;font-size:var(--okd-negativebutton-xl-font-size,18px);font-weight:500;font-weight:var(--okd-negativebutton-xl-font-weight,500);line-height:24px;line-height:var(--okd-negativebutton-xl-line-height,24px);min-width:126px;min-width:var(--okd-negativebutton-xl-min-width,126px);padding:16px 44px;padding:var(--okd-negativebutton-xl-padding-vertical,16px) var(--okd-negativebutton-xl-padding-horizontal,44px)}.okui-negativebutton-xl .okui-negativebutton-loader-circle{height:20px;height:var(--okd-negativebutton-xl-loader-width,20px);width:20px;width:var(--okd-negativebutton-xl-loader-width,20px)}.okui-negativebutton-xl .okui-negativebutton-icon{font-size:20px;font-size:var(--okd-negativebutton-xl-icon-size,20px);font-weight:500;font-weight:var(--okd-negativebutton-xl-font-weight,500)}.okui-negativebutton-xl .okui-negativebutton-icon-leading{margin-right:8px;margin-right:var(--okd-negativebutton-xl-icon-margin-right,8px)}.okui-negativebutton-xl .okui-negativebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-negativebutton-xl-icon-margin-right,8px)}.okui-negativebutton-loading-text .okui-negativebutton-loader{margin-right:8px;margin-right:var(--okd-negativebutton-xl-loader-margin-right,8px)}.okui-negativebutton{align-items:center;background-color:var(--okd-color-surface-pnl-loss-default);background-color:var(--okd-negativebutton-default-background,var(--okd-color-surface-pnl-loss-default));border-radius:50px;border-radius:var(--okd-negativebutton-border-radius,50px);box-sizing:border-box;color:var(--okd-color-content-pnl-loss-oncolor);color:var(--okd-negativebutton-default-color,var(--okd-color-content-pnl-loss-oncolor));cursor:pointer;display:inline-flex;justify-content:center;outline:none;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-negativebutton:focus-visible{border-radius:50px;border-radius:var(--okd-negativebutton-border-radius,50px);outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-negativebutton.hover,.okui-negativebutton:not(.okui-negativebutton-disabled):not(.okui-negativebutton-loading):hover{background-color:var(--okd-color-surface-pnl-loss-hovered);background-color:var(--okd-negativebutton-hover-background,var(--okd-color-surface-pnl-loss-hovered))}.okui-negativebutton.active,.okui-negativebutton:not(.okui-negativebutton-disabled):not(.okui-negativebutton-loading):active{background-color:var(--okd-color-surface-pnl-loss-pressed);background-color:var(--okd-negativebutton-active-background,var(--okd-color-surface-pnl-loss-pressed))}.okui-negativebutton-disabled,.okui-negativebutton.disabled{background-color:var(--okd-color-surface-interactive-disabled);background-color:var(--okd-negativebutton-disabled-background,var(--okd-color-surface-interactive-disabled));color:var(--okd-color-content-interactive-disabled);color:var(--okd-negativebutton-disabled-color,var(--okd-color-content-interactive-disabled));cursor:not-allowed}.okui-negativebutton-loading,.okui-negativebutton.loading{background-color:var(--okd-color-surface-pnl-loss-pressed);background-color:var(--okd-negativebutton-loading-background,var(--okd-color-surface-pnl-loss-pressed));color:transparent}.okui-negativebutton-loading .okui-negativebutton-loader,.okui-negativebutton.loading .okui-negativebutton-loader{display:flex;position:absolute}.okui-negativebutton-loading-text{background-color:var(--okd-color-surface-pnl-loss-pressed);background-color:var(--okd-negativebutton-loading-background,var(--okd-color-surface-pnl-loss-pressed));display:flex}.okui-negativebutton-block,.okui-negativebutton.block{display:flex;width:100%}.okui-negativebutton-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-negativebutton-loader-circle{border-color:var(--okd-negativebutton-loader-track-color,var(--okd-color-border-interactive-oncolor));border-top-color:var(--okd-negativebutton-loader-mark-color,var(--okd-color-content-static-inverse));border-width:2px;border-width:var(--okd-negativebutton-loader-border-width,2px)}.theme-light{--okd-positivebutton-default-color:var(--okd-color-content-pnl-profit-oncolor-emphasis);--okd-positivebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-positivebutton-xxs-loader-width:14px;--okd-positivebutton-xxs-loader-margin-right:6px;--okd-positivebutton-xs-loader-width:14px;--okd-positivebutton-xs-loader-margin-right:6px;--okd-positivebutton-s-loader-width:14px;--okd-positivebutton-s-loader-margin-right:6px;--okd-positivebutton-sm-loader-width:16px;--okd-positivebutton-sm-loader-margin-right:6px;--okd-positivebutton-md-loader-width:16px;--okd-positivebutton-md-loader-margin-right:6px;--okd-positivebutton-lg-loader-width:20px;--okd-positivebutton-lg-loader-margin-right:8px;--okd-positivebutton-xl-loader-width:20px;--okd-positivebutton-xl-loader-margin-right:8px;--okd-positivebutton-xxs-font-size:12px;--okd-positivebutton-xxs-line-height:16px;--okd-positivebutton-xs-font-size:12px;--okd-positivebutton-xs-line-height:16px;--okd-positivebutton-s-font-size:14px;--okd-positivebutton-s-line-height:16px;--okd-positivebutton-sm-font-size:14px;--okd-positivebutton-sm-line-height:16px;--okd-positivebutton-md-font-size:14px;--okd-positivebutton-md-line-height:16px;--okd-positivebutton-lg-font-size:16px;--okd-positivebutton-lg-line-height:20px;--okd-positivebutton-xl-font-size:18px;--okd-positivebutton-xl-line-height:24px;--okd-positivebutton-xxs-padding-horizontal:12px;--okd-positivebutton-xxs-padding-vertical:4px;--okd-positivebutton-xs-padding-horizontal:12px;--okd-positivebutton-xs-padding-vertical:6px;--okd-positivebutton-s-padding-horizontal:12px;--okd-positivebutton-s-padding-vertical:8px;--okd-positivebutton-sm-padding-horizontal:16px;--okd-positivebutton-sm-padding-vertical:10px;--okd-positivebutton-md-padding-horizontal:16px;--okd-positivebutton-md-padding-vertical:12px;--okd-positivebutton-lg-padding-horizontal:24px;--okd-positivebutton-lg-padding-vertical:14px;--okd-positivebutton-xl-padding-horizontal:44px;--okd-positivebutton-xl-padding-vertical:16px;--okd-positivebutton-border-radius:50px;--okd-positivebutton-default-background:var(--okd-color-surface-pnl-profit-emphasis);--okd-positivebutton-hover-background:var(--okd-color-surface-pnl-profit-hovered);--okd-positivebutton-active-background:var(--okd-color-surface-pnl-profit-pressed);--okd-positivebutton-loading-background:var(--okd-color-surface-pnl-profit-pressed);--okd-positivebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-positivebutton-loader-track-color:hsla(0,0%,91%,.3);--okd-positivebutton-loader-mark-color:var(--okd-color-border-pnl-profit-default);--okd-positivebutton-loader-border-width:2px;--okd-positivebutton-xs-min-width:63px;--okd-positivebutton-s-min-width:72px;--okd-positivebutton-sm-min-width:81px;--okd-positivebutton-md-min-width:90px;--okd-positivebutton-lg-min-width:108px;--okd-positivebutton-xl-min-width:126px;--okd-positivebutton-xxs-min-width:63px;--okd-positivebutton-xxs-icon-size:14px;--okd-positivebutton-xs-icon-size:14px;--okd-positivebutton-s-icon-size:14px;--okd-positivebutton-sm-icon-size:16px;--okd-positivebutton-md-icon-size:16px;--okd-positivebutton-lg-icon-size:20px;--okd-positivebutton-xl-icon-size:20px;--okd-positivebutton-xxs-icon-margin-right:6px;--okd-positivebutton-xs-icon-margin-right:6px;--okd-positivebutton-s-icon-margin-right:6px;--okd-positivebutton-sm-icon-margin-right:6px;--okd-positivebutton-md-icon-margin-right:6px;--okd-positivebutton-lg-icon-margin-right:8px;--okd-positivebutton-xl-icon-margin-right:8px}.theme-dark{--okd-positivebutton-default-color:var(--okd-color-content-pnl-profit-oncolor-emphasis);--okd-positivebutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-positivebutton-xxs-loader-width:14px;--okd-positivebutton-xxs-loader-margin-right:6px;--okd-positivebutton-xs-loader-width:14px;--okd-positivebutton-xs-loader-margin-right:6px;--okd-positivebutton-s-loader-width:14px;--okd-positivebutton-s-loader-margin-right:6px;--okd-positivebutton-sm-loader-width:16px;--okd-positivebutton-sm-loader-margin-right:6px;--okd-positivebutton-md-loader-width:16px;--okd-positivebutton-md-loader-margin-right:6px;--okd-positivebutton-lg-loader-width:20px;--okd-positivebutton-lg-loader-margin-right:8px;--okd-positivebutton-xl-loader-width:20px;--okd-positivebutton-xl-loader-margin-right:8px;--okd-positivebutton-xxs-font-size:12px;--okd-positivebutton-xxs-line-height:16px;--okd-positivebutton-xs-font-size:12px;--okd-positivebutton-xs-line-height:16px;--okd-positivebutton-s-font-size:14px;--okd-positivebutton-s-line-height:16px;--okd-positivebutton-sm-font-size:14px;--okd-positivebutton-sm-line-height:16px;--okd-positivebutton-md-font-size:14px;--okd-positivebutton-md-line-height:16px;--okd-positivebutton-lg-font-size:16px;--okd-positivebutton-lg-line-height:20px;--okd-positivebutton-xl-font-size:18px;--okd-positivebutton-xl-line-height:24px;--okd-positivebutton-xxs-padding-horizontal:12px;--okd-positivebutton-xxs-padding-vertical:4px;--okd-positivebutton-xs-padding-horizontal:12px;--okd-positivebutton-xs-padding-vertical:6px;--okd-positivebutton-s-padding-horizontal:12px;--okd-positivebutton-s-padding-vertical:8px;--okd-positivebutton-sm-padding-horizontal:16px;--okd-positivebutton-sm-padding-vertical:10px;--okd-positivebutton-md-padding-horizontal:16px;--okd-positivebutton-md-padding-vertical:12px;--okd-positivebutton-lg-padding-horizontal:24px;--okd-positivebutton-lg-padding-vertical:14px;--okd-positivebutton-xl-padding-horizontal:44px;--okd-positivebutton-xl-padding-vertical:16px;--okd-positivebutton-border-radius:50px;--okd-positivebutton-default-background:var(--okd-color-surface-pnl-profit-emphasis);--okd-positivebutton-hover-background:var(--okd-color-surface-pnl-profit-hovered);--okd-positivebutton-active-background:var(--okd-color-surface-pnl-profit-pressed);--okd-positivebutton-loading-background:var(--okd-color-surface-pnl-profit-pressed);--okd-positivebutton-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-positivebutton-loader-track-color:var(--okd-color-border-static-overlay);--okd-positivebutton-loader-mark-color:var(--okd-color-border-pnl-profit-default);--okd-positivebutton-loader-border-width:2px;--okd-positivebutton-xs-min-width:63px;--okd-positivebutton-s-min-width:72px;--okd-positivebutton-sm-min-width:81px;--okd-positivebutton-md-min-width:90px;--okd-positivebutton-lg-min-width:108px;--okd-positivebutton-xl-min-width:126px;--okd-positivebutton-xxs-min-width:63px;--okd-positivebutton-xxs-icon-size:14px;--okd-positivebutton-xs-icon-size:14px;--okd-positivebutton-s-icon-size:14px;--okd-positivebutton-sm-icon-size:16px;--okd-positivebutton-md-icon-size:16px;--okd-positivebutton-lg-icon-size:20px;--okd-positivebutton-xl-icon-size:20px;--okd-positivebutton-xxs-icon-margin-right:6px;--okd-positivebutton-xs-icon-margin-right:6px;--okd-positivebutton-s-icon-margin-right:6px;--okd-positivebutton-sm-icon-margin-right:6px;--okd-positivebutton-md-icon-margin-right:6px;--okd-positivebutton-lg-icon-margin-right:8px;--okd-positivebutton-xl-icon-margin-right:8px}.okui-positivebutton-xxs{font-size:12px;font-size:var(--okd-positivebutton-xxs-font-size,12px);font-weight:400;font-weight:var(--okd-positivebutton-xxs-font-weight,400);line-height:16px;line-height:var(--okd-positivebutton-xxs-line-height,16px);min-width:63px;min-width:var(--okd-positivebutton-xxs-min-width,63px);padding:4px 12px;padding:var(--okd-positivebutton-xxs-padding-vertical,4px) var(--okd-positivebutton-xxs-padding-horizontal,12px)}.okui-positivebutton-xxs .okui-positivebutton-loader-circle{height:14px;height:var(--okd-positivebutton-xxs-loader-width,14px);width:14px;width:var(--okd-positivebutton-xxs-loader-width,14px)}.okui-positivebutton-xxs .okui-positivebutton-icon{font-size:14px;font-size:var(--okd-positivebutton-xxs-icon-size,14px);font-weight:400;font-weight:var(--okd-positivebutton-xxs-font-weight,400)}.okui-positivebutton-xxs .okui-positivebutton-icon-leading{margin-right:6px;margin-right:var(--okd-positivebutton-xxs-icon-margin-right,6px)}.okui-positivebutton-xxs .okui-positivebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-positivebutton-xxs-icon-margin-right,6px)}.okui-positivebutton-loading-text .okui-positivebutton-loader{margin-right:var(--okd-positivebutton-xxs-loader-margin-right,6px)}.okui-positivebutton-xs{font-size:12px;font-size:var(--okd-positivebutton-xs-font-size,12px);font-weight:400;font-weight:var(--okd-positivebutton-xs-font-weight,400);line-height:16px;line-height:var(--okd-positivebutton-xs-line-height,16px);min-width:63px;min-width:var(--okd-positivebutton-xs-min-width,63px);padding:6px 12px;padding:var(--okd-positivebutton-xs-padding-vertical,6px) var(--okd-positivebutton-xs-padding-horizontal,12px)}.okui-positivebutton-xs .okui-positivebutton-loader-circle{height:14px;height:var(--okd-positivebutton-xs-loader-width,14px);width:14px;width:var(--okd-positivebutton-xs-loader-width,14px)}.okui-positivebutton-xs .okui-positivebutton-icon{font-size:14px;font-size:var(--okd-positivebutton-xs-icon-size,14px);font-weight:400;font-weight:var(--okd-positivebutton-xs-font-weight,400)}.okui-positivebutton-xs .okui-positivebutton-icon-leading{margin-right:6px;margin-right:var(--okd-positivebutton-xs-icon-margin-right,6px)}.okui-positivebutton-xs .okui-positivebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-positivebutton-xs-icon-margin-right,6px)}.okui-positivebutton-loading-text .okui-positivebutton-loader{margin-right:var(--okd-positivebutton-xs-loader-margin-right,6px)}.okui-positivebutton-s{font-size:14px;font-size:var(--okd-positivebutton-s-font-size,14px);font-weight:400;font-weight:var(--okd-positivebutton-s-font-weight,400);line-height:16px;line-height:var(--okd-positivebutton-s-line-height,16px);min-width:72px;min-width:var(--okd-positivebutton-s-min-width,72px);padding:8px 12px;padding:var(--okd-positivebutton-s-padding-vertical,8px) var(--okd-positivebutton-s-padding-horizontal,12px)}.okui-positivebutton-s .okui-positivebutton-loader-circle{height:14px;height:var(--okd-positivebutton-s-loader-width,14px);width:14px;width:var(--okd-positivebutton-s-loader-width,14px)}.okui-positivebutton-s .okui-positivebutton-icon{font-size:14px;font-size:var(--okd-positivebutton-s-icon-size,14px);font-weight:400;font-weight:var(--okd-positivebutton-s-font-weight,400)}.okui-positivebutton-s .okui-positivebutton-icon-leading{margin-right:6px;margin-right:var(--okd-positivebutton-s-icon-margin-right,6px)}.okui-positivebutton-s .okui-positivebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-positivebutton-s-icon-margin-right,6px)}.okui-positivebutton-loading-text .okui-positivebutton-loader{margin-right:var(--okd-positivebutton-s-loader-margin-right,6px)}.okui-positivebutton-sm{font-size:14px;font-size:var(--okd-positivebutton-sm-font-size,14px);font-weight:400;font-weight:var(--okd-positivebutton-sm-font-weight,400);line-height:16px;line-height:var(--okd-positivebutton-sm-line-height,16px);min-width:81px;min-width:var(--okd-positivebutton-sm-min-width,81px);padding:10px 16px;padding:var(--okd-positivebutton-sm-padding-vertical,10px) var(--okd-positivebutton-sm-padding-horizontal,16px)}.okui-positivebutton-sm .okui-positivebutton-loader-circle{height:16px;height:var(--okd-positivebutton-sm-loader-width,16px);width:16px;width:var(--okd-positivebutton-sm-loader-width,16px)}.okui-positivebutton-sm .okui-positivebutton-icon{font-size:16px;font-size:var(--okd-positivebutton-sm-icon-size,16px);font-weight:400;font-weight:var(--okd-positivebutton-sm-font-weight,400)}.okui-positivebutton-sm .okui-positivebutton-icon-leading{margin-right:6px;margin-right:var(--okd-positivebutton-sm-icon-margin-right,6px)}.okui-positivebutton-sm .okui-positivebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-positivebutton-sm-icon-margin-right,6px)}.okui-positivebutton-loading-text .okui-positivebutton-loader{margin-right:var(--okd-positivebutton-sm-loader-margin-right,6px)}.okui-positivebutton-md{font-size:14px;font-size:var(--okd-positivebutton-md-font-size,14px);font-weight:400;font-weight:var(--okd-positivebutton-md-font-weight,400);line-height:16px;line-height:var(--okd-positivebutton-md-line-height,16px);min-width:90px;min-width:var(--okd-positivebutton-md-min-width,90px);padding:12px 16px;padding:var(--okd-positivebutton-md-padding-vertical,12px) var(--okd-positivebutton-md-padding-horizontal,16px)}.okui-positivebutton-md .okui-positivebutton-loader-circle{height:16px;height:var(--okd-positivebutton-md-loader-width,16px);width:16px;width:var(--okd-positivebutton-md-loader-width,16px)}.okui-positivebutton-md .okui-positivebutton-icon{font-size:16px;font-size:var(--okd-positivebutton-md-icon-size,16px);font-weight:400;font-weight:var(--okd-positivebutton-md-font-weight,400)}.okui-positivebutton-md .okui-positivebutton-icon-leading{margin-right:6px;margin-right:var(--okd-positivebutton-md-icon-margin-right,6px)}.okui-positivebutton-md .okui-positivebutton-icon-tailing{margin-left:6px;margin-left:var(--okd-positivebutton-md-icon-margin-right,6px)}.okui-positivebutton-loading-text .okui-positivebutton-loader{margin-right:6px;margin-right:var(--okd-positivebutton-md-loader-margin-right,6px)}.okui-positivebutton-lg{font-size:16px;font-size:var(--okd-positivebutton-lg-font-size,16px);font-weight:500;font-weight:var(--okd-positivebutton-lg-font-weight,500);line-height:20px;line-height:var(--okd-positivebutton-lg-line-height,20px);min-width:108px;min-width:var(--okd-positivebutton-lg-min-width,108px);padding:14px 24px;padding:var(--okd-positivebutton-lg-padding-vertical,14px) var(--okd-positivebutton-lg-padding-horizontal,24px)}.okui-positivebutton-lg .okui-positivebutton-loader-circle{height:20px;height:var(--okd-positivebutton-lg-loader-width,20px);width:20px;width:var(--okd-positivebutton-lg-loader-width,20px)}.okui-positivebutton-lg .okui-positivebutton-icon{font-size:20px;font-size:var(--okd-positivebutton-lg-icon-size,20px);font-weight:500;font-weight:var(--okd-positivebutton-lg-font-weight,500)}.okui-positivebutton-lg .okui-positivebutton-icon-leading{margin-right:8px;margin-right:var(--okd-positivebutton-lg-icon-margin-right,8px)}.okui-positivebutton-lg .okui-positivebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-positivebutton-lg-icon-margin-right,8px)}.okui-positivebutton-loading-text .okui-positivebutton-loader{margin-right:var(--okd-positivebutton-lg-loader-margin-right,8px)}.okui-positivebutton-xl{font-size:18px;font-size:var(--okd-positivebutton-xl-font-size,18px);font-weight:500;font-weight:var(--okd-positivebutton-xl-font-weight,500);line-height:24px;line-height:var(--okd-positivebutton-xl-line-height,24px);min-width:126px;min-width:var(--okd-positivebutton-xl-min-width,126px);padding:16px 44px;padding:var(--okd-positivebutton-xl-padding-vertical,16px) var(--okd-positivebutton-xl-padding-horizontal,44px)}.okui-positivebutton-xl .okui-positivebutton-loader-circle{height:20px;height:var(--okd-positivebutton-xl-loader-width,20px);width:20px;width:var(--okd-positivebutton-xl-loader-width,20px)}.okui-positivebutton-xl .okui-positivebutton-icon{font-size:20px;font-size:var(--okd-positivebutton-xl-icon-size,20px);font-weight:500;font-weight:var(--okd-positivebutton-xl-font-weight,500)}.okui-positivebutton-xl .okui-positivebutton-icon-leading{margin-right:8px;margin-right:var(--okd-positivebutton-xl-icon-margin-right,8px)}.okui-positivebutton-xl .okui-positivebutton-icon-tailing{margin-left:8px;margin-left:var(--okd-positivebutton-xl-icon-margin-right,8px)}.okui-positivebutton-loading-text .okui-positivebutton-loader{margin-right:8px;margin-right:var(--okd-positivebutton-xl-loader-margin-right,8px)}.okui-positivebutton{align-items:center;background-color:var(--okd-color-surface-pnl-profit-default);background-color:var(--okd-positivebutton-default-background,var(--okd-color-surface-pnl-profit-default));border-radius:50px;border-radius:var(--okd-positivebutton-border-radius,50px);box-sizing:border-box;color:var(--okd-color-content-pnl-profit-oncolor);color:var(--okd-positivebutton-default-color,var(--okd-color-content-pnl-profit-oncolor));cursor:pointer;display:inline-flex;justify-content:center;outline:none;position:relative;text-decoration:none;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.okui-positivebutton:focus-visible{border-radius:50px;border-radius:var(--okd-positivebutton-border-radius,50px);outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-positivebutton.hover,.okui-positivebutton:not(.okui-positivebutton-disabled):not(.okui-positivebutton-loading):hover{background-color:var(--okd-color-surface-pnl-profit-hovered);background-color:var(--okd-positivebutton-hover-background,var(--okd-color-surface-pnl-profit-hovered))}.okui-positivebutton.active,.okui-positivebutton:not(.okui-positivebutton-disabled):not(.okui-positivebutton-loading):active{background-color:var(--okd-color-surface-pnl-profit-pressed);background-color:var(--okd-positivebutton-active-background,var(--okd-color-surface-pnl-profit-pressed))}.okui-positivebutton-disabled,.okui-positivebutton.disabled{background-color:var(--okd-color-surface-interactive-disabled);background-color:var(--okd-positivebutton-disabled-background,var(--okd-color-surface-interactive-disabled));color:var(--okd-color-content-interactive-disabled);color:var(--okd-positivebutton-disabled-color,var(--okd-color-content-interactive-disabled));cursor:not-allowed}.okui-positivebutton-loading,.okui-positivebutton.loading{background-color:var(--okd-color-surface-pnl-profit-pressed);background-color:var(--okd-positivebutton-loading-background,var(--okd-color-surface-pnl-profit-pressed));color:transparent}.okui-positivebutton-loading .okui-positivebutton-loader,.okui-positivebutton.loading .okui-positivebutton-loader{display:flex;position:absolute}.okui-positivebutton-loading-text{background-color:var(--okd-color-surface-pnl-profit-pressed);background-color:var(--okd-positivebutton-loading-background,var(--okd-color-surface-pnl-profit-pressed));display:flex}.okui-positivebutton-block,.okui-positivebutton.block{display:flex;width:100%}.okui-positivebutton-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.okui-positivebutton-loader-circle{border-color:var(--okd-positivebutton-loader-track-color,var(--okd-color-content-pnl-profit-oncolor));border-top-color:var(--okd-positivebutton-loader-mark-color,var(--okd-color-border-pnl-profit-default));border-width:2px;border-width:var(--okd-positivebutton-loader-border-width,2px)}.okui-selectioncard-group{display:flex;flex-direction:column;gap:24px;gap:var(--okd-selectioncard-gap,24px)}.okui-selectioncard{align-items:center;background-color:initial;background-color:var(--okd-selectioncard-item-background-color,transparent);border:var(--okd-selectioncard-item-border-width,.5px) solid var(--okd-selectioncard-item-border-color,var(--okd-color-border-interactive-default));border-radius:8px;border-radius:var(--okd-selectioncard-item-border-radius,8px);cursor:pointer;display:flex;padding:16px;padding:var(--okd-selectioncard-item-padding,16px)}.okui-selectioncard-selected{background-color:initial;background-color:var(--okd-selectioncard-item-selected-background-color,transparent);border:.5px solid transparent;border:var(--okd-selectioncard-item-border-width,.5px) solid transparent;box-shadow:inset 0 0 0 1.5px var(--okd-color-border-interactive-selected);box-shadow:inset 0 0 0 var(--okd-selectioncard-item-selected-border-width,1.5px) var(--okd-selectioncard-item-selected-border-color,var(--okd-color-border-interactive-selected))}@media (hover:hover){.okui-selectioncard:hover{background-color:var(--okd-color-surface-interactive-hovered);background-color:var(--okd-selectioncard-item-hover-background-color,var(--okd-color-surface-interactive-hovered))}}.okd-component-okds-pointer_up{--ok-icon-font-family:"ok-d9362c9b40"}.okd-component-okds-pointer_up:before{content:"\e003";font-family:ok-d9362c9b40}.okd-component-pointer-down{--ok-icon-font-family:"ok-d9362c9b40"}.okd-component-pointer-down:before{content:"\e004";font-family:ok-d9362c9b40}.okd-component-loading{--ok-icon-font-family:"ok-d9362c9b40"}.okd-component-loading:before{content:"\e002";font-family:ok-d9362c9b40}.okd-component-selected{--ok-icon-font-family:"ok-d9362c9b40"}.okd-component-selected:before{content:"\e000";font-family:ok-d9362c9b40}.okd-component-clear-filled{--ok-icon-font-family:"ok-d9362c9b40"}.okd-component-clear-filled:before{content:"\e001";font-family:ok-d9362c9b40}.iconfont{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-style:normal}.iconfont:before{display:inline-block}@font-face{font-display:block;font-family:ok-d9362c9b40;font-style:normal;src:url(../ae8680735c575ea62a12.woff2) format("woff2")}.okui-pnlswitch-mode{display:flex}.okui-pnlswitch-mode-row-label{flex:1 1}.okui-pnlswitch-mode.okui-pnlswitch-mode-horizontal{flex-direction:row;gap:16px}.okui-pnlswitch-mode.okui-pnlswitch-mode-horizontal .okui-pnlswitch-mode-item{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:space-between}.okui-pnlswitch-mode.okui-pnlswitch-mode-vertical{flex-direction:column;gap:8px}.okui-pnlswitch-mode.okui-pnlswitch-mode-vertical .okui-pnlswitch-mode-item{align-items:center;display:flex;flex:1 1;justify-content:space-between}.okui-pnlswitch-mode.okui-pnlswitch-mode-vertical .okui-pnlswitch-mode-chart{margin-left:8px}.okui-pnlswitch-mode-label{color:var(--okd-color-content-static-default);color:var(--okd-pnlswitch-font-color,var(--okd-color-content-static-default));flex:1 1;font-size:14px;font-size:var(--okd-pnlswitch-label-font-size,14px);line-height:16px;line-height:var(--okd-pnlswitch-label-line-height,16px)}.okui-pnlswitch-updown{display:flex}.okui-pnlswitch-updown-row-label{flex:1 1}.okui-pnlswitch-updown.okui-pnlswitch-updown-horizontal{flex-direction:row;gap:16px}.okui-pnlswitch-updown.okui-pnlswitch-updown-horizontal .okui-pnlswitch-updown-icon{font-size:24px}.okui-pnlswitch-updown.okui-pnlswitch-updown-vertical{gap:8px}.okui-pnlswitch-updown.okui-pnlswitch-updown-vertical .okui-pnlswitch-updown-icon{font-size:16px}.okui-pnlswitch-updown .okui-pnlswitch-updown-item{align-items:center;display:flex;flex:1 1;justify-content:space-between}.okui-pnlswitch-updown-label{align-items:center;color:var(--okd-color-content-static-default);color:var(--okd-pnlswitch-font-color,var(--okd-color-content-static-default));display:flex;flex:1 1;font-size:14px;font-size:var(--okd-pnlswitch-label-font-size,14px);line-height:16px;line-height:var(--okd-pnlswitch-label-line-height,16px);margin-right:8px;min-height:22px}.okui-pnlswitch-updown-icon-container{display:flex}.okui-pnlswitch-updown-global-up{color:var(--global-color-surface-pnl-profit-graph);font-size:16px}.okui-pnlswitch-updown-global-down{color:var(--global-color-surface-pnl-loss-graph);font-size:16px}.okui-pnlswitch-updown-up{color:var(--okd-color-surface-pnl-profit-graph)}.okui-pnlswitch-updown-down{color:var(--okd-color-surface-pnl-loss-graph)}.okui-pnlswitch-updown-icon:last-child{margin-left:-3px}.okui-tag-fill-green{background-color:var(--okd-tag-fill-green-background-color);border-color:var(--okd-tag-fill-green-border-color);color:var(--okd-tag-fill-green-font-color)}.okui-tag-fill-red{background-color:var(--okd-tag-fill-red-background-color);border-color:var(--okd-tag-fill-red-border-color);color:var(--okd-tag-fill-red-font-color)}.theme-dark,.theme-light{--okd-reminder-background-color:var(--okd-color-surface-structural-layer-1);--okd-reminder-border-color:var(--okd-color-border-static-default);--okd-reminder-border-width:0.5px;--okd-reminder-border-radius:8px;--okd-reminder-title-color:var(--okd-color-content-info-default);--okd-reminder-desc-color:var(--okd-color-content-info-default);--okd-reminder-neutral-icon-color:var(--okd-color-content-info-default);--okd-reminder-close-color:var(--okd-color-content-static-subtle);--okd-reminder-notice-icon-color:var(--okd-color-content-warning-default);--okd-reminder-positive-icon-color:var(--okd-color-content-success-default);--okd-reminder-critical-icon-color:var(--okd-color-content-danger-default);--okd-reminder-padding-vertical:12px;--okd-reminder-padding-horizontal:16px;--okd-reminder-content-gap:4px;--okd-reminder-actions-margin-top:12px;--okd-reminder-icon-size:16px;--okd-reminder-close-size:20px;--okd-reminder-close-margin-left:4px;--okd-reminder-icon-margin-right:8px;--okd-reminder-title-font-size:14px;--okd-reminder-title-line-height:16px;--okd-reminder-title-font-weight:700;--okd-reminder-desc-font-size:12px;--okd-reminder-desc-line-height:16px;--okd-reminder-action-font-size:12px;--okd-reminder-action-line-height:16px;--okd-reminder-action-font-weight:700;--okd-reminder-action-color:var(--okd-color-content-info-default);--okd-reminder-action-gap:32px;--okd-reminder-action-icon-margin-left:4px;--okd-reminder-action-icon-size:12px}.okui-reminder{background:var(--okd-color-surface-structural-layer-1);background:var(--okd-reminder-background,var(--okd-color-surface-structural-layer-1));border:var(--okd-reminder-border-width,.5px) solid var(--okd-reminder-border-color,var(--okd-color-border-static-default));border-radius:8px;border-radius:var(--okd-reminder-border-radius,8px);padding:12px 16px;padding:var(--okd-reminder-padding-vertical,12px) var(--okd-reminder-padding-horizontal,16px)}.okui-reminder-container{align-items:flex-start;display:flex}.okui-reminder-icon{color:var(--okd-color-content-info-default);color:var(--okd-reminder-neutral-icon-color,var(--okd-color-content-info-default));flex-shrink:0;font-size:16px;font-size:var(--okd-reminder-icon-size,16px);margin-right:8px;margin-right:var(--okd-reminder-icon-margin-right,8px)}.okui-reminder.positive-reminder .okui-reminder-icon{color:var(--okd-color-content-success-default);color:var(--okd-reminder-positive-icon-color,var(--okd-color-content-success-default))}.okui-reminder.critical-reminder .okui-reminder-icon{color:var(--okd-color-content-danger-default);color:var(--okd-reminder-critical-icon-color,var(--okd-color-content-danger-default))}.okui-reminder.notice-reminder .okui-reminder-icon{color:var(--okd-color-content-warning-default);color:var(--okd-reminder-notice-icon-color,var(--okd-color-content-warning-default))}.okui-reminder.neutral-reminder .okui-reminder-icon{color:var(--okd-color-content-info-default);color:var(--okd-reminder-neutral-icon-color,var(--okd-color-content-info-default))}.okui-reminder-content{display:flex;flex:1 1;flex-direction:column;gap:4px;gap:var(--okd-reminder-content-gap,4px)}.okui-reminder-title{word-wrap:break-word;color:var(--okd-color-content-info-default);color:var(--okd-reminder-title-color,var(--okd-color-content-info-default));font-size:14px;font-size:var(--okd-reminder-title-font-size,14px);font-weight:700;font-weight:var(--okd-reminder-title-font-weight,700);line-height:16px;line-height:var(--okd-reminder-title-line-height,16px)}.okui-reminder-desc{word-wrap:break-word;color:var(--okd-color-content-info-default);color:var(--okd-reminder-desc-color,var(--okd-color-content-info-default));font-size:12px;font-size:var(--okd-reminder-desc-font-size,12px);line-height:16px;line-height:var(--okd-reminder-desc-line-height,16px)}.okui-reminder .okui-reminder-close{color:var(--okd-color-content-static-subtle);color:var(--okd-reminder-close-color,var(--okd-color-content-static-subtle));cursor:pointer;flex-shrink:0;font-size:20px;font-size:var(--okd-reminder-close-size,20px);margin-left:4px;margin-left:var(--okd-reminder-close-margin-left,4px)}.okui-reminder-actions{align-items:center;display:flex;gap:32px;gap:var(--okd-reminder-action-gap,32px);margin-top:12px;margin-top:var(--okd-reminder-actions-margin-top,12px)}.okui-reminder-action-button{align-items:center;color:var(--okd-color-content-info-default);color:var(--okd-reminder-action-color,var(--okd-color-content-info-default));cursor:pointer;display:flex;font-size:12px;font-size:var(--okd-reminder-action-font-size,12px);font-weight:700;font-weight:var(--okd-reminder-action-font-weight,700);justify-content:center;line-height:16px;line-height:var(--okd-reminder-action-line-height,16px)}.okui-reminder .okui-reminder-action-icon{font-size:12px;font-size:var(--okd-reminder-action-icon-size,12px);padding-left:4px;padding-left:var(--okd-reminder-action-icon-margin-left,4px);position:relative;top:1px}.theme-dark,.theme-light{--okd-selectionchips-default-background:var(--okd-color-surface-interactive-default);--okd-selectionchips-hover-background:var(--okd-color-surface-interactive-hovered);--okd-selectionchips-active-background:var(--okd-color-surface-interactive-pressed);--okd-selectionchips-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-selectionchips-focus-border-color:var(--okd-color-border-interactive-selected);--okd-selectionchips-default-font-color:var(--okd-color-content-static-default);--okd-selectionchips-hover-font-color:var(--okd-color-content-static-default);--okd-selectionchips-active-font-color:var(--okd-color-content-static-default);--okd-selectionchips-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-selectionchips-md-font-size:14px;--okd-selectionchips-md-font-weight:400;--okd-selectionchips-md-line-height:16px;--okd-selectionchips-md-border-radius:8px;--okd-selectionchips-md-min-width:32px;--okd-selectionchips-md-min-height:36px;--okd-selectionchips-md-padding-vertical:8px;--okd-selectionchips-md-padding-horizontal:8px;--okd-selectionchips-lg-font-size:14px;--okd-selectionchips-lg-font-weight:400;--okd-selectionchips-lg-line-height:16px;--okd-selectionchips-lg-border-radius:8px;--okd-selectionchips-lg-min-width:32px;--okd-selectionchips-lg-min-height:40px;--okd-selectionchips-lg-padding-vertical:8px;--okd-selectionchips-lg-padding-horizontal:8px;--okd-selectionchips-margin-right:8px;--okd-selectionchips-group-margin-right:8px;--okd-selectionchips-group-font-size:12px;--okd-selectionchips-active-border-color:var(--okd-selectionchips-focus-border-color)}.okui-selection-chips{align-items:center;background:var(--okd-color-background-surface-primary);background:var(--okd-selectionchips-default-background,var(--okd-color-background-surface-primary));border:1px solid transparent;box-sizing:border-box;color:var(--okd-color-content-primary);color:var(--okd-selectionchips-default-font-color,var(--okd-color-content-primary));cursor:pointer;display:flex;justify-content:center;text-align:center}.okui-selection-chips.hover,.okui-selection-chips:not(.okui-selection-chips-disabled):not(.okui-selection-chips-focus):hover{background:var(--okd-color-background-surface-primary);background:var(--okd-selectionchips-hover-background,var(--okd-color-background-surface-primary));color:var(--okd-color-content-primary);color:var(--okd-selectionchips-hover-font-color,var(--okd-color-content-primary))}.okui-selection-chips.active,.okui-selection-chips:not(.okui-selection-chips-disabled):active{background:var(--okd-color-background-surface-pressed);background:var(--okd-selectionchips-active-background,var(--okd-color-background-surface-pressed));border-color:var(--okd-selectionchips-active-border-color,var(--okd-selectionchips-focus-border-color));color:var(--okd-color-content-primary);color:var(--okd-selectionchips-active-font-color,var(--okd-color-content-primary))}.okui-selection-chips.focus,.okui-selection-chips:not(.okui-selection-chips-disabled).okui-selection-chips-focus{border-color:var(--okd-selectionchips-focus-border-color,var(--okd-color-border-selected))}.okui-selection-chips.disabled,.okui-selection-chips.okui-selection-chips-disabled{background:var(--okd-color-background-surface-disable);background:var(--okd-selectionchips-disabled-background,var(--okd-color-background-surface-disable));color:var(--okd-color-content-disabled);color:var(--okd-selectionchips-disabled-font-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-selection-chips.okui-selection-chips-md{border-radius:8px;border-radius:var(--okd-selectionchips-md-border-radius,8px);font-size:14px;font-size:var(--okd-selectionchips-md-font-size,14px);font-weight:400;font-weight:var(--okd-selectionchips-md-font-weight,400);line-height:16px;line-height:var(--okd-selectionchips-md-line-height,16px);min-height:36px;min-height:var(--okd-selectionchips-md-min-height,36px);min-width:32px;min-width:var(--okd-selectionchips-md-min-width,32px);padding:8px;padding:var(--okd-selectionchips-md-padding-vertical,8px) var(--okd-selectionchips-md-padding-horizontal,8px)}.okui-selection-chips.okui-selection-chips-lg{border-radius:8px;border-radius:var(--okd-selectionchips-lg-border-radius,8px);font-size:14px;font-size:var(--okd-selectionchips-lg-font-size,14px);font-weight:400;font-weight:var(--okd-selectionchips-lg-font-weight,400);line-height:16px;line-height:var(--okd-selectionchips-lg-line-height,16px);min-height:40px;min-height:var(--okd-selectionchips-lg-min-height,40px);min-width:32px;min-width:var(--okd-selectionchips-lg-min-width,32px);padding:8px;padding:var(--okd-selectionchips-lg-padding-vertical,8px) var(--okd-selectionchips-lg-padding-horizontal,8px)}.okui-selection-chips-truncate{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.okui-selection-chips-group{display:flex;gap:8px;gap:var(--okd-selectionchips-group-margin-right,8px)}.okui-selection-chips-group .okui-selection-chips .okui-selection-chips-truncate{-webkit-line-clamp:3}.theme-light{--okd-suggestionchips-primary-default-background:var(--okd-color-surface-interactive-default);--okd-suggestionchips-primary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-suggestionchips-primary-active-background:var(--okd-color-surface-interactive-pressed);--okd-suggestionchips-primary-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-suggestionchips-primary-default-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-primary-hover-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-primary-active-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-primary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-suggestionchips-secondary-default-background:hsla(0,0%,100%,0);--okd-suggestionchips-secondary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-suggestionchips-secondary-active-background:var(--okd-color-surface-interactive-pressed);--okd-suggestionchips-secondary-disabled-background:hsla(0,0%,100%,0);--okd-suggestionchips-secondary-default-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-secondary-hover-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-secondary-active-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-secondary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-suggestionchips-secondary-default-border-color:var(--okd-color-border-static-default);--okd-suggestionchips-secondary-hover-border-color:rgba(0,0,0,.32);--okd-suggestionchips-secondary-active-border-color:rgba(0,0,0,.32);--okd-suggestionchips-secondary-disabled-border-color:var(--okd-color-border-static-default);--okd-suggestionchips-tertiary-default-background:hsla(0,0%,100%,0);--okd-suggestionchips-tertiary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-suggestionchips-tertiary-active-background:var(--okd-color-surface-interactive-pressed);--okd-suggestionchips-tertiary-disabled-background:hsla(0,0%,100%,0);--okd-suggestionchips-tertiary-default-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-tertiary-hover-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-tertiary-active-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-tertiary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-suggestionchips-sm-font-size:12px;--okd-suggestionchips-sm-font-weight:400;--okd-suggestionchips-sm-line-height:16px;--okd-suggestionchips-sm-border-radius:8px;--okd-suggestionchips-sm-min-width:32px;--okd-suggestionchips-sm-min-height:28px;--okd-suggestionchips-sm-padding-vertical:0px;--okd-suggestionchips-sm-padding-horizontal:8px;--okd-suggestionchips-md-font-size:14px;--okd-suggestionchips-md-font-weight:400;--okd-suggestionchips-md-line-height:16px;--okd-suggestionchips-md-border-radius:8px;--okd-suggestionchips-md-min-width:32px;--okd-suggestionchips-md-min-height:32px;--okd-suggestionchips-md-padding-vertical:0px;--okd-suggestionchips-md-padding-horizontal:8px}.theme-dark{--okd-suggestionchips-primary-default-background:var(--okd-color-surface-interactive-default);--okd-suggestionchips-primary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-suggestionchips-primary-active-background:var(--okd-color-surface-interactive-pressed);--okd-suggestionchips-primary-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-suggestionchips-primary-default-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-primary-hover-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-primary-active-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-primary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-suggestionchips-secondary-default-background:transparent;--okd-suggestionchips-secondary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-suggestionchips-secondary-active-background:var(--okd-color-surface-interactive-pressed);--okd-suggestionchips-secondary-disabled-background:transparent;--okd-suggestionchips-secondary-default-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-secondary-hover-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-secondary-active-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-secondary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-suggestionchips-secondary-default-border-color:var(--okd-color-border-static-default);--okd-suggestionchips-secondary-hover-border-color:hsla(0,0%,100%,.4);--okd-suggestionchips-secondary-active-border-color:hsla(0,0%,100%,.4);--okd-suggestionchips-secondary-disabled-border-color:var(--okd-color-border-static-default);--okd-suggestionchips-tertiary-default-background:transparent;--okd-suggestionchips-tertiary-hover-background:var(--okd-color-surface-interactive-hovered);--okd-suggestionchips-tertiary-active-background:var(--okd-color-surface-interactive-pressed);--okd-suggestionchips-tertiary-disabled-background:transparent;--okd-suggestionchips-tertiary-default-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-tertiary-hover-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-tertiary-active-font-color:var(--okd-color-content-static-default);--okd-suggestionchips-tertiary-disabled-font-color:var(--okd-color-content-interactive-disabled);--okd-suggestionchips-sm-font-size:12px;--okd-suggestionchips-sm-font-weight:400;--okd-suggestionchips-sm-line-height:16px;--okd-suggestionchips-sm-border-radius:8px;--okd-suggestionchips-sm-min-width:32px;--okd-suggestionchips-sm-min-height:28px;--okd-suggestionchips-sm-padding-vertical:0px;--okd-suggestionchips-sm-padding-horizontal:8px;--okd-suggestionchips-md-font-size:14px;--okd-suggestionchips-md-font-weight:400;--okd-suggestionchips-md-line-height:16px;--okd-suggestionchips-md-border-radius:8px;--okd-suggestionchips-md-min-width:32px;--okd-suggestionchips-md-min-height:32px;--okd-suggestionchips-md-padding-vertical:0px;--okd-suggestionchips-md-padding-horizontal:8px}.okui-suggestion-chips{align-items:center;border:1px solid transparent;cursor:pointer;display:flex;justify-content:center;text-align:center}.okui-suggestion-chips.okui-suggestion-chips-sm{border-radius:8px;border-radius:var(--okd-suggestionchips-sm-border-radius,8px);font-size:12px;font-size:var(--okd-suggestionchips-sm-font-size,12px);font-weight:400;font-weight:var(--okd-suggestionchips-sm-font-weight,400);line-height:16px;line-height:var(--okd-suggestionchips-sm-line-height,16px);min-height:28px;min-height:var(--okd-suggestionchips-sm-min-height,28px);min-width:32px;min-width:var(--okd-suggestionchips-sm-min-width,32px);padding:0 8px;padding:var(--okd-suggestionchips-sm-padding-vertical,0) var(--okd-suggestionchips-sm-padding-horizontal,8px)}.okui-suggestion-chips.okui-suggestion-chips-md{border-radius:8px;border-radius:var(--okd-suggestionchips-md-border-radius,8px);font-size:14px;font-size:var(--okd-suggestionchips-md-font-size,14px);font-weight:400;font-weight:var(--okd-suggestionchips-md-font-weight,400);line-height:16px;line-height:var(--okd-suggestionchips-md-line-height,16px);min-height:32px;min-height:var(--okd-suggestionchips-md-min-height,32px);min-width:32px;min-width:var(--okd-suggestionchips-md-min-width,32px);padding:0 8px;padding:var(--okd-suggestionchips-md-padding-vertical,0) var(--okd-suggestionchips-md-padding-horizontal,8px)}.okui-suggestion-chips-truncate{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.okui-suggestion-chips-primary{background:var(--okd-color-background-surface-primary);background:var(--okd-suggestionchips-primary-default-background,var(--okd-color-background-surface-primary));color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-primary-default-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-primary.hover,.okui-suggestion-chips-primary:not(.okui-suggestion-chips-primary-disabled):not(.okui-suggestion-chips-primary-focus):hover{background:var(--okd-color-background-surface-pressed);background:var(--okd-suggestionchips-primary-hover-background,var(--okd-color-background-surface-pressed));color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-primary-hover-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-primary.active,.okui-suggestion-chips-primary:not(.okui-suggestion-chips-primary-disabled):active{background:var(--okd-color-background-surface-pressed);background:var(--okd-suggestionchips-primary-active-background,var(--okd-color-background-surface-pressed));color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-primary-active-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-primary.disabled,.okui-suggestion-chips-primary.okui-suggestion-chips-primary-disabled{background:var(--okd-color-background-surface-disable);background:var(--okd-suggestionchips-primary-disabled-background,var(--okd-color-background-surface-disable));color:var(--okd-color-content-disabled);color:var(--okd-suggestionchips-primary-disabled-font-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-suggestion-chips-secondary{background:transparent;background:var(--okd-suggestionchips-secondary-default-background,transparent);border-color:var(--okd-suggestionchips-secondary-default-border-color,var(--okd-color-border-primary));color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-secondary-default-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-secondary.hover,.okui-suggestion-chips-secondary:not(.okui-suggestion-chips-secondary-disabled):not(.okui-suggestion-chips-secondary-focus):hover{background:var(--okd-color-background-surface-pressed);background:var(--okd-suggestionchips-secondary-hover-background,var(--okd-color-background-surface-pressed));border-color:transparent;border-color:var(--okd-suggestionchips-secondary-hover-border-color,transparent);color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-secondary-hover-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-secondary.active,.okui-suggestion-chips-secondary:not(.okui-suggestion-chips-secondary-disabled):active{background:var(--okd-color-background-surface-pressed);background:var(--okd-suggestionchips-secondary-active-background,var(--okd-color-background-surface-pressed));border-color:transparent;border-color:var(--okd-suggestionchips-secondary-active-border-color,transparent);color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-secondary-active-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-secondary.disabled,.okui-suggestion-chips-secondary.okui-suggestion-chips-secondary-disabled{background:transparent;background:var(--okd-suggestionchips-secondary-disabled-background,transparent);border-color:var(--okd-suggestionchips-secondary-disabled-border-color,var(--okd-color-border-primary));color:var(--okd-color-content-disabled);color:var(--okd-suggestionchips-secondary-disabled-font-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-suggestion-chips-tertiary{background:transparent;background:var(--okd-suggestionchips-tertiary-default-background,transparent);color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-tertiary-default-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-tertiary.hover,.okui-suggestion-chips-tertiary:not(.okui-suggestion-chips-tertiary-disabled):not(.okui-suggestion-chips-tertiary-focus):hover{background:var(--okd-color-background-surface-pressed);background:var(--okd-suggestionchips-tertiary-hover-background,var(--okd-color-background-surface-pressed));color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-tertiary-hover-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-tertiary.active,.okui-suggestion-chips-tertiary:not(.okui-suggestion-chips-tertiary-disabled):active{background:var(--okd-color-background-surface-pressed);background:var(--okd-suggestionchips-tertiary-active-background,var(--okd-color-background-surface-pressed));color:var(--okd-color-content-primary);color:var(--okd-suggestionchips-tertiary-active-font-color,var(--okd-color-content-primary))}.okui-suggestion-chips-tertiary.disabled,.okui-suggestion-chips-tertiary.okui-suggestion-chips-tertiary-disabled{background:var(--okd-color-background-surface-disable);background:var(--okd-suggestionchips-tertiary-disabled-background,var(--okd-color-background-surface-disable));color:var(--okd-color-content-disabled);color:var(--okd-suggestionchips-tertiary-disabled-font-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-tag-fill-lime{background-color:var(--okd-tag-fill-lime-background-color);border-color:var(--okd-tag-fill-lime-border-color);color:var(--okd-tag-fill-lime-font-color)}.okui-tag.okui-tag-fill-lime{font-weight:700}.okui-tag-outline-lightgrey{background-color:var(--okd-tag-outline-lightgrey-background-color);border-color:var(--okd-tag-outline-lightgrey-border-color);color:var(--okd-tag-outline-lightgrey-font-color)}.okui-tag-outline-grey{background-color:var(--okd-tag-outline-grey-background-color);border-color:var(--okd-tag-outline-grey-border-color);color:var(--okd-tag-outline-grey-font-color)}.okui-tag-sm{--okd-tag-inner-height:var(--okd-tag-sm-height,16px);border-radius:4px;border-radius:var(--okd-tag-sm-border-radius,4px);border-width:1px;border-width:var(--okd-tag-sm-border-width,1px);font-size:12px;font-size:var(--okd-tag-sm-font-size,12px);font-weight:400;font-weight:var(--okd-tag-sm-font-weight,400);line-height:16px;line-height:var(--okd-tag-sm-line-height,16px);padding:2px 4px;padding:var(--okd-tag-sm-padding-vertical,2px) var(--okd-tag-sm-padding-horizontal,4px)}.okui-tag-sm .okui-tag-icon{font-size:12px;font-size:var(--okd-tag-sm-icon-size,12px)}.okui-tag-md{--okd-tag-inner-height:var(--okd-tag-md-height,20px);border-radius:4px;border-radius:var(--okd-tag-md-border-radius,4px);border-width:1px;border-width:var(--okd-tag-md-border-width,1px);font-size:12px;font-size:var(--okd-tag-md-font-size,12px);font-weight:400;font-weight:var(--okd-tag-md-font-weight,400);line-height:16px;line-height:var(--okd-tag-md-line-height,16px);padding:2px 4px;padding:var(--okd-tag-md-padding-vertical,2px) var(--okd-tag-md-padding-horizontal,4px)}.okui-tag-md .okui-tag-icon{font-size:16px;font-size:var(--okd-tag-md-icon-size,16px)}.okui-tag-lg{--okd-tag-inner-height:var(--okd-tag-lg-height,24px);border-radius:4px;border-radius:var(--okd-tag-lg-border-radius,4px);border-width:1px;border-width:var(--okd-tag-lg-border-width,1px);font-size:12px;font-size:var(--okd-tag-lg-font-size,12px);font-weight:400;font-weight:var(--okd-tag-lg-font-weight,400);line-height:16px;line-height:var(--okd-tag-lg-line-height,16px);padding:2px 4px;padding:var(--okd-tag-lg-padding-vertical,2px) var(--okd-tag-lg-padding-horizontal,4px)}.okui-tag-lg .okui-tag-icon{font-size:16px;font-size:var(--okd-tag-lg-icon-size,16px)}.okui-tag-fixed-height{height:var(--okd-tag-inner-height);padding-bottom:0;padding-top:0}.okui-tag{align-items:center;border-style:solid;box-sizing:border-box;display:inline-flex}.okui-tag-ellipsis{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okui-tag-icon{padding-right:2px}.okui-tag-outline-tangerine{background-color:var(--okd-tag-outline-tangerine-background-color);border-color:var(--okd-tag-outline-tangerine-border-color);color:var(--okd-tag-outline-tangerine-font-color)}.theme-dark,.theme-light{--okd-textbutton-default-color:var(--okd-color-content-interactive-default);--okd-textbutton-hover-color:var(--okd-color-content-interactive-hovered);--okd-textbutton-active-color:var(--okd-color-content-interactive-pressed);--okd-textbutton-disabled-color:var(--okd-color-content-interactive-disabled);--okd-textbutton-leading-icon-margin-right:4px;--okd-textbutton-trailing-icon-margin-left:4px;--okd-textbutton-sm-font-size:12px;--okd-textbutton-sm-line-height:16px;--okd-textbutton-md-font-size:14px;--okd-textbutton-md-line-height:16px;--okd-textbutton-lg-font-size:16px;--okd-textbutton-lg-line-height:20px;--okd-textbutton-regular-font-weight:400;--okd-textbutton-medium-font-weight:500;--okd-textbutton-bold-font-weight:700;--okd-textbutton-icon-sm-font-size:16px;--okd-textbutton-icon-md-font-size:16px;--okd-textbutton-icon-lg-font-size:18px;--okd-textbutton-sm-padding-horizontal:12px;--okd-textbutton-sm-padding-vertical:8px;--okd-textbutton-md-padding-horizontal:12px;--okd-textbutton-md-padding-vertical:8px;--okd-textbutton-lg-padding-horizontal:16px;--okd-textbutton-lg-padding-vertical:8px;--okd-textbutton-border-radius:50px;--okd-textbutton-hover-background:var(--okd-color-surface-interactive-hovered);--okd-textbutton-active-background:var(--okd-color-surface-interactive-pressed);--okd-textbutton-sm-min-height:32px;--okd-textbutton-sm-min-width:40px;--okd-textbutton-md-min-height:36px;--okd-textbutton-md-min-width:48px;--okd-textbutton-lg-min-height:40px;--okd-textbutton-lg-min-width:56px}.okui-textbutton{align-items:center;box-sizing:border-box;color:var(--okd-color-content-primary);color:var(--okd-textbutton-default-color,var(--okd-color-content-primary));cursor:pointer;display:inline-flex;justify-content:center;text-decoration:none}.okui-textbutton-leading-icon{font-weight:400;margin-right:4px;margin-right:var(--okd-textbutton-leading-icon-margin-right,4px)}.okui-textbutton-trailing-icon{font-weight:400;margin-left:4px;margin-left:var(--okd-textbutton-trailing-icon-margin-left,4px)}.okui-textbutton-padding{border-radius:50px;border-radius:var(--okd-textbutton-border-radius,50px)}.okui-textbutton-sm{font-size:12px;font-size:var(--okd-textbutton-sm-font-size,12px);line-height:16px;line-height:var(--okd-textbutton-sm-line-height,16px)}.okui-textbutton-padding.okui-textbutton-sm{min-height:32px;min-height:var(--okd-textbutton-sm-min-height,32px);min-width:40px;min-width:var(--okd-textbutton-sm-min-width,40px);padding:8px 12px;padding:var(--okd-textbutton-sm-padding-vertical,8px) var(--okd-textbutton-sm-padding-horizontal,12px)}.okui-textbutton .okui-textbutton-icon-sm{font-size:16px;font-size:var(--okd-textbutton-icon-sm-font-size,16px)}.okui-textbutton-md{font-size:14px;font-size:var(--okd-textbutton-md-font-size,14px);line-height:16px;line-height:var(--okd-textbutton-md-line-height,16px)}.okui-textbutton-padding.okui-textbutton-md{min-height:36px;min-height:var(--okd-textbutton-md-min-height,36px);min-width:48px;min-width:var(--okd-textbutton-md-min-width,48px);padding:8px 12px;padding:var(--okd-textbutton-md-padding-vertical,8px) var(--okd-textbutton-md-padding-horizontal,12px)}.okui-textbutton .okui-textbutton-icon-md{font-size:16px;font-size:var(--okd-textbutton-icon-md-font-size,16px)}.okui-textbutton-lg{font-size:16px;font-size:var(--okd-textbutton-lg-font-size,16px);line-height:20px;line-height:var(--okd-textbutton-lg-line-height,20px)}.okui-textbutton-padding.okui-textbutton-lg{min-height:40px;min-height:var(--okd-textbutton-lg-min-height,40px);min-width:56px;min-width:var(--okd-textbutton-lg-min-width,56px);padding:8px 16px;padding:var(--okd-textbutton-lg-padding-vertical,8px) var(--okd-textbutton-lg-padding-horizontal,16px)}.okui-textbutton .okui-textbutton-icon-lg{font-size:18px;font-size:var(--okd-textbutton-icon-lg-font-size,18px)}.okui-textbutton-regular{font-weight:400;font-weight:var(--okd-textbutton-regular-font-weight,400)}.okui-textbutton-medium{font-weight:500;font-weight:var(--okd-textbutton-medium-font-weight,500)}.okui-textbutton-bold{font-weight:700;font-weight:var(--okd-textbutton-bold-font-weight,700)}.okui-textbutton.hover,.okui-textbutton:not(.okui-textbutton-disabled):hover{color:var(--okd-color-content-primary);color:var(--okd-textbutton-hover-color,var(--okd-color-content-primary))}.okui-textbutton.hover.okui-textbutton-padding,.okui-textbutton:not(.okui-textbutton-disabled):hover.okui-textbutton-padding{background-color:var(--okd-color-background-surface-pressed);background-color:var(--okd-textbutton-hover-background,var(--okd-color-background-surface-pressed))}.okui-textbutton.active,.okui-textbutton:not(.okui-textbutton-disabled):active{color:var(--okd-color-content-primary);color:var(--okd-textbutton-active-color,var(--okd-color-content-primary))}.okui-textbutton.active.okui-textbutton-padding,.okui-textbutton:not(.okui-textbutton-disabled):active.okui-textbutton-padding{background-color:var(--okd-color-background-surface-pressed);background-color:var(--okd-textbutton-active-background,var(--okd-color-background-surface-pressed))}.okui-textbutton-disabled,.okui-textbutton.disabled{color:var(--okd-color-content-disabled);color:var(--okd-textbutton-disabled-color,var(--okd-color-content-disabled));cursor:not-allowed}.okui-transition-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;position:fixed;transform:translateY(100%);transform-style:preserve-3d;transition:transform .3s linear,opacity .3s linear}.okui-transition-slide-active{will-change:transform,opacity}.okui-transition-slide-cubic{transition-timing-function:ease}.okui-transition-slide-top{left:0;top:0;width:100%}.okui-transition-slide-bottom{bottom:0;left:0;width:100%}.okui-transition-slide-left{height:100%;left:0;top:0}.okui-transition-slide-right{height:100%;right:0;top:0}.okui-transition-slide-entered,.okui-transition-slide-entering{opacity:1;transform:none}.okui-transition-slide-exited,.okui-transition-slide-exiting{opacity:0}.okui-transition-slide-exited.okui-transition-slide-top,.okui-transition-slide-exiting.okui-transition-slide-top{transform:translateY(-100%)}.okui-transition-slide-exited.okui-transition-slide-bottom,.okui-transition-slide-exiting.okui-transition-slide-bottom{transform:translateY(100%)}.okui-transition-slide-exited.okui-transition-slide-left,.okui-transition-slide-exiting.okui-transition-slide-left{transform:translateX(-100%)}.okui-transition-slide-exited.okui-transition-slide-right,.okui-transition-slide-exiting.okui-transition-slide-right{transform:translateX(100%)}@media (hover:none) and (pointer:coarse){.okui-transition-slide{transition-duration:.2s}}.okui-transition-fade{transition:opacity .3s linear}.okui-transition-fade-active{will-change:opacity}.okui-transition-fade-ease-out{transition-timing-function:cubic-bezier(.5,0,.52,1)}.okui-transition-fade-entered,.okui-transition-fade-entering{opacity:1}.okui-transition-fade-exited,.okui-transition-fade-exiting{opacity:0}.theme-light{--okd-upload-active-border-color:#0569ff;--okd-upload-active-logo-color:#0569ff;--okd-upload-active-background-color:rgba(245,249,255,.45);--okd-upload-active-label-color:#0569ff;--okd-upload-error-border-color:var(--okd-color-border-interactive-error);--okd-upload-error-logo-color:var(--okd-color-content-interactive-error);--okd-upload-error-background-color:var(--okd-color-surface-structural-base);--okd-upload-error-label-color:var(--okd-color-content-static-default);--okd-upload-success-border-color:var(--okd-color-border-success-default);--okd-upload-success-logo-color:var(--okd-color-content-success-default);--okd-upload-error-retry-text-color:var(--okd-color-content-static-default);--okd-upload-success-background-color:var(--okd-color-surface-structural-base);--okd-upload-pc-label-font-size:var(--okd-font-size-base);--okd-upload-pc-label-line-height:var(--okd-line-height-base);--okd-upload-pc-desc-font-size:var(--okd-font-size-xs);--okd-upload-pc-desc-line-height:var(--okd-line-height-xs);--okd-upload-mobile-label-font-size:var(--okd-font-size-md);--okd-upload-mobile-label-line-height:var(--okd-line-height-md);--okd-upload-mobile-desc-font-size:var(--okd-font-size-md);--okd-upload-mobile-desc-line-height:var(--okd-line-height-md);--okd-upload-filelist-count-font-size:var(--okd-font-size-base);--okd-upload-filelist-count-line-height:var(--okd-line-height-base);--okd-upload-file-name-font-size:var(--okd-font-size-md);--okd-upload-file-name-line-height:var(--okd-line-height-md);--okd-upload-file-desc-font-size:var(--okd-font-size-xs);--okd-upload-file-desc-line-height:var(--okd-line-height-xs);--okd-upload-text-btn-color:var(--okd-color-content-tertiary);--okd-upload-list-font-size:var(--okd-font-size-base);--okd-upload-list-line-height:var(--okd-line-height-base);--okd-upload-list-color:#000;--okd-upload-list-retry-font-size:var(--okd-font-size-md);--okd-upload-list-retry-line-height:var(--okd-line-height-md);--okd-upload-list-retry-color:#0569ff;--okd-upload-list-label-font-size:var(--okd-font-size-md);--okd-upload-list-label-line-height:var(--okd-line-height-md);--okd-upload-list-desc-font-size:var(--okd-font-size-xs);--okd-upload-list-desc-line-height:var(--okd-line-height-xs);--okd-upload-list-desc-color:#929292;--okd-upload-patch-entry-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-upload-patch-item-background:var(--okd-color-surface-structural-layer-1);--okd-upload-patch-item-title-color:var(--okd-color-content-static-subtle);--okd-upload-patch-item-desc-color:var(--okd-color-content-static-subtler);--okd-upload-patch-item-error-icon-color:var(--okd-color-content-interactive-error);--okd-upload-patch-item-error-text-color:var(--okd-color-content-interactive-error);--okd-upload-patch-item-success-icon-color:var(--okd-color-content-success-default);--okd-upload-patch-item-remove-icon-color:var(--okd-color-content-static-subtle);--okd-upload-patch-item-mobile-remove-icon-color:var(--okd-color-content-static-subtle);--okd-upload-patch-item-retry-text-color:var(--okd-color-content-static-subtler);--okd-upload-patch-item-placeholder-icon-color:var(--okd-color-content-interactive-disabled);--okd-upload-patch-tip-color:var(--okd-color-content-static-default);--okd-upload-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-upload-disabled-border-color:var(--okd-color-border-primary);--okd-upload-patch-item-mobile-default-border-color:var(--okd-color-border-static-default);--okd-upload-patch-item-mobile-active-border-color:var(--okd-color-border-static-default);--okd-upload-patch-item-mobile-success-border-color:var(--okd-color-border-success-default);--okd-upload-patch-item-mobile-error-border-color:var(--okd-color-border-interactive-error);--okd-upload-default-icon-color:var(--okd-color-global-fixed-always-light);--okd-upload-default-border-color:var(--okd-color-border-static-default);--okd-upload-default-logo-color:var(--okd-color-content-static-subtler);--okd-upload-default-background-color:hsla(0,0%,100%,0);--okd-upload-default-label-color:var(--okd-color-content-static-default);--okd-upload-default-desc-color:var(--okd-color-content-static-subtler);--okd-upload-disabled-logo-color:var(--okd-color-content-interactive-disabled);--okd-upload-disabled-label-color:var(--okd-color-border-interactive-disabled);--okd-upload-disabled-desc-color:var(--okd-color-content-interactive-disabled)}.theme-dark{--okd-upload-active-border-color:#1e6bff;--okd-upload-active-logo-color:#1e6bff;--okd-upload-active-background-color:rgba(5,23,56,.45);--okd-upload-active-label-color:#1e6bff;--okd-upload-error-border-color:var(--okd-color-border-interactive-error);--okd-upload-error-logo-color:var(--okd-color-content-interactive-error);--okd-upload-error-background-color:var(--okd-color-surface-structural-base);--okd-upload-error-label-color:var(--okd-color-content-static-default);--okd-upload-success-border-color:var(--okd-color-border-success-default);--okd-upload-success-logo-color:var(--okd-color-content-success-default);--okd-upload-error-retry-text-color:var(--okd-color-content-static-default);--okd-upload-success-background-color:var(--okd-color-surface-structural-base);--okd-upload-pc-label-font-size:var(--okd-font-size-base);--okd-upload-pc-label-line-height:var(--okd-line-height-base);--okd-upload-pc-desc-font-size:var(--okd-font-size-xs);--okd-upload-pc-desc-line-height:var(--okd-line-height-xs);--okd-upload-mobile-label-font-size:var(--okd-font-size-md);--okd-upload-mobile-label-line-height:var(--okd-line-height-md);--okd-upload-mobile-desc-font-size:var(--okd-font-size-md);--okd-upload-mobile-desc-line-height:var(--okd-line-height-md);--okd-upload-filelist-count-font-size:var(--okd-font-size-base);--okd-upload-filelist-count-line-height:var(--okd-line-height-base);--okd-upload-file-name-font-size:var(--okd-font-size-md);--okd-upload-file-name-line-height:var(--okd-line-height-md);--okd-upload-file-desc-font-size:var(--okd-font-size-xs);--okd-upload-file-desc-line-height:var(--okd-line-height-xs);--okd-upload-text-btn-color:var(--okd-color-content-tertiary);--okd-upload-list-font-size:var(--okd-font-size-base);--okd-upload-list-line-height:var(--okd-line-height-base);--okd-upload-list-color:#fafafa;--okd-upload-list-retry-font-size:var(--okd-font-size-md);--okd-upload-list-retry-line-height:var(--okd-line-height-md);--okd-upload-list-retry-color:#1e6bff;--okd-upload-list-label-font-size:var(--okd-font-size-md);--okd-upload-list-label-line-height:var(--okd-line-height-md);--okd-upload-list-desc-font-size:var(--okd-font-size-xs);--okd-upload-list-desc-line-height:var(--okd-line-height-xs);--okd-upload-list-desc-color:#909090;--okd-upload-patch-item-background:var(--okd-color-surface-structural-layer-1);--okd-upload-patch-item-title-color:var(--okd-color-content-static-subtle);--okd-upload-patch-item-desc-color:var(--okd-color-content-static-subtler);--okd-upload-patch-item-error-icon-color:var(--okd-color-content-interactive-error);--okd-upload-patch-item-error-text-color:var(--okd-color-content-interactive-error);--okd-upload-patch-item-success-icon-color:var(--okd-color-content-success-default);--okd-upload-patch-item-remove-icon-color:var(--okd-color-content-static-subtle);--okd-upload-patch-item-mobile-remove-icon-color:var(--okd-color-content-static-subtle);--okd-upload-patch-item-retry-text-color:var(--okd-color-content-static-subtler);--okd-upload-patch-item-placeholder-icon-color:var(--okd-color-content-interactive-disabled);--okd-upload-patch-tip-color:var(--okd-color-content-static-default);--okd-upload-patch-entry-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-upload-disabled-background:var(--okd-color-surface-interactive-disabled);--okd-upload-disabled-border-color:var(--okd-color-border-primary);--okd-upload-patch-item-mobile-default-border-color:var(--okd-color-border-static-default);--okd-upload-patch-item-mobile-active-border-color:var(--okd-color-border-static-default);--okd-upload-patch-item-mobile-success-border-color:var(--okd-color-border-success-default);--okd-upload-patch-item-mobile-error-border-color:var(--okd-color-border-interactive-error);--okd-upload-default-icon-color:var(--okd-color-global-fixed-always-light);--okd-upload-default-border-color:var(--okd-color-border-static-default);--okd-upload-default-logo-color:var(--okd-color-content-static-subtler);--okd-upload-default-background-color:transparent;--okd-upload-default-label-color:var(--okd-color-content-static-default);--okd-upload-default-desc-color:var(--okd-color-content-static-subtler);--okd-upload-disabled-logo-color:var(--okd-color-content-interactive-disabled);--okd-upload-disabled-label-color:var(--okd-color-border-interactive-disabled);--okd-upload-disabled-desc-color:var(--okd-color-content-interactive-disabled)}.okui-dropzone-patch-item{align-items:center;background:#f9f9f9;background:var(--okd-upload-patch-item-background,#f9f9f9);border-radius:4px;display:flex;justify-content:space-between;list-style:none;margin-top:8px;padding:8px}.okui-dropzone-patch-item-block{display:flex}.okui-dropzone-patch-item-img{cursor:pointer;height:36px;margin-right:12px;width:36px}.okui-dropzone-patch-item-img .placeholder-icon{color:#dbdbdb;color:var(--okd-upload-patch-item-placeholder-icon-color,#dbdbdb);font-size:36px}.okui-dropzone-patch-item-content{display:flex;flex-direction:column}.okui-dropzone-patch-item-title{color:#3d3d3d;color:var(--okd-upload-patch-item-title-color,#3d3d3d);font-size:14px;line-height:16px}.okui-dropzone-patch-item-desc{align-items:center;color:#929292;color:var(--okd-upload-patch-item-desc-color,#929292);display:flex;font-size:12px;margin-top:4px}.okui-dropzone-patch-item-gap{margin-right:4px}.okui-dropzone-patch-item-loader{height:16px;width:16px}.okui-dropzone-patch-item-icon-success{color:#05c28c;color:var(--okd-upload-patch-item-success-icon-color,#05c28c);font-size:12px}.okui-dropzone-patch-item-icon-error{color:#e3493f;color:var(--okd-upload-patch-item-error-icon-color,#e3493f);font-size:12px}.okui-dropzone-patch-item-error-text{color:#e3493f;color:var(--okd-upload-patch-item-error-text-color,#e3493f)}.okui-dropzone-patch-item-retry{color:#0569ff;color:var(--okd-upload-patch-item-retry-text-color,#0569ff);cursor:pointer;font-size:12px;font-weight:500;line-height:16px}.okui-dropzone-patch-item .remove-icon{color:#bdbdbd;color:var(--okd-upload-patch-item-remove-icon-color,#bdbdbd);cursor:pointer;font-size:20px}.okui-dropzone-patch-item-dot{background-color:#929292;background-color:var(--okd-upload-patch-item-desc-color,#929292);border-radius:50%;height:3px;margin:0 6px;width:3px}.okui-dropzone{cursor:pointer;width:100%}.okui-dropzone-focus{border-radius:4px;outline:2px solid var(--okd-color-border-focus);outline-color:var(--okd-color-border-focus);outline-offset:2px;outline-style:solid;outline-width:2px}.okui-dropzone-contents{display:contents}.okui-dropzone-area{align-items:center;background-color:initial;background-color:var(--okd-upload-default-background-color,transparent);border:2px dashed #dbdbdb;border:2px dashed var(--okd-upload-default-border-color,#dbdbdb);border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:100%;justify-content:center;position:relative;transition:all .3s;width:100%}.okui-dropzone-status-area{display:contents}.okui-dropzone-input-file{display:block}.okui-dropzone-preview-dialog{padding-top:0}.okui-dropzone{display:inline-flex;flex-direction:column}.okui-dropzone:hover .okui-dropzone-preview-mask{background:rgba(0,0,0,.4);opacity:1}.okui-dropzone:focus-within .preview-focus{background:rgba(0,0,0,.4);opacity:1}.okui-dropzone-status-box{align-items:center;display:flex;flex-direction:column;width:100%}.okui-dropzone-text-btn{color:var(--okd-upload-text-btn-color);text-decoration:underline}.okui-dropzone-logo{color:#dbdbdb;color:var(--okd-upload-default-logo-color,#dbdbdb)}.okui-dropzone-icon-url{margin-bottom:12px;width:64px}.okui-dropzone-loader{margin-bottom:12px}.okui-dropzone-preview{align-items:center;box-sizing:border-box;cursor:auto;display:flex;height:100%;justify-content:center;padding:8px;width:100%}.okui-dropzone-preview-img{height:100%;width:100%}.okui-dropzone-preview-mask{bottom:8px;left:8px;opacity:0;position:absolute;right:8px;text-align:center;top:8px;transition:all .3s;visibility:visible}.okui-dropzone-preview-icon{display:flex;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.okui-dropzone-preview-mask .icon-box+.icon-box{margin-left:40px}.okui-dropzone-preview-mask .icon-box{color:#fff;color:var(--okd-upload-default-icon-color,#fff);cursor:pointer;font-size:30px}.okui-dropzone-title{color:#929292;color:var(--okd-upload-default-label-color,#929292);font-size:var(--okd-upload-pc-label-font-size);font-weight:500;line-height:var(--okd-upload-pc-label-line-height);margin-bottom:8px;padding:0 10px;text-align:center}.okui-dropzone-label{padding-left:8px}.okui-dropzone-desc{box-sizing:border-box;color:#929292;color:var(--okd-upload-default-desc-color,#929292);font-size:var(--okd-upload-pc-desc-font-size);font-weight:400;line-height:var(--okd-upload-pc-desc-line-height);max-width:100%;overflow:hidden;padding:0 1em;text-align:center;text-overflow:ellipsis;white-space:break-spaces}.okui-dropzone-active .okui-dropzone-area{background-color:var(--okd-upload-active-background-color);border-color:var(--okd-upload-active-border-color)}.okui-dropzone-active .okui-dropzone-title{color:var(--okd-upload-active-label-color)}.okui-dropzone-active .okui-dropzone-desc{display:none}.okui-dropzone-area .okui-dropzone-logo{font-size:48px}.okui-dropzone-active .okui-dropzone-logo{color:var(--okd-upload-active-logo-color)}.okui-dropzone-error .okui-dropzone-area{background-color:var(--okd-upload-error-background-color);border-color:var(--okd-upload-error-border-color)}.okui-dropzone-error .okui-dropzone-title{color:var(--okd-upload-error-label-color)}.okui-dropzone-error .okui-dropzone-logo{color:var(--okd-upload-error-logo-color)}.okui-dropzone-error .okui-dropzone-retry{color:var(--okd-upload-error-retry-text-color);cursor:pointer}.okui-dropzone-success .okui-dropzone-area{border-color:var(--okd-upload-success-border-color);border-style:solid}.okui-dropzone-success .okui-dropzone-logo{color:var(--okd-upload-success-logo-color)}.okui-dropzone-uploading .okui-dropzone-area{border-style:solid}.okui-dropzone-disabled{cursor:not-allowed}.okui-dropzone-disabled .okui-dropzone-logo{color:var(--okd-upload-default-logo-color);color:var(--okd-upload-disabled-logo-color,var(--okd-upload-default-logo-color))}.okui-dropzone-disabled .okui-dropzone-title{color:var(--okd-upload-default-label-color);color:var(--okd-upload-disabled-label-color,var(--okd-upload-default-label-color))}.okui-dropzone-disabled .okui-dropzone-desc{color:var(--okd-upload-default-desc-color);color:var(--okd-upload-disabled-desc-color,var(--okd-upload-default-desc-color))}.okui-dropzone-disabled .okui-dropzone-area{background-color:#f9f9f9;background-color:var(--okd-upload-disabled-background,#f9f9f9);border-color:#ced3de;border-color:var(--okd-upload-disabled-border-color,#ced3de);border-style:solid}@media (max-width:767px){.okui-dropzone-title{align-items:center;display:flex;flex-direction:column;font-size:var(--okd-upload-mobile-label-font-size);line-height:var(--okd-upload-mobile-label-line-height);margin-bottom:0}.okui-dropzone-title .okui-dropzone-label{display:none}.okui-dropzone-desc{font-size:var(--okd-upload-mobile-desc-font-size);line-height:var(--okd-upload-mobile-desc-line-height);white-space:nowrap}.okui-dropzone-area .okui-dropzone-logo{font-size:32px}.okui-dropzone-logo.okui-dropzone-logo-xl{display:none}.okui-dropzone-logo.okui-dropzone-logo-md{display:unset}}.okui-dropzone-preview-picture{display:block;margin:0 auto;max-height:80vh;max-width:70vw}.okui-dropzone-preview-picture-sm{height:100%;object-fit:contain;width:100%}.okui-dropzone-patch-mobile{display:flex;flex-wrap:wrap;margin-right:-8px}.okui-dropzone-patch-mobile-entry{height:100px;margin-right:8px;width:100px}.okui-dropzone-patch-mobile-entry .okui-dropzone-patch-mobile-entry-icon{font-size:32px}.okui-dropzone-patch-mobile-entry-disabled{cursor:not-allowed}.okui-dropzone-patch-mobile-block{align-items:center;background:#f9f9f9;background:var(--okd-upload-patch-item-background,#f9f9f9);border:1px solid #ebebeb;border:1px solid var(--okd-upload-patch-item-mobile-default-border-color,#ebebeb);border-radius:4px;box-sizing:border-box;color:#929292;color:var(--okd-upload-patch-item-desc-color,#929292);display:flex;flex-direction:column;font-size:12px;height:100px;justify-content:center;margin-bottom:8px;margin-right:8px;padding:4px;position:relative;width:100px}.okui-dropzone-patch-mobile-uploading{border-color:#ebebeb;border-color:var(--okd-upload-patch-item-mobile-active-border-color,#ebebeb)}.okui-dropzone-patch-mobile-success{border-color:#ebebeb;border-color:var(--okd-upload-patch-item-mobile-success-border-color,#ebebeb)}.okui-dropzone-patch-mobile-error{border-color:#ebebeb;border-color:var(--okd-upload-patch-item-mobile-error-border-color,#ebebeb)}.okui-dropzone-patch-mobile-img{cursor:pointer;height:100%;left:0;top:0;width:100%}.okui-dropzone-patch-mobile-img .placeholder-icon{color:#dbdbdb;color:var(--okd-upload-patch-item-placeholder-icon-color,#dbdbdb);font-size:36px}.okui-dropzone-patch-mobile-content{display:flex;flex-direction:column}.okui-dropzone-patch-mobile-gap{margin-bottom:4px}.okui-dropzone-patch-mobile-loader{height:16px;width:16px}.okui-dropzone-patch-mobile .okui-dropzone-patch-mobile-icon-success{color:#05c28c;color:var(--okd-upload-patch-item-success-icon-color,#05c28c);font-size:24px}.okui-dropzone-patch-mobile .okui-dropzone-patch-mobile-icon-error{color:#e3493f;color:var(--okd-upload-patch-item-error-icon-color,#e3493f);font-size:24px}.okui-dropzone-patch-mobile-retry{color:#0569ff;color:var(--okd-upload-patch-item-retry-text-color,#0569ff);cursor:pointer;font-size:12px;font-weight:500;line-height:16px}.okui-dropzone-patch-mobile .okui-dropzone-patch-mobile-remove{color:#000;color:var(--okd-upload-patch-item-mobile-remove-icon-color,#000);cursor:pointer;font-size:16px;position:absolute;right:0;top:0;transform:translate(50%,-50%)}.okui-dropzone-patch{width:100%}.okui-dropzone-patch-file-number{color:#000;color:var(--okd-upload-patch-tip-color,#000);margin-top:12px}.okui-dropzone-patch-entry{width:100%}.okui-dropzone-patch-entry .okui-dropzone-patch-entry-icon{font-size:48px}.okui-dropzone-patch-entry-disabled{cursor:not-allowed}@media (max-width:767px){.okui-dropzone-patch-file-number{display:none}}.okui-dropzone-patch-dialog{padding-top:0}.okui-dropzone-patch-dialog-top{height:0}.okui-dropzone-patch-preview{display:block;margin:0 auto;max-height:80vh;max-width:70vw}.okui-dropzone-simple-weight.okui-dropzone-simple{height:100px;width:100px}.okui-dropzone-simple-weight.okui-dropzone-simple .okui-dropzone-desc,.okui-dropzone-simple-weight.okui-dropzone-simple .okui-dropzone-title{display:none}.okui-dropzone-simple-weight.okui-dropzone-simple .okui-dropzone-loader{margin-bottom:0}.okui-dropzone-simple-weight.okui-dropzone-simple .okui-dropzone-area .okui-dropzone-logo{font-size:40px}.okui-dropzone-simple-weight.okui-dropzone-simple .okui-dropzone-preview-mask .okui-dropzone-icon-delete{font-size:24px}.okui-dropzone-simple-weight.okui-dropzone-simple .okui-dropzone-preview-mask .icon-box+.icon-box{margin-left:12px}.okui-dropzone-simple-weight.okui-dropzone-simple .okui-dropzone-preview-mask .okui-dropzone-icon-zoomin{font-size:24px}.okui-dropzone-simple-weight.okui-dropzone-simple .simple-container{width:100%}.okui-dropzone-simple-error{color:var(--okd-upload-error-label-color);font-size:12px;font-weight:500;line-height:16px;margin-top:4px;max-width:100px}.okui-dropzone-simple-try-again{color:var(--okd-upload-error-retry-text-color);cursor:pointer;font-size:12px;font-weight:500;line-height:16px;margin-left:4px}.okui-waterfall-container{width:100%}.okui-waterfall-list{position:relative;width:100%}.okui-waterfall-list-ssr{grid-column-gap:var(--okd-waterfall-gap);grid-row-gap:var(--okd-waterfall-gap);display:grid;grid-template-columns:repeat(var(--okd-waterfall-column),1fr)}.okui-waterfall-item{box-sizing:border-box;left:0;position:absolute;top:0}