.arco-image-trigger{padding:6px 4px;background:var(--color-bg-5);border:1px solid var(--color-neutral-3);border-radius:4px}.arco-image-trigger .arco-trigger-arrow{background-color:var(--color-bg-5);border:1px solid var(--color-neutral-3)}.arco-image{position:relative;display:inline-block;border-radius:var(--border-radius-small)}.arco-image-img{vertical-align:middle;border-radius:inherit}.arco-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.arco-image-footer{display:flex;width:100%;max-width:100%}.arco-image-footer-caption{flex:1 1 auto}.arco-image-footer-caption-title{font-weight:500;font-size:16px}.arco-image-footer-caption-description{font-size:14px}.arco-image-footer-extra{flex:0 0 auto;padding-left:12px}.arco-image-with-footer-inner .arco-image-footer{position:absolute;bottom:0;left:0;align-items:center;box-sizing:border-box;padding:9px 16px;color:var(--color-white);background:linear-gradient(360deg,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%);border-bottom-right-radius:var(--border-radius-small);border-bottom-left-radius:var(--border-radius-small)}.arco-image-with-footer-inner .arco-image-footer-caption-title,.arco-image-with-footer-inner .arco-image-footer-caption-description{color:var(--color-white)}.arco-image-with-footer-outer .arco-image-footer{margin-top:4px;color:var(--color-neutral-8)}.arco-image-with-footer-outer .arco-image-footer-caption-title{color:var(--color-text-1)}.arco-image-with-footer-outer .arco-image-footer-caption-description{color:var(--color-neutral-6)}.arco-image-error{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;color:var(--color-neutral-4);background-color:var(--color-neutral-1)}.arco-image-error-icon{width:60px;max-width:100%;height:60px;max-height:100%}.arco-image-error-icon>svg{width:100%;height:100%}.arco-image-error-alt{padding:8px 16px;font-size:12px;line-height:1.6667;text-align:center}.arco-image-loader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-neutral-1)}.arco-image-loader-spin{position:absolute;top:50%;left:50%;color:rgb(var(--primary-6));font-size:32px;text-align:center;transform:translate(-50%,-50%)}.arco-image-loader-spin-text{color:var(--color-neutral-6);font-size:16px}.arco-image-simple.arco-image-with-footer-inner .arco-image-footer{padding:12px 16px}.arco-image-loading .arco-image-img,.arco-image-loading-error .arco-image-img{visibility:hidden}.arco-image-preview{position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%}.arco-image-preview-hide{display:none}.arco-image-preview-mask,.arco-image-preview-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.arco-image-preview-mask{background-color:var(--color-mask-bg)}.arco-image-preview-img-container{width:100%;height:100%;text-align:center}.arco-image-preview-img-container:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.arco-image-preview-img-container .arco-image-preview-img{display:inline-block;max-width:100%;max-height:100%;vertical-align:middle;cursor:grab;user-select:none}.arco-image-preview-img-container .arco-image-preview-img.arco-image-preview-img-moving{cursor:grabbing}.arco-image-preview-scale-value{box-sizing:border-box;padding:7px 10px;color:var(--color-white);font-size:12px;line-height:initial;background-color:#ffffff14;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arco-image-preview-toolbar{position:absolute;bottom:46px;left:50%;display:flex;align-items:flex-start;padding:4px 16px;background-color:var(--color-bg-2);border-radius:var(--border-radius-medium);transform:translate(-50%)}.arco-image-preview-toolbar-action{display:flex;align-items:center;color:var(--color-neutral-8);font-size:14px;background-color:transparent;border-radius:var(--border-radius-small);cursor:pointer}.arco-image-preview-toolbar-action:not(:last-of-type){margin-right:0}.arco-image-preview-toolbar-action:hover{color:rgb(var(--primary-6));background-color:var(--color-neutral-2)}.arco-image-preview-toolbar-action-disabled,.arco-image-preview-toolbar-action-disabled:hover{color:var(--color-text-4);background-color:transparent;cursor:not-allowed}.arco-image-preview-toolbar-action-name{padding-right:12px;font-size:12px}.arco-image-preview-toolbar-action-content{padding:13px;line-height:1}.arco-image-preview-loading{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:48px;height:48px;padding:10px;color:rgb(var(--primary-6));font-size:18px;background-color:#232324;border-radius:var(--border-radius-medium);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arco-image-preview-close-btn{position:absolute;top:36px;right:36px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-white);font-size:14px;line-height:32px;text-align:center;background:rgba(0,0,0,.5);border-radius:50%;cursor:pointer}.arco-image-preview-arrow-left,.arco-image-preview-arrow-right{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-white);background-color:#ffffff4d;border-radius:50%;cursor:pointer}.arco-image-preview-arrow-left>svg,.arco-image-preview-arrow-right>svg{color:var(--color-white);font-size:16px}.arco-image-preview-arrow-left:hover,.arco-image-preview-arrow-right:hover{background-color:#ffffff80}.arco-image-preview-arrow-left{top:50%;left:20px;transform:translateY(-50%)}.arco-image-preview-arrow-right{top:50%;right:20px;transform:translateY(-50%)}.arco-image-preview-arrow-disabled{color:#ffffff4d;background-color:#fff3;cursor:not-allowed}.arco-image-preview-arrow-disabled>svg{color:#ffffff4d}.arco-image-preview-arrow-disabled:hover{background-color:#fff3}.image-fade-enter-from,.image-fade-leave-to{opacity:0}.image-fade-enter-to,.image-fade-leave-from{opacity:1}.image-fade-enter-active,.image-fade-leave-active{transition:opacity .4s cubic-bezier(.3,1.3,.3,1)}.arco-upload{display:inline-block;max-width:100%;cursor:pointer}.arco-upload.arco-upload-draggable{width:100%}.arco-upload-tip{margin-top:4px;overflow:hidden;color:var(--color-text-3);font-size:12px;line-height:1.5;white-space:nowrap;text-overflow:ellipsis}.arco-upload-picture-card{display:flex;flex-direction:column;justify-content:center;min-width:80px;height:80px;margin-bottom:0;color:var(--color-text-2);text-align:center;background:var(--color-fill-2);border:1px dashed var(--color-neutral-3);border-radius:var(--border-radius-small);transition:all .1s cubic-bezier(0,0,1,1)}.arco-upload-picture-card:hover{color:var(--color-text-2);background-color:var(--color-fill-3);border-color:var(--color-neutral-4)}.arco-upload-drag{width:100%;padding:50px 0;color:var(--color-text-1);text-align:center;background-color:var(--color-fill-1);border:1px dashed var(--color-neutral-3);border-radius:var(--border-radius-small);transition:all .2s ease}.arco-upload-drag .arco-icon-plus{margin-bottom:24px;color:var(--color-text-2);font-size:14px}.arco-upload-drag:hover{background-color:var(--color-fill-3);border-color:var(--color-neutral-4)}.arco-upload-drag:hover .arco-upload-drag-text{color:var(--color-text-1)}.arco-upload-drag:hover .arco-icon-plus{color:var(--color-text-2)}.arco-upload-drag-active{color:var(--color-text-1);background-color:var(--color-primary-light-1);border-color:rgb(var(--primary-6))}.arco-upload-drag-active .arco-upload-drag-text{color:var(--color-text-1)}.arco-upload-drag-active .arco-icon-plus{color:rgb(var(--primary-6))}.arco-upload-drag .arco-upload-tip{margin-top:0}.arco-upload-drag-text{color:var(--color-text-1);font-size:14px;line-height:1.5}.arco-upload-wrapper{width:100%}.arco-upload-wrapper.arco-upload-wrapper-type-picture-card{display:flex;justify-content:flex-start}.arco-upload-drag{width:100%}.arco-upload-hide{display:none}.arco-upload-disabled .arco-upload-picture-card,.arco-upload-disabled .arco-upload-picture-card:hover{color:var(--color-text-4);background-color:var(--color-fill-1);border-color:var(--color-neutral-4);cursor:not-allowed}.arco-upload-disabled .arco-upload-drag,.arco-upload-disabled .arco-upload-drag:hover{background-color:var(--color-fill-1);border-color:var(--color-text-4);cursor:not-allowed}.arco-upload-disabled .arco-upload-drag .arco-icon-plus,.arco-upload-disabled .arco-upload-drag:hover .arco-icon-plus,.arco-upload-disabled .arco-upload-drag .arco-upload-drag-text,.arco-upload-disabled .arco-upload-drag:hover .arco-upload-drag-text,.arco-upload-disabled .arco-upload-tip{color:var(--color-text-4)}.arco-upload-icon{cursor:pointer}.arco-upload-icon-error{margin-left:4px;color:rgb(var(--danger-6))}.arco-upload-icon-success{color:rgb(var(--success-6));font-size:14px;line-height:14px}.arco-upload-icon-remove{position:relative;font-size:14px}.arco-upload-icon-start,.arco-upload-icon-cancel{position:absolute;top:50%;left:50%;color:var(--color-white);font-size:12px;transform:translate(-50%) translateY(-50%)}.arco-upload-icon-upload{color:rgb(var(--primary-6));font-size:14px;cursor:pointer;transition:all .2s ease}.arco-upload-icon-upload:active,.arco-upload-icon-upload:hover{color:rgb(var(--primary-7))}.arco-upload-list{margin:0;padding:0;list-style:none}.arco-upload-list.arco-upload-list-type-text,.arco-upload-list.arco-upload-list-type-picture{width:100%}.arco-upload-list.arco-upload-list-type-text .arco-upload-list-item:first-of-type,.arco-upload-list.arco-upload-list-type-picture .arco-upload-list-item:first-of-type{margin-top:24px}.arco-upload-list-item-done .arco-upload-list-item-file-icon{color:rgb(var(--primary-6))}.arco-upload-list-item{position:relative;display:flex;align-items:center;box-sizing:border-box;margin-top:12px}.arco-upload-list-item-content{display:flex;flex:1;flex-wrap:nowrap;align-items:center;box-sizing:border-box;width:100%;padding:8px 10px 8px 12px;overflow:hidden;font-size:14px;background-color:var(--color-fill-1);border-radius:var(--border-radius-small);transition:background-color .1s cubic-bezier(0,0,1,1)}.arco-upload-list-item-file-icon{margin-right:12px;color:rgb(var(--primary-6));font-size:16px;line-height:16px}.arco-upload-list-item-thumbnail{flex-shrink:0;width:40px;height:40px;margin-right:12px}.arco-upload-list-item-thumbnail img{width:100%;height:100%}.arco-upload-list-item-name{display:flex;flex:1;align-items:center;margin-right:10px;overflow:hidden;color:var(--color-text-1);font-size:14px;line-height:1.4286;white-space:nowrap;text-overflow:ellipsis}.arco-upload-list-item-name-link{overflow:hidden;color:rgb(var(--link-6));text-decoration:none;text-overflow:ellipsis;cursor:pointer}.arco-upload-list-item-name-text{overflow:hidden;text-overflow:ellipsis;cursor:pointer}.arco-upload-list-item .arco-upload-progress{position:relative;margin-left:auto;line-height:12px}.arco-upload-list-item .arco-upload-progress:hover .arco-progress-circle-bg{stroke:rgba(var(--gray-10),.2)}.arco-upload-list-item .arco-upload-progress:hover .arco-progress-circle-bar{stroke:rgb(var(--primary-7))}.arco-upload-list-item-operation{margin-left:12px;color:var(--color-text-2);font-size:12px}.arco-upload-list-item-operation .arco-upload-icon-remove{font-size:inherit}.arco-upload-list-item-error .arco-upload-list-status,.arco-upload-list-item-done .arco-upload-list-status{display:none}.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-name-link,.arco-upload-list-type-text .arco-upload-list-item-error .arco-upload-list-item-name{color:rgb(var(--danger-6))}.arco-upload-list.arco-upload-list-type-picture-card{display:flex;flex-wrap:wrap;vertical-align:top}.arco-upload-list.arco-upload-list-type-picture-card .arco-upload-list-status{top:50%;margin-left:0;transform:translateY(-50%)}.arco-upload-list-picture{display:inline-block;margin-top:0;margin-right:8px;margin-bottom:8px;padding-right:0;overflow:hidden;vertical-align:top;transition:all .2s cubic-bezier(.34,.69,.1,1)}.arco-upload-list-picture-status-error .arco-upload-list-picture-mask{opacity:1}.arco-upload-list-picture{position:relative;box-sizing:border-box;width:80px;height:80px;overflow:hidden;line-height:80px;text-align:center;vertical-align:top;border-radius:var(--border-radius-small)}.arco-upload-list-picture img{width:100%;height:100%}.arco-upload-list-picture-mask{position:absolute;top:0;right:0;bottom:0;left:0;color:var(--color-white);font-size:16px;line-height:80px;text-align:center;background:rgba(0,0,0,.5);cursor:pointer;opacity:0;transition:opacity .1s cubic-bezier(0,0,1,1)}.arco-upload-list-picture-operation{display:none;font-size:14px}.arco-upload-list-picture-operation .arco-upload-icon-retry{color:var(--color-white)}.arco-upload-list-picture-error-tip .arco-upload-icon-error{color:var(--color-white);font-size:26px}.arco-upload-list-picture-mask:hover{opacity:1}.arco-upload-list-picture-mask:hover .arco-upload-list-picture-operation{display:flex;justify-content:space-evenly}.arco-upload-list-picture-mask:hover .arco-upload-list-picture-error-tip{display:none}.arco-upload-list-type-picture .arco-upload-list-item-content{padding-top:8px;padding-bottom:8px}.arco-upload-list-type-picture .arco-upload-list-item-error .arco-upload-list-item-content{background-color:var(--color-danger-light-1)}.arco-upload-list-type-picture .arco-upload-list-item-error .arco-upload-list-item-name-link,.arco-upload-list-type-picture .arco-upload-list-item-error .arco-upload-list-item-name{color:rgb(var(--danger-6))}.arco-upload-hide+.arco-upload-list .arco-upload-list-item:first-of-type{margin-top:0}.arco-upload-slide-up-enter{opacity:0}.arco-upload-slide-up-enter-active{opacity:1;transition:opacity .2s cubic-bezier(.34,.69,.1,1)}.arco-upload-slide-up-exit{opacity:1}.arco-upload-slide-up-exit-active{margin:0;overflow:hidden;opacity:0;transition:opacity .1s cubic-bezier(0,0,1,1),height .3s cubic-bezier(.34,.69,.1,1) .1s,margin .3s cubic-bezier(.34,.69,.1,1) .1s}.arco-upload-list-item.arco-upload-slide-inline-enter{opacity:0}.arco-upload-list-item.arco-upload-slide-inline-enter-active{opacity:1;transition:opacity .2s cubic-bezier(0,0,1,1)}.arco-upload-list-item.arco-upload-slide-inline-exit{opacity:1}.arco-upload-list-item.arco-upload-slide-inline-exit-active{margin:0;overflow:hidden;opacity:0;transition:opacity .1s cubic-bezier(0,0,1,1),width .3s cubic-bezier(.34,.69,.1,1) .1s,margin .3s cubic-bezier(.34,.69,.1,1) .1s}