.loading{--loading-border-width: 3;--loading-stroke-color: rgba(255, 255, 255, .5);--loading-stroke-bg-color: rgba(255, 255, 255, .2);--loading-mask-color: rgba(0, 0, 0, .8);--loading-text-color: rgba(255, 255, 255, .8);background-color:var(--loading-mask-color);position:fixed;z-index:3000;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading.portion{background-color:unset;--loading-stroke-color: var(--invert-7, rgba(255, 255, 255, .71));--loading-text-color: var(--invert-7, rgba(255, 255, 255, .71))}.loading.portion .loading-text,.loading.portion .loading-spin{position:relative}.loading.portion .loading-box{width:112px;height:132px;background:var(--overlay-normal, rgba(0, 0, 0, .5));border-radius:var(--dialog-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.loading.portion .loading-text{margin:16px 0 0}.loading-spin{position:relative;width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto}.loading-icon{display:block;width:100%;height:100%}.loading-rotating{animation:rotating 2s linear infinite}.loading-percent{position:absolute;font-size:14px;color:var(--loading-text-color)}.loading-text{color:var(--loading-text-color);font-size:14px;margin:.5em auto}.icon{display:inline-block;overflow:hidden;position:relative}.icon img{display:block;width:100%;height:100%;object-fit:contain}.icon:before{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.chat-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:12px;font-size:14px;font-weight:600;padding:7px 12px;border:1px solid transparent;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:normal}.chat-btn-span{margin-right:4px}.chat-btn-span:last-child{margin-right:0}.chat-btn-hovershow,.chat-btn:hover .chat-btn-hoverhide{display:none}.chat-btn:hover .chat-btn-hovershow{display:inline-block}.chat-btn[disabled=true]{pointer-events:none;cursor:not-allowed}.chat-btn.purple{background:var(--brand-trans, rgba(160, 102, 255, .15));color:var(--brand-lighter, #A066FF)}.chat-btn.purple:hover{background:var(--brand-trans-lighter, rgba(160, 102, 255, .2))}.chat-btn.purple:active{background:var(--brand-trans, rgba(160, 102, 255, .15))}.chat-btn.purple:disabled,.chat-btn.purple[disabled=true]{color:var(--fg-1, rgba(255, 255, 255, .2));background:var(--brand-trans, rgba(160, 102, 255, .15))}.chat-btn.purple-fill{background:var(--bg-gradient-brand, linear-gradient(180deg, #9B4DFF 0%, #7B4DFF 100%));color:#fff}.chat-btn.purple-fill:hover{border-color:var(--border-gradient-default-light, rgba(255, 255, 255, .2));background:var(--bg-gradient-brand-light, linear-gradient(180deg, #B276FF 0%, #8357FF 100%))}.chat-btn.purple-fill:active{border-color:var(--border-gradient-default-light, rgba(255, 255, 255, .2));background:var(--bg-gradient-brand-dark, linear-gradient(180deg, #7218E4 0%, #794AFE 100%))}.chat-btn.default,.chat-btn.btn-default{color:var(--fg-9);border-color:var(--button-border-segment, rgba(0, 0, 0, .12));background:var(--button-bg-segment-on-default, #FFF)}.chat-btn.default:hover,.chat-btn.btn-default:hover{border-color:var(--button-border-ghost-hover);background:var(--button-bg-ghost-hover)}.chat-btn.default:active,.chat-btn.btn-default:active{border-color:var(--button-border-ghost-pressed);background:var(--button-bg-ghost-pressed)}.chat-btn.default:disabled,.chat-btn.default[disabled=true],.chat-btn.btn-default:disabled,.chat-btn.btn-default[disabled=true]{color:var(--fg-1);background:var(--button-bg-disabled-neg)}.chat-btn.gray{background:var(--button-bg-default, rgba(0, 0, 0, .03));color:var(--fg-9)}.chat-btn.gray:hover{background:var(--button-bg-hover, rgba(0, 0, 0, .12))}.chat-btn.gray:active{background:var(--button-bg-pressed, rgba(0, 0, 0, .08))}.chat-btn.gray-border{color:var(--invert-4);border-color:var(--invert-4)}.chat-btn.gray-border:hover{color:var(--invert-6);border-color:var(--invert-6)}.chat-btn.gray-border:active{background-color:var(--invert-1)}.chat-btn.btn-gray{background:var(--button-bg-default, rgba(0, 0, 0, .03));color:var(--fg-6)}.chat-btn.btn-gray:hover{background:var(--button-bg-hover, rgba(0, 0, 0, .12))}.chat-btn.btn-gray:active{background:var(--button-bg-pressed, rgba(0, 0, 0, .08))}.chat-btn.btn-gray:disabled,.chat-btn.btn-gray[disabled=true]{border-color:var(--invert-1);background:var(--button-bg-disabled-neg);pointer-events:none;cursor:not-allowed}.chat-btn.pink-fill{background:var(--bg-gradient-strong, linear-gradient(180deg, #CD57F6 0%, #9E3DFF 100%));color:#fff}.chat-btn.pink-fill:hover{border-color:var(--border-gradient-default-light, rgba(255, 255, 255, .2));background:var(--bg-gradient-strong-light, linear-gradient(180deg, #d668fb 0%, #a655f8 100%))}.chat-btn.pink-fill:active{border-color:var(--border-gradient-default-light, rgba(255, 255, 255, .2));background:var(--bg-gradient-strong-dark, linear-gradient(180deg, #c64fee 0%, #9539f1 100%))}.chat-btn.green-border{color:var(--brand-default);border-color:var(--brand-default)}.chat-btn.green-border:hover{border-color:var(--brand-lighter)}.chat-btn.green-border:active{border-color:var(--brand-dark)}.chat-btn.green-fill{background-color:var(--brand-default);color:var(--previewer-fg-chat-self)}.chat-btn.green-fill:hover{background-color:var(--brand-light)}.chat-btn.green-fill:active{background-color:var(--brand-dark)}.chat-btn.green-fill:disabled,.chat-btn.green-fill[disabled=true]{color:var(--invert-black-3);background-color:var(--brand-light)}.chat-btn.white-border{border-radius:16px;border:1px solid var(--invert-5, rgba(255, 255, 255, .51));background:var(--invert-black-2, rgba(0, 0, 0, .2));color:var(--invert-9, rgba(255, 255, 255, .97))}.chat-btn.white-border:hover,.chat-btn.white-border:active{border-color:var(--invert-5, rgba(255, 255, 255, .51));background-color:var(--invert-black-3, rgba(0, 0, 0, .2))}.chat-btn.btn-fill{color:var(--invert-black-9, rgba(0, 0, 0, .99));border-color:var(--viewer-brand-viewer-dark, #00CA41);background:var(--viewer-brand-viewer, #79E279)}.chat-btn.btn-fill:hover{border-color:var(--border-gradient-default-light, rgba(255, 255, 255, .2));background-color:var(--brand-light, #67CF74)}.chat-btn.btn-fill:active{border-color:var(--border-gradient-default-light, rgba(255, 255, 255, .2));background-color:var(--brand-dark, #4AB858)}.chat-btn.btn-fill:disabled,.chat-btn.btn-fill[disabled=true]{color:var(--brand-transparent, rgba(59, 200, 89, .2));background-color:var(--brand-transparent-more, rgba(59, 200, 89, .14))}.chat-btn.btn-border{color:var(--brand-default, #00CA41);border-color:var(--viewer-brand-viewer, #79E279)}.chat-btn.btn-border:hover{color:var(--brand-lighter, #77DE84);border-color:var(--brand-lighter, #77DE84)}.chat-btn.btn-border:active{color:var(--brand-default, #3BC859);border-color:var(--brand-default, #3BC859)}.chat-btn.btn-border:disabled,.chat-btn.btn-border[disabled=true]{color:var(--brand-transparent, rgba(59, 200, 89, .2));border-color:var(--brand-transparent, rgba(59, 200, 89, .2))}.chat-btn.danger{border-color:var(--accent-red-9, rgba(255, 70, 59, .95));box-shadow:0 1px 1px #ffffff1a inset;color:var(--accent-red-9, rgba(255, 70, 59, .95))}.chat-btn.danger:hover{color:var(--accent-red-light);border-color:var(--accent-red-light)}.chat-btn.danger:active{color:var(--accent-red-9, rgba(255, 70, 59, .95));border-color:var(--accent-red-9, rgba(255, 70, 59, .95))}.chat-btn.btn-grandstand{border-color:var(--border-default, rgba(255, 255, 255, .06));background:linear-gradient(270deg,#d4b587,#fee4bc 24.5%,#fee4bc 75%,#d4b587);color:var(--button-fg-grandstand, #5B4438);font-weight:600}.chat-btn.btn-grandstand:hover{border-color:var(--border-default, rgba(0, 0, 0, .08));background:linear-gradient(270deg,#dbc095,#ffedd0 24.5%,#ffedd0 75%,#dbc095)}.chat-btn.setCoin{display:flex;flex-direction:column;border-radius:var(--radius, 8px);color:var(--subscribe-invert_dark, #3B322A);border:1px solid var(--border-default, rgba(255, 255, 255, .06));background:var(--subscribe-gradient, linear-gradient(91deg, #FFDE89 0%, #FFDE89 23%, #EBA361 100%));font-size:14px;font-weight:600}.chat-btn.setCoin .shortcut{color:var(--subscribe-invert_light, rgba(77, 35, 10, .5));font-size:12px;font-weight:400}.has-chatbg .chat-btn.btn-default{color:var(--invert-9, rgba(255, 255, 255, .97));border:1px solid var(--invert-2, rgba(255, 255, 255, .2));background:var(--invert-black-6, rgba(0, 0, 0, .66))}.has-chatbg .chat-btn.btn-default:hover{border:1px solid var(--invert-4, rgba(255, 255, 255, .44));background:var(--invert-black-5, rgba(0, 0, 0, .51))}.has-chatbg .chat-btn.btn-default:active{border:1px solid var(--invert-4, rgba(255, 255, 255, .44));background:var(--invert-black-7, rgba(0, 0, 0, .75))}.has-chatbg .chat-btn.btn-default:disabled,.has-chatbg .chat-btn.btn-default[disabled=true]{border-radius:var(--button-radius, 16px);background:var(--invert-black-3, rgba(0, 0, 0, .3));border:1px solid var(--invert-black-3, rgba(0, 0, 0, .3));color:var(--invert-3, rgba(255, 255, 255, .2))}.has-chatbg .chat-btn.btn-border{color:var(--invert-9, rgba(255, 255, 255, .97));border:1px solid var(--invert-7, rgba(255, 255, 255, .75));background:var(--invert-black-6, rgba(0, 0, 0, .66))}.has-chatbg .chat-btn.btn-border:hover{border:1px solid var(--invert-9, rgba(255, 255, 255, .99));background:var(--invert-black-5, rgba(0, 0, 0, .51))}.has-chatbg .chat-btn.btn-border:active{border:1px solid var(--invert-9, rgba(255, 255, 255, .99));background:var(--invert-black-7, rgba(0, 0, 0, .75))}.has-chatbg .chat-btn.btn-border:disabled,.has-chatbg .chat-btn.btn-border[disabled=true]{color:var(--invert-7, rgba(255, 255, 255, .75));border:1px solid var(--invert-2, rgba(255, 255, 255, .2));background:var(--invert-black-2, rgba(0, 0, 0, .2))}.has-chatbg .chat-btn.btn-gray{background:var(--invert-black-3, rgba(0, 0, 0, .03));color:var(--invert-6);border-color:var(--invert-2)}.has-chatbg .chat-btn.btn-gray:hover{color:var(--invert-9);background:var(--invert-black-4, rgba(0, 0, 0, .12))}.has-chatbg .chat-btn.btn-gray:active{background:var(--invert-black-3, rgba(0, 0, 0, .08))}.has-chatbg .chat-btn.btn-gray:disabled,.has-chatbg .chat-btn.btn-gray[disabled=true]{border-color:var(--invert-1);background:var(--invert-black-2);pointer-events:none;cursor:not-allowed}.dialog{--dialog-mask-color: rgba(0, 0, 0, .5);--dialog-bg-color: var(--bg-dialog-content, #191919);--dialog-border-color: var(--border-dialog, rgba(255, 255, 255, .05));--dialog-close-color: var(--fg-9, rgba(255, 255, 255, .97));--dialog-title-color: var(--fg-9, rgba(255, 255, 255, .97));--dialog-line-color: rgba(255, 255, 255, .06);--dialog-label-color: rgba(255, 255, 255, .54);--dialog-text-color: var(--fg-5, rgba(255, 255, 255, .54));--color-warning: #E6A23C;--color-success: #67C23A;--color-error: #F56C6C;--color-info: #909399;position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--dialog-mask-color)}.dialog.dialog-footer-row .dialog-footer{flex-direction:row}.dialog.dialog-footer-row .dialog-footer .chat-btn{flex:1;margin-bottom:0}.dialog.dialog-footer-row .dialog-footer .chat-btn.default{margin-right:12px}.dialog.hide-close .dialog-close{display:none}.dialog-wrapper{width:420px;border:1px solid var(--dialog-border-color);background:var(--dialog-bg-color);border-radius:var(--dialog-radius);overflow:hidden;box-sizing:border-box;padding-bottom:16px}.dialog-header{position:relative;color:var(--dialog-title-color);font-weight:600;font-size:16px;padding:20px 20px 16px;display:flex;align-items:center}.dialog-content{margin:0 8px;padding:0 12px 8px;box-sizing:border-box;color:var(--dialog-text-color);font-size:16px;font-weight:400;text-align:center}.dialog .dialog-body{font-size:16px;color:var(--dialog-text-color)}.dialog-icon{width:24px;height:24px;text-align:center;font-size:20px;float:left;margin-right:5px}.dialog-warning .dialog-icon{color:var(--color-warning)}.dialog-success .dialog-icon{color:var(--color-success)}.dialog-error .dialog-icon{color:var(--color-error)}.dialog-info .dialog-icon{color:var(--color-info)}.dialog-body{box-sizing:border-box;max-height:calc(100vh - 150px);overflow:auto;font-size:14px;color:var(--dialog-text-color)}.dialog-body::-webkit-scrollbar{width:0;height:0}.dialog-row{display:flex;align-items:center}.dialog-row:not(:last-child){margin-bottom:8px}.dialog-row .slider{vertical-align:middle;height:32px;display:inline-block;width:calc(100% - 100px);border-radius:var(--btn-radius, 8px);margin-left:4px;background-color:var(--input-bg-color, rgba(255, 255, 255, .05));border:1px solid var(--input-border-color, rgba(255, 255, 255, .02));box-sizing:border-box}.dialog-row .slider:hover{border-color:var(--input-hover-border-color, rgba(255, 255, 255, .04));background-color:var(--input-hover-bg-color, rgba(255, 255, 255, .08))}.dialog-row .slider:focus{border-color:var(--input-focus-border-color, rgba(255, 255, 255, .5));background-color:var(--input-hover-bg-color, rgba(255, 255, 255, .08))}.dialog-row .slider:disabled,.dialog-row .slider:read-only{color:var(--input-disabeld-color, rgba(255, 255, 255, .25));border-color:var(--input-disabled-border-color, rgba(255, 255, 255, .02));background-color:var(--input-disabled-bg-color, rgba(255, 255, 255, .05))}.dialog-label{font-size:14px;color:var(--dialog-label-color)}.dialog-upload{position:absolute;width:22px;height:22px;min-width:22px;top:4px;left:5px;border:0}.dialog-upload img{object-fit:cover}.dialog-upload-name{margin-left:32px;margin-top:3px;width:calc(100% - 40px);border:0;background-color:transparent;height:22px;line-height:20px;outline:none;color:#fffc}.dialog-formmsg{margin-bottom:12px}.dialog-footer{padding:8px 20px 0;box-sizing:border-box;display:flex;flex-direction:column}.dialog-btn{min-width:60px;margin-bottom:12px;height:48px;border-radius:var(--btn-radius, 8px)}.dialog-btn:last-of-type{margin-bottom:0}@media screen and (max-width: 829px){.dialog-wrapper{width:calc(100% - 32px)}}.slideup-header{color:var(--invert-9, #fff);display:flex;align-items:center;justify-content:space-between;padding:22px 15px 15px;box-sizing:border-box;font-weight:600}.slideup-header:before{content:"";width:36px;height:4px;border-radius:2px;background-color:var(--button-bg-default, rgba(255, 255, 255, .1));position:absolute;left:calc(50% - 18px);top:10px}.slideup-header-title{font-size:16px}.slideup-header-title.center{flex:1;margin-left:24px;text-align:center}.slideup-header-tabs{display:flex;align-items:center;overflow:auto}.slideup-header-tabs::-webkit-scrollbar{width:0;height:0}.slideup-header-tab{line-height:56px;padding:0 8px;box-sizing:border-box;position:relative;-webkit-user-select:none;user-select:none}.slideup-header-tab.active:after{content:"";border-bottom:2px solid var(--invert-9);width:calc(100% - 16px);left:8px;bottom:0;position:absolute}.slideup-header-tools{display:flex;align-items:center;justify-content:space-between}.slideup-header-tool{min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.slideup-header-tool:not(:last-child){margin-right:12px}.slideup{--slideup-mask: rgba(0, 0, 0, .35);--slideup-width: 100%;--slideup-left: 0;--slideup-height: calc(100% - 150px) ;--slideup-height-full: 100%;--slideup-bottom: 0;width:var(--slideup-width);height:100%;z-index:3000;position:fixed;left:var(--slideup-left);bottom:var(--slideup-bottom);background-color:var(--slideup-mask)}.slideup-wrapper{position:absolute;left:0;bottom:0;background-color:var(--bg-dialog-content, #191919);border-radius:12px 12px 0 0;width:100%;height:var(--slideup-height);transition:height .2s}.slideup-wrapper.is-full{height:var(--slideup-height-full)}.slideup-wrapper-from{transform:translateY(100%);transition:transform .35s}.slideup-wrapper-to{transform:translateY(0);transition:transform .35s}.slideup-from{background-color:#0000;transition:all .35s}.slideup-to{background-color:var(--slideup-mask);transition:all .35s}.dialog{--dialog-mask-color: rgba(0, 0, 0, .5);--dialog-bg-color: var(--bg-dialog-content, #191919);--dialog-border-color: var(--border-dialog, rgba(255, 255, 255, .05));--dialog-close-color: var(--fg-9, rgba(255, 255, 255, .97));--dialog-title-color: var(--fg-9, rgba(255, 255, 255, .97));--dialog-line-color: rgba(255, 255, 255, .06);--dialog-label-color: rgba(255, 255, 255, .54);--dialog-text-color: var(--fg-5, rgba(255, 255, 255, .54));position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;max-height:100%;max-width:100%;display:flex;align-items:center;justify-content:center;background-color:var(--dialog-mask-color)}.dialog-wrapper{max-height:100%;max-width:100%;width:420px;border:1px solid var(--dialog-border-color);background:var(--dialog-bg-color);border-radius:var(--dialog-radius);border-radius:16px;overflow:hidden;box-sizing:border-box;padding-bottom:8px;position:relative;color:var(--dialog-text-color)}.dialog-close{position:absolute;right:12px;top:0;bottom:0;margin:auto;font-size:16px;color:var(--dialog-close-color);width:24px;height:24px;line-height:24px;text-align:center}.dialog-header{position:relative;height:48px;font-size:16px;color:var(--dialog-title-color);padding:0 12px;display:flex;align-items:center}.mediaviewer{z-index:3000;position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--dialog-mask)}.mediaviewer-wrapper{position:relative;box-sizing:border-box;border-radius:8px}.mediaviewer-wrapper img,.mediaviewer-wrapper video{max-width:calc(100vw - 64px);max-height:calc(100vh - 64px);object-fit:contain;display:block}.mediaviewer .icon-close{position:absolute;top:-24px;right:-24px;width:32px;height:32px;line-height:32px;text-align:center;font-size:20px;color:var(--dialog-close-txt)}.avatar{width:32px;height:32px;border-radius:50%;position:relative;overflow:hidden;background:var(--avatar-bg)}.avatar-img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:1}.avatar.has-frame{overflow:visible}.avatar-frame{object-fit:cover;display:block;position:absolute;width:160%;height:160%;top:-30%;left:-30%;z-index:2}.avatar-icon{display:flex;width:100%;height:100%;justify-content:center;align-items:center;color:var(--avatar-icon-color)}.onoff{--onoff-size: 1em;display:inline-block;height:var(--onoff-size);background-color:var(--fg-1)}.onoff:before{display:block;background-color:var(--fg-3);width:calc(var(--onoff-size) * .6);height:calc(var(--onoff-size) * .6);margin:calc(var(--onoff-size) * .2);border-radius:50%;position:absolute;left:0;transition:all .35s}.onoff[checked=true]{background-color:var(--brand-default);left:calc(100% - var(--onoff-size))}.onoff[checked=true]:before{background-color:var(--fg-9)}.pipemenu{--avatar-bg: var(--invert-1);padding:0 12px 32px;overflow:auto;cursor:default;height:calc(100% - 61px);box-sizing:border-box}.pipemenu::-webkit-scrollbar{width:0;height:0}.pipemenu-content{overflow:hidden;padding-top:12px;padding-bottom:15px}.pipemenu-cover{float:left;width:60px;height:80px;border-radius:8px}.pipemenu-about{float:right;width:calc(100% - 72px)}.pipemenu-title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg-9);line-height:1;margin-bottom:8px}.pipemenu-summary{font-size:12px;line-height:16px;overflow:hidden;color:var(--fg-4);max-height:96px}.pipemenu-info{margin-top:6px;font-size:12px;color:var(--fg-4)}.pipemenu-group{font-size:12px;font-weight:600;color:var(--fg-4);margin-top:12px;margin-bottom:4px}.pipemenu-item{box-sizing:border-box;padding:8px 0;min-height:42px;display:flex;align-items:center;justify-content:space-between;color:var(--fg-8);background-color:var(--bg-1);margin-bottom:4px;border-radius:8px}.pipemenu-item-icon{width:42px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.pipemenu-item-text{flex:1}.pipemenu-item-title{font-size:14px;font-weight:600;color:var(--fg-9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipemenu-item-summary{font-size:12px;font-weight:400;color:var(--fg-4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog-close{position:absolute;right:12px;top:0;bottom:0;margin:auto;font-size:16px;color:var(--dialog-close-txt);width:24px;height:24px;line-height:24px;text-align:center}.dialog-header{position:relative;height:48px;font-size:16px;color:var(--dialog-title-txt);padding:0 12px;display:flex;align-items:center}.dialog-title{text-align:center;width:calc(100% - 24px)}.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:14px;font-weight:600;padding:0 12px;box-sizing:border-box;height:32px;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;color:var(--btn-txt);border:1px solid var(--btn-border);background:var(--btn-bg);border-radius:var(--btn-radius);-webkit-tap-highlight-color:transparent}.btn-prefix,.btn-suffix{font-size:inherit}.btn :not(:last-child){margin-right:4px}.btn:hover{color:var(--btn-txt-hover);border-color:var(--btn-border-hover);background:var(--btn-bg-hover)}.btn:focus{color:var(--btn-txt-focus);border-color:var(--btn-border-fucos);background:var(--btn-bg-focus)}.btn:active,.btn.active{color:var(--btn-txt-active);border-color:var(--btn-border-active);background:var(--btn-bg-active)}.btn:disabled,.btn[disabled=true]{color:var(--btn-txt-disabled);border-color:var(--btn-border-disabled);background:var(--btn-bg-disabled);cursor:not-allowed}.dialog-footer{height:48px;padding:8px 20px;margin:0 8px;box-sizing:border-box;border-radius:0 0 8px 8px;border-top:1px solid var(--dialog-line);background-color:var(--dialog-content-bg);text-align:right}.dialog-footer[layout=fill]{display:flex}.dialog-footer[layout=between]{display:flex;justify-content:space-between}.dialog-footer-btn{min-width:60px}.dialog-footer-btn:not(:last-child){margin-right:8px}.dialog-footer[layout=fill] .dialog-footer-btn{flex:1}/*!
* Cropper.js v1.6.2
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2024-04-21T07:43:02.731Z
*/.cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.cropper{background-color:var(--bg)}.cropper-wrapper{position:relative;width:calc(100% - 32px);height:calc(100% - 32px)}.cropper-body{height:calc(100% - 96px);width:100%;position:relative}.cropper .cropper-crop-box{overflow:hidden;border:1px solid var(--txt4);box-sizing:border-box}.cropper .cropper-view-box{outline:none}.notification{--notification-content-color: #262727;--notification-bg-color: #fff;--notification-border-radius: 6px;--notification-font-size: 14px;--notification-padding: 14px 26px 14px 13px;--notification-width: 330px;--notification-border-color: rgba(0, 0, 0, .08);--color-warning: #E6A23C;--color-success: #67C23A;--color-error: #F56C6C;--color-info: #909399;--notification-close-color: #a3a6ad;position:relative;color:var(--notification-content-color);margin:16px;transform-origin:top;background-color:var(--notification-bg-color);border-radius:var(--notification-border-radius);font-size:var(--notification-font-size);padding:var(--notification-padding);width:var(--notification-width);border:1px solid var(--notification-border-color);box-sizing:border-box;display:flex;line-height:24px}.notification-group{position:fixed;max-height:100%;max-width:100%;top:0;right:0;z-index:3000}.notification-group-tongyi{top:56px}.notification-close{position:absolute;right:12px;top:18px;line-height:1;font-size:16px;color:var(--notification-close-color)}.notification-icon{width:24px;height:24px;text-align:center;font-size:20px;margin-right:8px}.notification-content{word-break:break-all;margin-right:10px}.notification-warning .notification-icon{color:var(--color-warning)}.notification-success .notification-icon{color:var(--color-success)}.notification-error .notification-icon{color:var(--color-error)}.notification-info .notification-icon{color:var(--color-info)}.notification-enter-active,.notification-leave-active{transition:all .35s}.notification-enter-from,.notification-leave-to{opacity:0;transform:translateY(-30px)}