.component-button{-webkit-user-select:none;user-select:none;cursor:pointer;background:0 0;border:none;border-radius:28px;width:fit-content;transition:all .3s ease-in-out}.component-button:not(.loading,.disabled):hover{filter:opacity(.6)}.component-button span{white-space:nowrap;font-size:14px;font-weight:500;transition:all .3s ease-in-out}.component-button.metis-solid{border:1px solid #878787}.component-button.metis-solid span{color:#878787}.component-button.metis{background-color:#000}.component-button.metis span{color:#fff}.component-button.dark{background-color:#000}.component-button.dark span{color:#fff}.component-button.light{background-color:#fff}.component-button.light span,.component-button.primary span{color:#000}.component-button.solid{border:1px solid #313144}.component-button.solid span{color:#333347}.component-button.short-solid{border:1px solid #ff6868}.component-button.short-solid span{color:#ff6868}.component-button.long-solid{border:1px solid #29c18b}.component-button.long-solid span{color:#29c18b}.component-button.short{background:#ff68681a}.component-button.short span{color:#ff6868}.component-button.long{background:#29c18b}.component-button.long span{color:#fff}.component-button.second{background:#efefef;border:none}.component-button.second span{color:#141313}.component-button.text span{color:#fff}.component-button.disabled{filter:opacity(.5)}.component-button.loading{cursor:not-allowed}.component-button.loading svg:has(~span){margin-right:6px}.component-checkbox{display:flex}.component-checkbox input{opacity:0;display:none}.component-checkbox label{-webkit-user-select:none;user-select:none}.component-checkbox .choose{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid #7d7d7d;border-radius:4px;width:16px;height:16px;margin-right:8px;padding:10px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.component-checkbox .choose img,.component-checkbox .choose svg{width:16px;height:16px;transition:opacity .3s ease-in-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.component-checkbox:not(.checked) img,.component-checkbox:not(.checked) svg{opacity:0}.component-checkbox .content{word-break:break-word;color:#fffffff2;font-size:14px;line-height:22px}.component-checkbox.checked .choose{background:#fff;border:1px solid #7d7d7d}.component-checkbox.checked .choose img,.component-checkbox.checked .choose svg{opacity:1}.component-checkbox.disabled .choose{cursor:not-allowed;background:#ffffff14;border:1px solid #ffffff14}.component-input{color:#ffffffd9;height:40px;padding:0 16px;position:relative}.component-input input{width:100%;height:inherit;appearance:none;color:#ffffffd9;background:0 0;border:none;flex:1;font-size:16px;font-weight:500;transition:all .3s ease-in-out}.component-input input:focus{outline:none}.component-input input::placeholder{color:#ffffff40}.component-input input:-webkit-autofill{color:#fff;transition:background-color 99999s,color 99999s}.component-input input:-webkit-autofill:focus{color:#fff;transition:background-color 99999s,color 99999s}.component-input label{pointer-events:none;background:#ffffff0a;border:1px solid #fff3;border-radius:6px;transition:all .3s ease-in-out;position:absolute;inset:0}.component-input:not(.danger,.disabled,.solid,.solidLight):hover label,.component-input input:focus+label{border:1px solid #ffffffd9}.component-input.danger input{color:#fd4772}.component-input.danger label,.component-input.danger input:focus+label{border:1px solid #fd4772}.component-input.solid input{color:#313144}.component-input.solid label,.component-input.solid input:focus+label{border:1px solid #313144}.component-input.solidLight label{z-index:-1;background-color:#fff}.component-input.solidLight input{color:#000}.component-input.solidLight label,.component-input.solidLight input:focus+label{border:1px solid #fff}.component-input.disabled{-webkit-user-select:none;user-select:none;cursor:not-allowed}.component-input.disabled input{color:#ffffff4d}.component-input.disabled label{background:#ffffff14;border:1px solid #ffffff14}.component-message{background:#24262c;border-radius:6px;width:max-content;max-width:60vw;margin:18px auto 0;padding:12px 16px}.component-message img,.component-message svg{width:20px;height:20px;margin-right:8px}.component-message span{color:#ffffffd9;font-size:14px;line-height:22px}#global-bedrock{z-index:999999;height:0;position:fixed;inset:0 0 auto}.component-modal{z-index:999998;background:#0006;position:fixed;inset:0}.component-modal>.inside{color:#000;background:#fff;border-radius:16px;width:max-content;max-width:calc(100% - 22px);max-height:80vh;margin:0 auto;overflow:hidden;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.component-modal .header{border-bottom:1px solid #ffffff0f;height:56px;padding:0 16px 0 24px}.component-modal .header .title{color:#313146;font-family:Poppins-Bold,Poppins;font-size:16px;font-weight:700;line-height:25px}.component-modal .header .close{-webkit-user-select:none;user-select:none;cursor:pointer;border-radius:4px;width:28px;height:28px;padding:4px;transition:all .3s ease-in-out}.component-modal .header .close:hover{opacity:.8;background:#ffffff14}.component-modal .middle-header{justify-content:center;display:flex;position:relative}.component-modal .middle-header .close{width:24px;height:24px;position:absolute;right:24px}.component-modal .content{flex:1}.component-modal .footer{gap:8px;padding:24px}.component-modal .footer button{flex:1;height:40px}.component-modal .footer span{font-size:16px;font-weight:700}.component-modal .footer .solid{border:1px solid #efefef;border-radius:6px}.component-pagination{gap:8px;margin-top:16px}.component-pagination li{-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid #efefef;border-radius:6px;width:32px;height:32px;transition:all .1s ease-in;justify-content:center!important}.component-pagination li svg{fill:#b1b2cb;transition:all .1s ease-in}.component-pagination li.selected{background:#000}.component-pagination li:not(.disabled,.omit):hover{color:#fff;background:#000}.component-pagination .item{color:#b1b2cb;font-size:14px;transition:all .3s ease-in}.component-pagination .selected{color:#fff;background:#000;font-weight:600}.component-pagination .disabled{cursor:not-allowed}.component-pagination .disabled svg{fill:#0000001a}.ms-track{opacity:0;-webkit-user-select:none;user-select:none;background:0 0;transition:background-color .3s ease-out,border .3s ease-out,opacity .3s ease-out;position:absolute}.ms-track.ms-track-show{opacity:1}.ms-track.ms-y{height:100%;width:var(--ms-track-size,16px);border-left:1px solid #0000;top:0;right:0}.ms-track.ms-y.ms-active .ms-thumb,.ms-track.ms-y:hover .ms-thumb{width:calc(var(--ms-track-size,16px) - var(--ms-track-gutter,2px)*2)}.ms-track.ms-y .ms-thumb{right:var(--ms-track-gutter,2px);width:6px;transition:width .3s ease-out;top:0}.ms-track.ms-y .ms-thumb:hover{width:calc(var(--ms-track-size,16px) - var(--ms-track-gutter,2px)*2)}.ms-track.ms-y .ms-thumb:after{content:"";height:100%;right:calc(var(--ms-track-gutter,2px)*-1);width:var(--ms-track-size,16px);position:absolute;top:0}.ms-track.ms-x{height:var(--ms-track-size,16px);border-top:1px solid #0000;width:100%;bottom:0;left:0}.ms-track.ms-x.ms-active .ms-thumb,.ms-track.ms-x:hover .ms-thumb{height:calc(var(--ms-track-size,16px) - var(--ms-track-gutter,2px)*2)}.ms-track.ms-x .ms-thumb{bottom:var(--ms-track-gutter,2px);height:6px;transition:height .3s ease-out;left:0}.ms-track.ms-x .ms-thumb:hover{width:calc(var(--ms-track-size,16px) - var(--ms-track-gutter,2px)*2)}.ms-track.ms-x .ms-thumb:after{bottom:calc(var(--ms-track-gutter,2px)*-1);content:"";height:var(--ms-track-size,16px);width:100%;position:absolute;left:0}.ms-track.ms-active,.ms-track:hover{background:var(--ms-track-background);border-color:var(--ms-track-border-color);opacity:1}.ms-track.ms-active{z-index:20}.ms-track .ms-thumb{background:var(--ms-thumb-color);-webkit-user-select:none;user-select:none;border-radius:6px;position:absolute}.ms-container::-webkit-scrollbar{display:none}.ms-global::-webkit-scrollbar{display:none}@supports not selector(::-webkit-scrollbar){.ms-container,.ms-global{scrollbar-width:none}}.ms-container{overflow:auto}.ms-container>.ms-track-box{width:100%;z-index:var(--ms-z-index,20);position:sticky;top:100%;left:0}.ms-global>body>.ms-track-box{z-index:var(--ms-z-index,20);position:relative}.ms-global>body>.ms-track-box .ms-track{position:fixed}.ms-theme-light{--ms-track-background:#f7f7f7c2;--ms-track-border-color:#dfdfdf;--ms-thumb-color:#00000080}.ms-theme-dark{--ms-track-background:#d1d1d124;--ms-track-border-color:#e3e3e352;--ms-thumb-color:#ffffff80}.component-scrollbar{width:100%;height:100%}.component-select{-webkit-user-select:none;user-select:none;line-height:100%;transition:all .3s ease-in-out}.component-select:hover .arrow{opacity:.6}.component-select .placeholder{color:#ffffff40}.component-select .arrow{width:12px;height:12px;transition:all .3s ease-in-out}.component-select .colse{-webkit-user-select:none;user-select:none;transition:all .3s ease-in-out;display:none}.component-select .colse:hover{opacity:.6}.component-select.open .arrow{transform:rotate(-180deg)}.component-select.follow{position:relative}.component-select.primary{color:#ffffffd9;cursor:pointer;font-size:14px}.component-select.primary .arrow{margin-left:8px}.component-select.select-allow-clear:hover .colse{display:block}.component-select.select-allow-clear:hover .arrow{display:none}.global-select{z-index:10;max-height:24vh;position:absolute;overflow:hidden}.global-select>.ms-container{max-height:inherit;padding:4px}.global-select.primary{background:#24262c;border-radius:4px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.global-select.primary li{white-space:nowrap;color:#ffffffd9;border-radius:4px;height:32px;padding:0 12px;font-size:14px;line-height:32px;transition:all .3s ease-in-out}.global-select.primary li+li{margin-top:4px}.global-select.primary .check{opacity:1;margin-left:8px;transition:all .3s ease-in-out}.global-select.primary .active{background:#ffffff40;font-weight:700}.global-select.primary .default .check{opacity:0}.global-select.primary .default:hover{color:#ffffffd9;background:#ffffff14}.global-select.light{background:#fff;border-radius:4px;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.global-select.light li{white-space:nowrap;color:#333347;border-radius:4px;height:32px;padding:0 12px;font-size:14px;line-height:32px;transition:all .3s ease-in-out}.global-select.light li+li{margin-top:4px}.global-select.light .check{opacity:1;margin-left:8px;transition:all .3s ease-in-out}.global-select.light .active{background:#ffffff40;font-weight:700}.global-select.light .default .check{opacity:0}.global-select.light .default:hover{color:#33334799;background:#ffffff14}.component-tooltip{z-index:999999;position:fixed}.component-tooltip .tooltip{position:relative}.component-tooltip .tooltip .content{color:#ffffff73;background:#24262c;border-radius:6px;padding:12px;font-size:12px;line-height:16px}.component-tooltip .tooltip .arrow{border-style:solid;width:0;height:0;position:absolute}.component-tooltip .tooltip-top{filter:drop-shadow(0 6px 16px #00000014);padding-bottom:16px}.component-tooltip .tooltip-top .arrow{border-width:8px 9px 0;border-color:#24262c #0000 #0000;bottom:8px}.component-tooltip .tooltip-bottom{filter:drop-shadow(0 -6px 16px #00000014);padding-top:16px}.component-tooltip .tooltip-bottom .arrow{border-width:0 9px 8px;border-color:#0000 #0000 #24262c;top:8px}
