birdpaper-ui
Version:
一个通用的 vue3 UI组件库。A common vue3 UI component library.
1 lines • 94.2 kB
CSS
:export{primary-0:#f0f7fc;primary-1:#e6f4ff;primary-2:#bae0ff;primary-3:#91caff;primary-4:#449efb;primary-5:#4096ff;primary-6:#1677ff;primary-7:#0958d9;primary-8:#003eb3;primary-9:#002c8c;success-0:#edfceb;success-1:#e5f8db;success-2:#d9f7be;success-3:#b7eb8f;success-4:#95de64;success-5:#73d13d;success-6:#52c41a;success-7:#209124;success-8:#237804;success-9:#135200;warning-0:#fff7e6;warning-1:#faefd7;warning-2:#ffe49c;warning-3:#ffd591;warning-4:#ffc069;warning-5:#ffa940;warning-6:#fa8c16;warning-7:#d46b08;warning-8:#ad4e00;warning-9:#873800;danger-0:#fff1f0;danger-1:#ffe8e6;danger-2:#ffccc7;danger-3:#ffa39e;danger-4:#ff7875;danger-5:#ff4d4f;danger-6:#f5222d;danger-7:#cf1322;danger-8:#a8071a;danger-9:#820014;gary-1:#ffffff;gary-2:#fafafa;gary-3:#f5f5f5;gary-4:#f0f0f0;gary-5:#d9d9d9;gary-6:#bfbfbf;gary-7:#8c8c8c;gary-8:#595959;gary-9:#434343;gary-10:#262626;gary-11:#1f1f1f;gary-12:#141414}button,input,optgroup,select,textarea{border:0;padding:0;background:0 0;line-height:inherit;color:inherit;outline:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.no-select{-webkit-appearance:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.transition-all-2-ease{transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.bp-large-height{height:36px;min-height:36px;font-size:16px}.bp-normal-height{height:32px;min-height:32px;font-size:13px}.bp-small-height{height:30px;min-height:30px;font-size:12px}.bp-mini-height{height:22px;min-height:22px;font-size:12px}.bp-btn-padding-large{padding:0 20px}.bp-btn-padding-normal{padding:0 18px}.bp-btn-padding-small{padding:0 14px}.bp-btn-padding-mini{padding:0 10px}.bp-icon-right{margin-left:4px}.input-font-family{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.text-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}.text-ellipsis-2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.text-ellipsis-3{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.click-icon{display:block;fill:#8c8c8c;cursor:pointer;transition:all .2s ease;padding:1px;border-radius:10px}.click-icon:hover{fill:#595959;background-color:#d9d9d9;transition:all .2s ease}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.fade-dropdown-appear-from,.fade-dropdown-enter-from{transform:scaleY(.9);transform-origin:0 0;opacity:0}.fade-dropdown-appear-to,.fade-dropdown-enter-to{transform:scaleY(1);transform-origin:0 0;opacity:1}.fade-dropdown-appear-active,.fade-dropdown-enter-active{transition:all .2s cubic-bezier(0, 0, 1, 1)}.fade-dropdown-leave-from{transform:scaleY(1);transform-origin:0 0;opacity:1}.fade-dropdown-leave-to{transform:scaleY(.9);transform-origin:0 0;opacity:0}.fade-dropdown-leave-active{transition:all .2s cubic-bezier(0, 0, 1, 1)}.form-error-appear-from,.form-error-enter-from{opacity:0}.form-error-appear-to,.form-error-enter-to{opacity:1}.form-error-appear-active,.form-error-enter-active{transition:opacity .2s cubic-bezier(0, 0, 1, 1);animation:bp-form-error .4s cubic-bezier(0,0,1,1)}@keyframes bp-form-error{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}.bp-icon-spin{display:inline-block;line-height:1;animation:rotating 1s linear infinite;-webkit-animation:rotating 1s linear infinite}@keyframes rotating{from{transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(365deg)}}.bp-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;outline:0;white-space:nowrap;min-height:22px;font-weight:400;line-height:1;text-rendering:auto;letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-shadow:none;text-align:center;box-sizing:border-box;-moz-box-sizing:border-box;opacity:1;-webkit-appearance:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.bp-btn-type-normal-status-normal{color:#262626;background-color:#f0f0f0;border:1px solid #f0f0f0}.bp-btn-type-normal-status-normal .bp-icon{fill:#262626}.bp-btn-type-normal-status-normal:hover{color:#434343;background-color:#f5f5f5;border:1px solid #f5f5f5}.bp-btn-type-normal-status-normal:hover .bp-icon{fill:#434343}.bp-btn-type-normal-status-normal:active{color:#434343;background-color:#d9d9d9;border:1px solid #d9d9d9}.bp-btn-type-normal-status-normal:active .bp-icon{fill:#434343}.bp-btn-type-primary-status-normal{color:#fff;background-color:#8c8c8c;border:1px solid #8c8c8c}.bp-btn-type-primary-status-normal .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-normal:hover{color:#fff;background-color:#bfbfbf;border:1px solid #bfbfbf}.bp-btn-type-primary-status-normal:hover .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-normal:active{color:#fff;background-color:#595959;border:1px solid #595959}.bp-btn-type-primary-status-normal:active .bp-icon{fill:#ffffff}.bp-btn-type-plain-status-normal{color:#141414;background-color:#fff;border:1px solid #bfbfbf}.bp-btn-type-plain-status-normal .bp-icon{fill:#141414}.bp-btn-type-plain-status-normal:hover{color:#262626;background-color:#fafafa;border:1px solid #d9d9d9}.bp-btn-type-plain-status-normal:hover .bp-icon{fill:#262626}.bp-btn-type-plain-status-normal:active{color:#141414;background-color:#f5f5f5;border:1px solid #bfbfbf}.bp-btn-type-plain-status-normal:active .bp-icon{fill:#141414}.bp-btn-type-dashed-status-normal{color:#141414;background-color:#fff;border:1px dashed #bfbfbf}.bp-btn-type-dashed-status-normal .bp-icon{fill:#141414}.bp-btn-type-dashed-status-normal:hover{color:#262626;background-color:#fafafa;border:1px dashed #d9d9d9}.bp-btn-type-dashed-status-normal:hover .bp-icon{fill:#262626}.bp-btn-type-dashed-status-normal:active{color:#141414;background-color:#f5f5f5;border:1px dashed #bfbfbf}.bp-btn-type-dashed-status-normal:active .bp-icon{fill:#141414}.bp-btn-type-text-status-normal{color:#141414;background-color:none;border:1px none none}.bp-btn-type-text-status-normal .bp-icon{fill:#141414}.bp-btn-type-text-status-normal:hover{color:#262626;background-color:none;border:1px none none}.bp-btn-type-text-status-normal:hover .bp-icon{fill:#262626}.bp-btn-type-text-status-normal:active{color:#141414;background-color:none;border:1px none none}.bp-btn-type-text-status-normal:active .bp-icon{fill:#141414}.bp-btn-type-normal-status-primary{color:#0958d9;background-color:#e6f4ff;border:1px solid #e6f4ff}.bp-btn-type-normal-status-primary .bp-icon{fill:#0958d9}.bp-btn-type-normal-status-primary:hover{color:#0958d9;background-color:#f0f7fc;border:1px solid #f0f7fc}.bp-btn-type-normal-status-primary:hover .bp-icon{fill:#0958d9}.bp-btn-type-normal-status-primary:active{color:#0958d9;background-color:#bae0ff;border:1px solid #bae0ff}.bp-btn-type-normal-status-primary:active .bp-icon{fill:#0958d9}.bp-btn-type-primary-status-primary{color:#fff;background-color:#1677ff;border:1px solid #1677ff}.bp-btn-type-primary-status-primary .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-primary:hover{color:#fff;background-color:#4096ff;border:1px solid #4096ff}.bp-btn-type-primary-status-primary:hover .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-primary:active{color:#fff;background-color:#0958d9;border:1px solid #0958d9}.bp-btn-type-primary-status-primary:active .bp-icon{fill:#ffffff}.bp-btn-type-plain-status-primary{color:#0958d9;background-color:#e6f4ff;border:1px solid #1677ff}.bp-btn-type-plain-status-primary .bp-icon{fill:#0958d9}.bp-btn-type-plain-status-primary:hover{color:#0958d9;background-color:#f0f7fc;border:1px solid #4096ff}.bp-btn-type-plain-status-primary:hover .bp-icon{fill:#0958d9}.bp-btn-type-plain-status-primary:active{color:#0958d9;background-color:#bae0ff;border:1px solid #0958d9}.bp-btn-type-plain-status-primary:active .bp-icon{fill:#0958d9}.bp-btn-type-dashed-status-primary{color:#0958d9;background-color:#e6f4ff;border:1px dashed #1677ff}.bp-btn-type-dashed-status-primary .bp-icon{fill:#0958d9}.bp-btn-type-dashed-status-primary:hover{color:#0958d9;background-color:#f0f7fc;border:1px dashed #4096ff}.bp-btn-type-dashed-status-primary:hover .bp-icon{fill:#0958d9}.bp-btn-type-dashed-status-primary:active{color:#0958d9;background-color:#bae0ff;border:1px dashed #0958d9}.bp-btn-type-dashed-status-primary:active .bp-icon{fill:#0958d9}.bp-btn-type-text-status-primary{color:#1677ff;background-color:none;border:1px none none}.bp-btn-type-text-status-primary .bp-icon{fill:#1677ff}.bp-btn-type-text-status-primary:hover{color:#1677ff;background-color:none;border:1px none none}.bp-btn-type-text-status-primary:hover .bp-icon{fill:#1677ff}.bp-btn-type-text-status-primary:active{color:#003eb3;background-color:none;border:1px none none}.bp-btn-type-text-status-primary:active .bp-icon{fill:#003eb3}.bp-btn-type-normal-status-success{color:#209124;background-color:#e5f8db;border:1px solid #e5f8db}.bp-btn-type-normal-status-success .bp-icon{fill:#209124}.bp-btn-type-normal-status-success:hover{color:#209124;background-color:#edfceb;border:1px solid #edfceb}.bp-btn-type-normal-status-success:hover .bp-icon{fill:#209124}.bp-btn-type-normal-status-success:active{color:#209124;background-color:#d9f7be;border:1px solid #d9f7be}.bp-btn-type-normal-status-success:active .bp-icon{fill:#209124}.bp-btn-type-primary-status-success{color:#fff;background-color:#52c41a;border:1px solid #52c41a}.bp-btn-type-primary-status-success .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-success:hover{color:#fff;background-color:#73d13d;border:1px solid #73d13d}.bp-btn-type-primary-status-success:hover .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-success:active{color:#fff;background-color:#209124;border:1px solid #209124}.bp-btn-type-primary-status-success:active .bp-icon{fill:#ffffff}.bp-btn-type-plain-status-success{color:#209124;background-color:#e5f8db;border:1px solid #52c41a}.bp-btn-type-plain-status-success .bp-icon{fill:#209124}.bp-btn-type-plain-status-success:hover{color:#209124;background-color:#edfceb;border:1px solid #73d13d}.bp-btn-type-plain-status-success:hover .bp-icon{fill:#209124}.bp-btn-type-plain-status-success:active{color:#209124;background-color:#d9f7be;border:1px solid #209124}.bp-btn-type-plain-status-success:active .bp-icon{fill:#209124}.bp-btn-type-dashed-status-success{color:#209124;background-color:#e5f8db;border:1px dashed #52c41a}.bp-btn-type-dashed-status-success .bp-icon{fill:#209124}.bp-btn-type-dashed-status-success:hover{color:#209124;background-color:#edfceb;border:1px dashed #73d13d}.bp-btn-type-dashed-status-success:hover .bp-icon{fill:#209124}.bp-btn-type-dashed-status-success:active{color:#209124;background-color:#d9f7be;border:1px dashed #209124}.bp-btn-type-dashed-status-success:active .bp-icon{fill:#209124}.bp-btn-type-text-status-success{color:#52c41a;background-color:none;border:1px none none}.bp-btn-type-text-status-success .bp-icon{fill:#52c41a}.bp-btn-type-text-status-success:hover{color:#52c41a;background-color:none;border:1px none none}.bp-btn-type-text-status-success:hover .bp-icon{fill:#52c41a}.bp-btn-type-text-status-success:active{color:#237804;background-color:none;border:1px none none}.bp-btn-type-text-status-success:active .bp-icon{fill:#237804}.bp-btn-type-normal-status-warning{color:#d46b08;background-color:#faefd7;border:1px solid #faefd7}.bp-btn-type-normal-status-warning .bp-icon{fill:#d46b08}.bp-btn-type-normal-status-warning:hover{color:#d46b08;background-color:#fff7e6;border:1px solid #fff7e6}.bp-btn-type-normal-status-warning:hover .bp-icon{fill:#d46b08}.bp-btn-type-normal-status-warning:active{color:#d46b08;background-color:#ffe49c;border:1px solid #ffe49c}.bp-btn-type-normal-status-warning:active .bp-icon{fill:#d46b08}.bp-btn-type-primary-status-warning{color:#fff;background-color:#fa8c16;border:1px solid #fa8c16}.bp-btn-type-primary-status-warning .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-warning:hover{color:#fff;background-color:#ffa940;border:1px solid #ffa940}.bp-btn-type-primary-status-warning:hover .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-warning:active{color:#fff;background-color:#d46b08;border:1px solid #d46b08}.bp-btn-type-primary-status-warning:active .bp-icon{fill:#ffffff}.bp-btn-type-plain-status-warning{color:#d46b08;background-color:#faefd7;border:1px solid #fa8c16}.bp-btn-type-plain-status-warning .bp-icon{fill:#d46b08}.bp-btn-type-plain-status-warning:hover{color:#d46b08;background-color:#fff7e6;border:1px solid #ffa940}.bp-btn-type-plain-status-warning:hover .bp-icon{fill:#d46b08}.bp-btn-type-plain-status-warning:active{color:#d46b08;background-color:#ffe49c;border:1px solid #d46b08}.bp-btn-type-plain-status-warning:active .bp-icon{fill:#d46b08}.bp-btn-type-dashed-status-warning{color:#d46b08;background-color:#faefd7;border:1px dashed #fa8c16}.bp-btn-type-dashed-status-warning .bp-icon{fill:#d46b08}.bp-btn-type-dashed-status-warning:hover{color:#d46b08;background-color:#fff7e6;border:1px dashed #ffa940}.bp-btn-type-dashed-status-warning:hover .bp-icon{fill:#d46b08}.bp-btn-type-dashed-status-warning:active{color:#d46b08;background-color:#ffe49c;border:1px dashed #d46b08}.bp-btn-type-dashed-status-warning:active .bp-icon{fill:#d46b08}.bp-btn-type-text-status-warning{color:#fa8c16;background-color:none;border:1px none none}.bp-btn-type-text-status-warning .bp-icon{fill:#fa8c16}.bp-btn-type-text-status-warning:hover{color:#fa8c16;background-color:none;border:1px none none}.bp-btn-type-text-status-warning:hover .bp-icon{fill:#fa8c16}.bp-btn-type-text-status-warning:active{color:#ad4e00;background-color:none;border:1px none none}.bp-btn-type-text-status-warning:active .bp-icon{fill:#ad4e00}.bp-btn-type-normal-status-danger{color:#cf1322;background-color:#ffe8e6;border:1px solid #ffe8e6}.bp-btn-type-normal-status-danger .bp-icon{fill:#cf1322}.bp-btn-type-normal-status-danger:hover{color:#cf1322;background-color:#fff1f0;border:1px solid #fff1f0}.bp-btn-type-normal-status-danger:hover .bp-icon{fill:#cf1322}.bp-btn-type-normal-status-danger:active{color:#cf1322;background-color:#ffccc7;border:1px solid #ffccc7}.bp-btn-type-normal-status-danger:active .bp-icon{fill:#cf1322}.bp-btn-type-primary-status-danger{color:#fff;background-color:#f5222d;border:1px solid #f5222d}.bp-btn-type-primary-status-danger .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-danger:hover{color:#fff;background-color:#ff4d4f;border:1px solid #ff4d4f}.bp-btn-type-primary-status-danger:hover .bp-icon{fill:#ffffff}.bp-btn-type-primary-status-danger:active{color:#fff;background-color:#cf1322;border:1px solid #cf1322}.bp-btn-type-primary-status-danger:active .bp-icon{fill:#ffffff}.bp-btn-type-plain-status-danger{color:#cf1322;background-color:#ffe8e6;border:1px solid #f5222d}.bp-btn-type-plain-status-danger .bp-icon{fill:#cf1322}.bp-btn-type-plain-status-danger:hover{color:#cf1322;background-color:#fff1f0;border:1px solid #ff4d4f}.bp-btn-type-plain-status-danger:hover .bp-icon{fill:#cf1322}.bp-btn-type-plain-status-danger:active{color:#cf1322;background-color:#ffccc7;border:1px solid #cf1322}.bp-btn-type-plain-status-danger:active .bp-icon{fill:#cf1322}.bp-btn-type-dashed-status-danger{color:#cf1322;background-color:#ffe8e6;border:1px dashed #f5222d}.bp-btn-type-dashed-status-danger .bp-icon{fill:#cf1322}.bp-btn-type-dashed-status-danger:hover{color:#cf1322;background-color:#fff1f0;border:1px dashed #ff4d4f}.bp-btn-type-dashed-status-danger:hover .bp-icon{fill:#cf1322}.bp-btn-type-dashed-status-danger:active{color:#cf1322;background-color:#ffccc7;border:1px dashed #cf1322}.bp-btn-type-dashed-status-danger:active .bp-icon{fill:#cf1322}.bp-btn-type-text-status-danger{color:#f5222d;background-color:none;border:1px none none}.bp-btn-type-text-status-danger .bp-icon{fill:#f5222d}.bp-btn-type-text-status-danger:hover{color:#f5222d;background-color:none;border:1px none none}.bp-btn-type-text-status-danger:hover .bp-icon{fill:#f5222d}.bp-btn-type-text-status-danger:active{color:#a8071a;background-color:none;border:1px none none}.bp-btn-type-text-status-danger:active .bp-icon{fill:#a8071a}.bp-btn-square-large{width:auto;height:36px;font-size:16px;padding:0 18px;border-radius:6px}.bp-btn-square-large .bp-icon{width:16px;height:16px}.bp-btn-square-normal{width:auto;height:32px;font-size:14px;padding:0 16px;border-radius:4px}.bp-btn-square-normal .bp-icon{width:14px;height:14px}.bp-btn-square-small{width:auto;height:28px;font-size:12px;padding:0 14px;border-radius:4px}.bp-btn-square-small .bp-icon{width:12px;height:12px}.bp-btn-square-mini{width:auto;height:22px;font-size:12px;padding:0 8px;border-radius:4px}.bp-btn-square-mini .bp-icon{width:12px;height:12px}.bp-btn-circle-large{width:36px;height:36px;font-size:16px;padding:0;border-radius:36px}.bp-btn-circle-large .bp-icon{width:16px;height:16px}.bp-btn-circle-normal{width:32px;height:32px;font-size:14px;padding:0;border-radius:32px}.bp-btn-circle-normal .bp-icon{width:14px;height:14px}.bp-btn-circle-small{width:28px;height:28px;font-size:12px;padding:0;border-radius:28px}.bp-btn-circle-small .bp-icon{width:12px;height:12px}.bp-btn-circle-mini{width:22px;height:22px;font-size:12px;padding:0 8px;border-radius:22px}.bp-btn-circle-mini .bp-icon{width:12px;height:12px}.bp-btn-round-large{width:auto;height:36px;font-size:16px;padding:0 18px;border-radius:36px}.bp-btn-round-large .bp-icon{width:16px;height:16px}.bp-btn-round-normal{width:auto;height:32px;font-size:14px;padding:0 16px;border-radius:32px}.bp-btn-round-normal .bp-icon{width:14px;height:14px}.bp-btn-round-small{width:auto;height:28px;font-size:12px;padding:0 14px;border-radius:28px}.bp-btn-round-small .bp-icon{width:12px;height:12px}.bp-btn-round-mini{width:auto;height:22px;font-size:12px;padding:0 8px;border-radius:22px}.bp-btn-round-mini .bp-icon{width:12px;height:12px}button:disabled{opacity:.6;pointer-events:none;cursor:no-drop;transition:all .2s ease;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease}.bp-btn-shape-round{border-radius:40px}[class*=ri-],[class^=ri-]{display:inline-block}.has-default-slot .left-icon{display:flex;margin-right:4px}.is-block{width:100%}.bp-icon-loading{display:inline-block;line-height:1;animation:rotating 1s linear infinite;-webkit-animation:rotating 1s linear infinite}@keyframes rotating{from{transform:rotate(0);-webkit-transform:rotate(0)}to{transform:rotate(360deg);-webkit-transform:rotate(365deg)}}.bp-button-group{position:relative;display:inline-flex;align-items:center;justify-content:center;outline:0;box-sizing:border-box;-moz-box-sizing:border-box;opacity:1;-webkit-appearance:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bp-button-group-block{width:100%}.bp-button-group .bp-btn:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.bp-button-group .bp-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:none}.bp-button-group .bp-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.bp-button-group-type-normal-status-normal .bp-btn:not(:last-child){border-right:1px solid #d9d9d9}.bp-button-group-type-primary-status-normal .bp-btn:not(:last-child){border-right:1px solid #bfbfbf}.bp-button-group-type-normal-status-primary .bp-btn:not(:last-child){border-right:1px solid #91caff}.bp-button-group-type-primary-status-primary .bp-btn:not(:last-child){border-right:1px solid #4096ff}.bp-button-group-type-normal-status-success .bp-btn:not(:last-child){border-right:1px solid #b7eb8f}.bp-button-group-type-primary-status-success .bp-btn:not(:last-child){border-right:1px solid #73d13d}.bp-button-group-type-normal-status-warning .bp-btn:not(:last-child){border-right:1px solid #ffd591}.bp-button-group-type-primary-status-warning .bp-btn:not(:last-child){border-right:1px solid #ffa940}.bp-button-group-type-normal-status-danger .bp-btn:not(:last-child){border-right:1px solid #ffa39e}.bp-button-group-type-primary-status-danger .bp-btn:not(:last-child){border-right:1px solid #ff4d4f}.bp-table{position:relative;width:100%;border-top-left-radius:6px;border-top-right-radius:6px;box-sizing:border-box;border:1px solid #e8e8e8}.bp-table .bp-table-inner{font-feature-settings:"tnum";position:relative;clear:both;box-sizing:border-box;border-top-left-radius:5px;border-top-right-radius:5px;overflow-x:auto}.bp-table .bp-table-inner .text-left{text-align:left}.bp-table .bp-table-inner .text-center{text-align:center}.bp-table .bp-table-inner .text-right{text-align:right}.bp-table .bp-table-inner .bp-table-body{display:table;width:100%;border:none;border-spacing:0;table-layout:fixed;box-sizing:border-box}.bp-table .bp-table-inner .bp-table-body .bp-table-header-thead{background-color:#f5f5f5;display:table-header-group;width:100%;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bp-table .bp-table-inner .bp-table-body .bp-table-header-thead tr{display:table-row;vertical-align:inherit;border-color:inherit;background:0 0;border:none}.bp-table .bp-table-inner .bp-table-body .bp-table-header-thead tr .bp-table-th{overflow-wrap:break-word;display:table-cell;padding:12px 16px;font-size:14px;font-weight:500;color:#262626;background:0 0;line-height:1}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody tr{border:none}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody tr:hover{background-color:#fafafa}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody tr .bp-table-td{border-top:1px solid #f0f0f0;padding:9px 16px;display:table-cell}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody tr .bp-table-td .bp-table-td-content{width:100%;font-size:13px;font-weight:400;word-break:break-all;color:#262626;line-height:1.8}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody tr .bp-table-td .bp-table-td-content .text-ellipsis{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody .bp-table-empty-tr{text-align:center;height:120px}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody .bp-table-empty-tr-inner{display:flex;flex-direction:column;align-items:center;color:#8c8c8c;font-size:13px;letter-spacing:.1px;-webkit-appearance:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bp-table .bp-table-inner .bp-table-body .bp-table-body-tbody .bp-table-empty-tr-inner .ri-inbox-2-line{color:#bfbfbf;font-size:28px}.bp-table .bp-table-border .bp-table-header-thead tr .bp-table-th{border-right:1px solid #e8e8e8}.bp-table .bp-table-border .bp-table-header-thead tr .bp-table-th:first-child{border-left:none}.bp-table .bp-table-border .bp-table-header-thead tr .bp-table-th:last-child{border-right:none}.bp-table .bp-table-border .bp-table-body-tbody tr .bp-table-td{border-right:1px solid #e8e8e8}.bp-table .bp-table-border .bp-table-body-tbody tr .bp-table-td:first-child{border-left:none}.bp-table .bp-table-border .bp-table-body-tbody tr .bp-table-td:last-child{border-right:none}.bp-table .bp-table-stripe .bp-table-body .bp-table-body-tbody tr:nth-child(2n+2) .bp-table-td{background-color:#fff}.bp-table .bp-table-fixed-header .bp-table-body{z-index:499}.scrollbar{width:30px;margin:0 auto}.bp-table-body-area::-webkit-scrollbar{width:4px;height:0}.bp-table-body-area::-webkit-scrollbar-thumb{background-color:#d9d9d9;transition:all .2s ease-in-out}.bp-table-body-area::-webkit-scrollbar-track{background:#f0f0f0}.bp-space{display:inline-flex;width:100%}.bp-space .bp-space-item:first-child{margin-top:0!important;margin-left:0!important}.bp-space .bp-space-item:last-child{margin-right:0!important;margin-bottom:0!important}.bp-space-vertical{flex-direction:column}.bp-space-horizontal{flex-direction:row}.bp-row{position:relative;box-sizing:border-box;display:flex;flex-flow:row wrap}.bp-justify-center{justify-content:center}.bp-justify-start{justify-content:flex-start}.bp-justify-end{justify-content:flex-end}.bp-justify-between{justify-content:space-between}.bp-justify-around{justify-content:space-around}.bp-justify-evenly{justify-content:space-evenly}.bp-align-start{align-items:flex-start}.bp-align-center{align-items:center}.bp-align-end{align-items:flex-end}.bp-align-baseline{align-items:baseline}.bp-align-stretch{align-items:stretch}.bp-col{box-sizing:border-box}.bp-col-1{width:4.16666667%;flex:0 0 4.16666667%}.bp-col-2{width:8.33333333%;flex:0 0 8.33333333%}.bp-col-3{width:12.5%;flex:0 0 12.5%}.bp-col-4{width:16.66666667%;flex:0 0 16.66666667%}.bp-col-5{width:20.83333333%;flex:0 0 20.83333333%}.bp-col-6{width:25%;flex:0 0 25%}.bp-col-7{width:29.16666667%;flex:0 0 29.16666667%}.bp-col-8{width:33.33333333%;flex:0 0 33.33333333%}.bp-col-9{width:37.5%;flex:0 0 37.5%}.bp-col-10{width:41.66666667%;flex:0 0 41.66666667%}.bp-col-11{width:45.83333333%;flex:0 0 45.83333333%}.bp-col-12{width:50%;flex:0 0 50%}.bp-col-13{width:54.16666667%;flex:0 0 54.16666667%}.bp-col-14{width:58.33333333%;flex:0 0 58.33333333%}.bp-col-15{width:62.5%;flex:0 0 62.5%}.bp-col-16{width:66.66666667%;flex:0 0 66.66666667%}.bp-col-17{width:70.83333333%;flex:0 0 70.83333333%}.bp-col-18{width:75%;flex:0 0 75%}.bp-col-19{width:79.16666667%;flex:0 0 79.16666667%}.bp-col-20{width:83.33333333%;flex:0 0 83.33333333%}.bp-col-21{width:87.5%;flex:0 0 87.5%}.bp-col-22{width:91.66666667%;flex:0 0 91.66666667%}.bp-col-23{width:95.83333333%;flex:0 0 95.83333333%}.bp-col-24{width:100%;flex:0 0 100%}.bp-col-offset-1{margin-left:4.16666667%}.bp-col-offset-2{margin-left:8.33333333%}.bp-col-offset-3{margin-left:12.5%}.bp-col-offset-4{margin-left:16.66666667%}.bp-col-offset-5{margin-left:20.83333333%}.bp-col-offset-6{margin-left:25%}.bp-col-offset-7{margin-left:29.16666667%}.bp-col-offset-8{margin-left:33.33333333%}.bp-col-offset-9{margin-left:37.5%}.bp-col-offset-10{margin-left:41.66666667%}.bp-col-offset-11{margin-left:45.83333333%}.bp-col-offset-12{margin-left:50%}.bp-col-offset-13{margin-left:54.16666667%}.bp-col-offset-14{margin-left:58.33333333%}.bp-col-offset-15{margin-left:62.5%}.bp-col-offset-16{margin-left:66.66666667%}.bp-col-offset-17{margin-left:70.83333333%}.bp-col-offset-18{margin-left:75%}.bp-col-offset-19{margin-left:79.16666667%}.bp-col-offset-20{margin-left:83.33333333%}.bp-col-offset-21{margin-left:87.5%}.bp-col-offset-22{margin-left:91.66666667%}.bp-col-offset-23{margin-left:95.83333333%}@media only screen and (max-width:759px){.bp-col-xs-0{display:none;width:0%}.bp-col-xs-1{display:block;width:100%/24;flex:0 0 4.16666667%}.bp-col-xs-offset-1{margin-left:100%/24}.bp-col-xs-2{display:block;width:100%/12;flex:0 0 8.33333333%}.bp-col-xs-offset-2{margin-left:100%/12}.bp-col-xs-3{display:block;width:100%/8;flex:0 0 12.5%}.bp-col-xs-offset-3{margin-left:100%/8}.bp-col-xs-4{display:block;width:100%/6;flex:0 0 16.66666667%}.bp-col-xs-offset-4{margin-left:100%/6}.bp-col-xs-5{display:block;width:100%/4.8;flex:0 0 20.83333333%}.bp-col-xs-offset-5{margin-left:100%/4.8}.bp-col-xs-6{display:block;width:100%/4;flex:0 0 25%}.bp-col-xs-offset-6{margin-left:100%/4}.bp-col-xs-7{display:block;width:100%/3.42857143;flex:0 0 29.16666667%}.bp-col-xs-offset-7{margin-left:100%/3.42857143}.bp-col-xs-8{display:block;width:100%/3;flex:0 0 33.33333333%}.bp-col-xs-offset-8{margin-left:100%/3}.bp-col-xs-9{display:block;width:100%/2.66666667;flex:0 0 37.5%}.bp-col-xs-offset-9{margin-left:100%/2.66666667}.bp-col-xs-10{display:block;width:100%/2.4;flex:0 0 41.66666667%}.bp-col-xs-offset-10{margin-left:100%/2.4}.bp-col-xs-11{display:block;width:100%/2.18181818;flex:0 0 45.83333333%}.bp-col-xs-offset-11{margin-left:100%/2.18181818}.bp-col-xs-12{display:block;width:100%/2;flex:0 0 50%}.bp-col-xs-offset-12{margin-left:100%/2}.bp-col-xs-13{display:block;width:100%/1.84615385;flex:0 0 54.16666667%}.bp-col-xs-offset-13{margin-left:100%/1.84615385}.bp-col-xs-14{display:block;width:100%/1.71428571;flex:0 0 58.33333333%}.bp-col-xs-offset-14{margin-left:100%/1.71428571}.bp-col-xs-15{display:block;width:100%/1.6;flex:0 0 62.5%}.bp-col-xs-offset-15{margin-left:100%/1.6}.bp-col-xs-16{display:block;width:100%/1.5;flex:0 0 66.66666667%}.bp-col-xs-offset-16{margin-left:100%/1.5}.bp-col-xs-17{display:block;width:100%/1.41176471;flex:0 0 70.83333333%}.bp-col-xs-offset-17{margin-left:100%/1.41176471}.bp-col-xs-18{display:block;width:100%/1.33333333;flex:0 0 75%}.bp-col-xs-offset-18{margin-left:100%/1.33333333}.bp-col-xs-19{display:block;width:100%/1.26315789;flex:0 0 79.16666667%}.bp-col-xs-offset-19{margin-left:100%/1.26315789}.bp-col-xs-20{display:block;width:100%/1.2;flex:0 0 83.33333333%}.bp-col-xs-offset-20{margin-left:100%/1.2}.bp-col-xs-21{display:block;width:100%/1.14285714;flex:0 0 87.5%}.bp-col-xs-offset-21{margin-left:100%/1.14285714}.bp-col-xs-22{display:block;width:100%/1.09090909;flex:0 0 91.66666667%}.bp-col-xs-offset-22{margin-left:100%/1.09090909}.bp-col-xs-23{display:block;width:100%/1.04347826;flex:0 0 95.83333333%}.bp-col-xs-offset-23{margin-left:100%/1.04347826}.bp-col-xs-24{display:block;width:100%/1;flex:0 0 100%}.bp-col-xs-offset-24{margin-left:100%/1}}@media only screen and (min-width:760px) and (max-width:991px){.bp-col-sm-0{display:none;width:0%}.bp-col-sm-1{display:block;width:100%/24;flex:0 0 4.16666667%}.bp-col-sm-offset-1{margin-left:100%/24}.bp-col-sm-2{display:block;width:100%/12;flex:0 0 8.33333333%}.bp-col-sm-offset-2{margin-left:100%/12}.bp-col-sm-3{display:block;width:100%/8;flex:0 0 12.5%}.bp-col-sm-offset-3{margin-left:100%/8}.bp-col-sm-4{display:block;width:100%/6;flex:0 0 16.66666667%}.bp-col-sm-offset-4{margin-left:100%/6}.bp-col-sm-5{display:block;width:100%/4.8;flex:0 0 20.83333333%}.bp-col-sm-offset-5{margin-left:100%/4.8}.bp-col-sm-6{display:block;width:100%/4;flex:0 0 25%}.bp-col-sm-offset-6{margin-left:100%/4}.bp-col-sm-7{display:block;width:100%/3.42857143;flex:0 0 29.16666667%}.bp-col-sm-offset-7{margin-left:100%/3.42857143}.bp-col-sm-8{display:block;width:100%/3;flex:0 0 33.33333333%}.bp-col-sm-offset-8{margin-left:100%/3}.bp-col-sm-9{display:block;width:100%/2.66666667;flex:0 0 37.5%}.bp-col-sm-offset-9{margin-left:100%/2.66666667}.bp-col-sm-10{display:block;width:100%/2.4;flex:0 0 41.66666667%}.bp-col-sm-offset-10{margin-left:100%/2.4}.bp-col-sm-11{display:block;width:100%/2.18181818;flex:0 0 45.83333333%}.bp-col-sm-offset-11{margin-left:100%/2.18181818}.bp-col-sm-12{display:block;width:100%/2;flex:0 0 50%}.bp-col-sm-offset-12{margin-left:100%/2}.bp-col-sm-13{display:block;width:100%/1.84615385;flex:0 0 54.16666667%}.bp-col-sm-offset-13{margin-left:100%/1.84615385}.bp-col-sm-14{display:block;width:100%/1.71428571;flex:0 0 58.33333333%}.bp-col-sm-offset-14{margin-left:100%/1.71428571}.bp-col-sm-15{display:block;width:100%/1.6;flex:0 0 62.5%}.bp-col-sm-offset-15{margin-left:100%/1.6}.bp-col-sm-16{display:block;width:100%/1.5;flex:0 0 66.66666667%}.bp-col-sm-offset-16{margin-left:100%/1.5}.bp-col-sm-17{display:block;width:100%/1.41176471;flex:0 0 70.83333333%}.bp-col-sm-offset-17{margin-left:100%/1.41176471}.bp-col-sm-18{display:block;width:100%/1.33333333;flex:0 0 75%}.bp-col-sm-offset-18{margin-left:100%/1.33333333}.bp-col-sm-19{display:block;width:100%/1.26315789;flex:0 0 79.16666667%}.bp-col-sm-offset-19{margin-left:100%/1.26315789}.bp-col-sm-20{display:block;width:100%/1.2;flex:0 0 83.33333333%}.bp-col-sm-offset-20{margin-left:100%/1.2}.bp-col-sm-21{display:block;width:100%/1.14285714;flex:0 0 87.5%}.bp-col-sm-offset-21{margin-left:100%/1.14285714}.bp-col-sm-22{display:block;width:100%/1.09090909;flex:0 0 91.66666667%}.bp-col-sm-offset-22{margin-left:100%/1.09090909}.bp-col-sm-23{display:block;width:100%/1.04347826;flex:0 0 95.83333333%}.bp-col-sm-offset-23{margin-left:100%/1.04347826}.bp-col-sm-24{display:block;width:100%/1;flex:0 0 100%}.bp-col-sm-offset-24{margin-left:100%/1}}@media only screen and (min-width:992px){.bp-col-md-0{display:none;width:0%}.bp-col-md-1{display:block;width:100%/24;flex:0 0 4.16666667%}.bp-col-md-offset-1{margin-left:100%/24}.bp-col-md-2{display:block;width:100%/12;flex:0 0 8.33333333%}.bp-col-md-offset-2{margin-left:100%/12}.bp-col-md-3{display:block;width:100%/8;flex:0 0 12.5%}.bp-col-md-offset-3{margin-left:100%/8}.bp-col-md-4{display:block;width:100%/6;flex:0 0 16.66666667%}.bp-col-md-offset-4{margin-left:100%/6}.bp-col-md-5{display:block;width:100%/4.8;flex:0 0 20.83333333%}.bp-col-md-offset-5{margin-left:100%/4.8}.bp-col-md-6{display:block;width:100%/4;flex:0 0 25%}.bp-col-md-offset-6{margin-left:100%/4}.bp-col-md-7{display:block;width:100%/3.42857143;flex:0 0 29.16666667%}.bp-col-md-offset-7{margin-left:100%/3.42857143}.bp-col-md-8{display:block;width:100%/3;flex:0 0 33.33333333%}.bp-col-md-offset-8{margin-left:100%/3}.bp-col-md-9{display:block;width:100%/2.66666667;flex:0 0 37.5%}.bp-col-md-offset-9{margin-left:100%/2.66666667}.bp-col-md-10{display:block;width:100%/2.4;flex:0 0 41.66666667%}.bp-col-md-offset-10{margin-left:100%/2.4}.bp-col-md-11{display:block;width:100%/2.18181818;flex:0 0 45.83333333%}.bp-col-md-offset-11{margin-left:100%/2.18181818}.bp-col-md-12{display:block;width:100%/2;flex:0 0 50%}.bp-col-md-offset-12{margin-left:100%/2}.bp-col-md-13{display:block;width:100%/1.84615385;flex:0 0 54.16666667%}.bp-col-md-offset-13{margin-left:100%/1.84615385}.bp-col-md-14{display:block;width:100%/1.71428571;flex:0 0 58.33333333%}.bp-col-md-offset-14{margin-left:100%/1.71428571}.bp-col-md-15{display:block;width:100%/1.6;flex:0 0 62.5%}.bp-col-md-offset-15{margin-left:100%/1.6}.bp-col-md-16{display:block;width:100%/1.5;flex:0 0 66.66666667%}.bp-col-md-offset-16{margin-left:100%/1.5}.bp-col-md-17{display:block;width:100%/1.41176471;flex:0 0 70.83333333%}.bp-col-md-offset-17{margin-left:100%/1.41176471}.bp-col-md-18{display:block;width:100%/1.33333333;flex:0 0 75%}.bp-col-md-offset-18{margin-left:100%/1.33333333}.bp-col-md-19{display:block;width:100%/1.26315789;flex:0 0 79.16666667%}.bp-col-md-offset-19{margin-left:100%/1.26315789}.bp-col-md-20{display:block;width:100%/1.2;flex:0 0 83.33333333%}.bp-col-md-offset-20{margin-left:100%/1.2}.bp-col-md-21{display:block;width:100%/1.14285714;flex:0 0 87.5%}.bp-col-md-offset-21{margin-left:100%/1.14285714}.bp-col-md-22{display:block;width:100%/1.09090909;flex:0 0 91.66666667%}.bp-col-md-offset-22{margin-left:100%/1.09090909}.bp-col-md-23{display:block;width:100%/1.04347826;flex:0 0 95.83333333%}.bp-col-md-offset-23{margin-left:100%/1.04347826}.bp-col-md-24{display:block;width:100%/1;flex:0 0 100%}.bp-col-md-offset-24{margin-left:100%/1}}@media only screen and (min-width:1200px){.bp-col-lg-0{display:none;width:0%}.bp-col-lg-1{display:block;width:100%/24;flex:0 0 4.16666667%}.bp-col-lg-offset-1{margin-left:100%/24}.bp-col-lg-2{display:block;width:100%/12;flex:0 0 8.33333333%}.bp-col-lg-offset-2{margin-left:100%/12}.bp-col-lg-3{display:block;width:100%/8;flex:0 0 12.5%}.bp-col-lg-offset-3{margin-left:100%/8}.bp-col-lg-4{display:block;width:100%/6;flex:0 0 16.66666667%}.bp-col-lg-offset-4{margin-left:100%/6}.bp-col-lg-5{display:block;width:100%/4.8;flex:0 0 20.83333333%}.bp-col-lg-offset-5{margin-left:100%/4.8}.bp-col-lg-6{display:block;width:100%/4;flex:0 0 25%}.bp-col-lg-offset-6{margin-left:100%/4}.bp-col-lg-7{display:block;width:100%/3.42857143;flex:0 0 29.16666667%}.bp-col-lg-offset-7{margin-left:100%/3.42857143}.bp-col-lg-8{display:block;width:100%/3;flex:0 0 33.33333333%}.bp-col-lg-offset-8{margin-left:100%/3}.bp-col-lg-9{display:block;width:100%/2.66666667;flex:0 0 37.5%}.bp-col-lg-offset-9{margin-left:100%/2.66666667}.bp-col-lg-10{display:block;width:100%/2.4;flex:0 0 41.66666667%}.bp-col-lg-offset-10{margin-left:100%/2.4}.bp-col-lg-11{display:block;width:100%/2.18181818;flex:0 0 45.83333333%}.bp-col-lg-offset-11{margin-left:100%/2.18181818}.bp-col-lg-12{display:block;width:100%/2;flex:0 0 50%}.bp-col-lg-offset-12{margin-left:100%/2}.bp-col-lg-13{display:block;width:100%/1.84615385;flex:0 0 54.16666667%}.bp-col-lg-offset-13{margin-left:100%/1.84615385}.bp-col-lg-14{display:block;width:100%/1.71428571;flex:0 0 58.33333333%}.bp-col-lg-offset-14{margin-left:100%/1.71428571}.bp-col-lg-15{display:block;width:100%/1.6;flex:0 0 62.5%}.bp-col-lg-offset-15{margin-left:100%/1.6}.bp-col-lg-16{display:block;width:100%/1.5;flex:0 0 66.66666667%}.bp-col-lg-offset-16{margin-left:100%/1.5}.bp-col-lg-17{display:block;width:100%/1.41176471;flex:0 0 70.83333333%}.bp-col-lg-offset-17{margin-left:100%/1.41176471}.bp-col-lg-18{display:block;width:100%/1.33333333;flex:0 0 75%}.bp-col-lg-offset-18{margin-left:100%/1.33333333}.bp-col-lg-19{display:block;width:100%/1.26315789;flex:0 0 79.16666667%}.bp-col-lg-offset-19{margin-left:100%/1.26315789}.bp-col-lg-20{display:block;width:100%/1.2;flex:0 0 83.33333333%}.bp-col-lg-offset-20{margin-left:100%/1.2}.bp-col-lg-21{display:block;width:100%/1.14285714;flex:0 0 87.5%}.bp-col-lg-offset-21{margin-left:100%/1.14285714}.bp-col-lg-22{display:block;width:100%/1.09090909;flex:0 0 91.66666667%}.bp-col-lg-offset-22{margin-left:100%/1.09090909}.bp-col-lg-23{display:block;width:100%/1.04347826;flex:0 0 95.83333333%}.bp-col-lg-offset-23{margin-left:100%/1.04347826}.bp-col-lg-24{display:block;width:100%/1;flex:0 0 100%}.bp-col-lg-offset-24{margin-left:100%/1}}@media only screen and (min-width:1920px){.bp-col-xl-0{display:none;width:0%}.bp-col-xl-1{display:block;width:100%/24;flex:0 0 4.16666667%}.bp-col-xl-offset-1{margin-left:100%/24}.bp-col-xl-2{display:block;width:100%/12;flex:0 0 8.33333333%}.bp-col-xl-offset-2{margin-left:100%/12}.bp-col-xl-3{display:block;width:100%/8;flex:0 0 12.5%}.bp-col-xl-offset-3{margin-left:100%/8}.bp-col-xl-4{display:block;width:100%/6;flex:0 0 16.66666667%}.bp-col-xl-offset-4{margin-left:100%/6}.bp-col-xl-5{display:block;width:100%/4.8;flex:0 0 20.83333333%}.bp-col-xl-offset-5{margin-left:100%/4.8}.bp-col-xl-6{display:block;width:100%/4;flex:0 0 25%}.bp-col-xl-offset-6{margin-left:100%/4}.bp-col-xl-7{display:block;width:100%/3.42857143;flex:0 0 29.16666667%}.bp-col-xl-offset-7{margin-left:100%/3.42857143}.bp-col-xl-8{display:block;width:100%/3;flex:0 0 33.33333333%}.bp-col-xl-offset-8{margin-left:100%/3}.bp-col-xl-9{display:block;width:100%/2.66666667;flex:0 0 37.5%}.bp-col-xl-offset-9{margin-left:100%/2.66666667}.bp-col-xl-10{display:block;width:100%/2.4;flex:0 0 41.66666667%}.bp-col-xl-offset-10{margin-left:100%/2.4}.bp-col-xl-11{display:block;width:100%/2.18181818;flex:0 0 45.83333333%}.bp-col-xl-offset-11{margin-left:100%/2.18181818}.bp-col-xl-12{display:block;width:100%/2;flex:0 0 50%}.bp-col-xl-offset-12{margin-left:100%/2}.bp-col-xl-13{display:block;width:100%/1.84615385;flex:0 0 54.16666667%}.bp-col-xl-offset-13{margin-left:100%/1.84615385}.bp-col-xl-14{display:block;width:100%/1.71428571;flex:0 0 58.33333333%}.bp-col-xl-offset-14{margin-left:100%/1.71428571}.bp-col-xl-15{display:block;width:100%/1.6;flex:0 0 62.5%}.bp-col-xl-offset-15{margin-left:100%/1.6}.bp-col-xl-16{display:block;width:100%/1.5;flex:0 0 66.66666667%}.bp-col-xl-offset-16{margin-left:100%/1.5}.bp-col-xl-17{display:block;width:100%/1.41176471;flex:0 0 70.83333333%}.bp-col-xl-offset-17{margin-left:100%/1.41176471}.bp-col-xl-18{display:block;width:100%/1.33333333;flex:0 0 75%}.bp-col-xl-offset-18{margin-left:100%/1.33333333}.bp-col-xl-19{display:block;width:100%/1.26315789;flex:0 0 79.16666667%}.bp-col-xl-offset-19{margin-left:100%/1.26315789}.bp-col-xl-20{display:block;width:100%/1.2;flex:0 0 83.33333333%}.bp-col-xl-offset-20{margin-left:100%/1.2}.bp-col-xl-21{display:block;width:100%/1.14285714;flex:0 0 87.5%}.bp-col-xl-offset-21{margin-left:100%/1.14285714}.bp-col-xl-22{display:block;width:100%/1.09090909;flex:0 0 91.66666667%}.bp-col-xl-offset-22{margin-left:100%/1.09090909}.bp-col-xl-23{display:block;width:100%/1.04347826;flex:0 0 95.83333333%}.bp-col-xl-offset-23{margin-left:100%/1.04347826}.bp-col-xl-24{display:block;width:100%/1;flex:0 0 100%}.bp-col-xl-offset-24{margin-left:100%/1}}.bp-input{position:relative;display:flex;align-items:center;outline:0;white-space:nowrap;min-height:22px;box-sizing:border-box;-moz-box-sizing:border-box;opacity:1;width:auto;min-width:80px;border-radius:4px;cursor:text}.bp-input-size-mini{height:22px;border-radius:4px}.bp-input-size-mini .bp-input-perfix,.bp-input-size-mini .bp-input-suffix{height:calc(22px - 2px);border-radius:4px}.bp-input-size-mini .bp-input-inner{width:100%;height:100%;flex:1 1 auto;border-radius:4px;padding:0 4px 0 6px;font-size:12px;line-height:1}.bp-input-size-mini .has-perfix{margin-left:22px}.bp-input-size-small{height:28px;border-radius:4px}.bp-input-size-small .bp-input-perfix,.bp-input-size-small .bp-input-suffix{height:calc(28px - 2px);border-radius:4px}.bp-input-size-small .bp-input-inner{width:100%;height:100%;flex:1 1 auto;border-radius:4px;padding:0 8px 0 10px;font-size:13px;line-height:1}.bp-input-size-small .has-perfix{margin-left:22px}.bp-input-size-normal{height:32px;border-radius:4px}.bp-input-size-normal .bp-input-perfix,.bp-input-size-normal .bp-input-suffix{height:calc(32px - 2px);border-radius:4px}.bp-input-size-normal .bp-input-inner{width:100%;height:100%;flex:1 1 auto;border-radius:4px;padding:0 8px 0 10px;font-size:13px;line-height:1}.bp-input-size-normal .has-perfix{margin-left:22px}.bp-input-size-large{height:36px;border-radius:6px}.bp-input-size-large .bp-input-perfix,.bp-input-size-large .bp-input-suffix{height:calc(36px - 2px);border-radius:6px}.bp-input-size-large .bp-input-inner{width:100%;height:100%;flex:1 1 auto;border-radius:6px;padding:0 8px 0 10px;font-size:16px;line-height:1}.bp-input-size-large .has-perfix{margin-left:22px}.bp-input-status-normal{color:#262626;background-color:#f5f5f5;border:1px solid #f5f5f5;transition:all .2s ease}.bp-input-status-normal .bp-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-normal:hover{background-color:#f0f0f0;border:1px solid #f0f0f0;transition:all .2s ease}.bp-input-status-normal:hover .bp-input-suffix .bp-icon-close-line{opacity:1;transition:all .2s ease}.bp-input-status-normal:focus-within{background-color:#fff;border:1px solid #1677ff;transition:all .2s ease}.bp-input-status-normal:focus-within .bp-input-suffix{transition:all .2s ease}.bp-input-status-normal input::placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-normal input::-webkit-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-normal input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-normal input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-normal input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-normal input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-readonly{color:#262626;background-color:#f5f5f5;border:1px solid #f5f5f5;transition:all .2s ease}.bp-input-status-readonly .bp-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-readonly:hover{background-color:#f0f0f0;border:1px solid #f0f0f0;transition:all .2s ease}.bp-input-status-readonly:hover .bp-input-suffix .bp-icon-close-line{opacity:1;transition:all .2s ease}.bp-input-status-readonly:focus-within{background-color:#fff;border:1px solid #1677ff;transition:all .2s ease}.bp-input-status-readonly:focus-within .bp-input-suffix{transition:all .2s ease}.bp-input-status-readonly input::placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-readonly input::-webkit-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-readonly input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-readonly input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-readonly input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-readonly input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled{color:#595959;background-color:#f0f0f0;border:1px solid #f0f0f0;transition:all .2s ease}.bp-input-status-disabled .bp-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled:hover{background-color:#f0f0f0;border:1px solid #f0f0f0;transition:all .2s ease}.bp-input-status-disabled:hover .bp-input-suffix .bp-icon-close-line{opacity:1;transition:all .2s ease}.bp-input-status-disabled:focus-within{background-color:#f0f0f0;border:1px solid #f0f0f0;transition:all .2s ease}.bp-input-status-disabled:focus-within .bp-input-suffix{transition:all .2s ease}.bp-input-status-disabled input::placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled input::-webkit-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-danger{color:#262626;background-color:#ffe8e6;border:1px solid #ffe8e6;transition:all .2s ease}.bp-input-status-danger .bp-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-danger:hover{background-color:#ffccc7;border:1px solid #ffccc7;transition:all .2s ease}.bp-input-status-danger:hover .bp-input-suffix .bp-icon-close-line{opacity:1;transition:all .2s ease}.bp-input-status-danger:focus-within{background-color:#fff;border:1px solid #f5222d;transition:all .2s ease}.bp-input-status-danger:focus-within .bp-input-suffix{transition:all .2s ease}.bp-input-status-danger input::placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-danger input::-webkit-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-danger input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-danger input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-danger input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-danger input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-input-status-disabled{opacity:.6;cursor:not-allowed}.bp-input-status-disabled .bp-input-inner{cursor:not-allowed}.bp-input-perfix{position:absolute;left:10px;bottom:0;display:flex;align-items:center;justify-content:center;max-width:100px;flex:0 0 auto;margin-right:2px;min-width:16px;-webkit-appearance:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bp-input-perfix .bp-icon{width:16px!important;height:16px!important;fill:#8c8c8c}.bp-input-perfix span{font-size:12px;color:#8c8c8c}.bp-input-suffix{position:absolute;right:10px;bottom:0;display:flex;align-items:center;justify-content:center;max-width:100px;flex:0 0 auto;margin-left:2px;min-width:16px;-webkit-appearance:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.bp-input-suffix .bp-icon{width:16px!important;height:16px!important;fill:#8c8c8c}.bp-input-suffix .bp-icon-close-line{opacity:0;transition:all .2s ease}.bp-input-suffix span{font-size:12px;color:#8c8c8c}.bp-input-number .bp-input-suffix{right:0}.bp-input-number-step{display:flex;align-items:center;flex-direction:column;width:24px;height:100%;opacity:0;transition:all .2s ease}.bp-input-number-step-item{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:50%;box-sizing:border-box;text-align:center;background-color:#fafafa;cursor:pointer;transition:all .2s ease}.bp-input-number-step-item:first-child{border-top-right-radius:4px}.bp-input-number-step-item:last-child{border-bottom-right-radius:4px}.bp-input-number-step-item .bp-icon{fill:#595959}.bp-input-number-step-item:hover{background-color:#f0f0f0;transition:all .2s ease}.bp-input-number-step .disabled{opacity:.6}.bp-input-number:hover .bp-input-number-step{opacity:1;transition:all .2s ease}.bp-textarea{position:relative;display:flex;align-items:center;outline:0;white-space:nowrap;min-height:22px;box-sizing:border-box;-moz-box-sizing:border-box;opacity:1;width:auto;min-width:80px;border-radius:4px;cursor:text}.bp-textarea-inner{width:100%;padding:4px 10px;border-radius:4px;font-size:13px;font-weight:400;background:0 0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji}.bp-textarea-status-normal{color:#262626;background-color:#f5f5f5;border:1px solid #f5f5f5;transition:all .2s ease}.bp-textarea-status-normal .bp-textarea-placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-normal:hover{background-color:#f0f0f0;border:1px solid #f0f0f0;transition:all .2s ease}.bp-textarea-status-normal:focus-within{background-color:#fff;border:1px solid #1677ff;transition:all .2s ease}.bp-textarea-status-normal input::placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-normal input::-webkit-input-placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-normal input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-normal input::-moz-placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-normal input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-normal input::-ms-input-placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-readonly{color:#262626;background-color:#fafafa;border:1px solid #fafafa;transition:all .2s ease}.bp-textarea-status-readonly .bp-textarea-placeholder{color:#8c8c8c;font-weight:400}.bp-textarea-status-readonly:hover{background-color:#fafafa;border:1px solid #fafafa;transition: