.zm-scroll-with-icon[data-v-579fb18f]{position:relative;width:100%}.zm-scroll-with-icon[data-v-579fb18f]:after,.zm-scroll-with-icon[data-v-579fb18f]:before{content:"";position:absolute;top:0;bottom:0;transform:none;visibility:hidden;display:block;width:40px;z-index:2}.zm-scroll-with-icon[data-v-579fb18f]:before{left:0;right:unset;background:linear-gradient(270deg,rgba(25,25,32,0),#191920 60%)}.zm-scroll-with-icon[data-v-579fb18f]:after{right:0;left:unset;background:linear-gradient(90deg,rgba(25,25,32,0),#191920 60%)}.zm-scroll-with-icon.left-show-gradient[data-v-579fb18f]:before,.zm-scroll-with-icon.right-show-gradient[data-v-579fb18f]:after{visibility:visible}.zm-scroll-with-icon .zm-scroll-with-icon-wrapper[data-v-579fb18f]{overflow-x:scroll}.zm-scroll-with-icon .zm-scroll-with-icon-wrapper[data-v-579fb18f]::-webkit-scrollbar{display:none}.zm-scroll-with-icon .chevron[data-v-579fb18f]{position:absolute;top:calc(50% - 12px);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:4px;box-sizing:border-box;border-radius:9999px;border:1px solid hsla(0,0%,100%,.08);background:#31313f;box-shadow:0 4px 12px 0 rgba(0,0,0,.24);cursor:pointer;z-index:3}.zm-scroll-with-icon .chevron .icon[data-v-579fb18f]{font-size:20px;color:#fff}.zm-scroll-with-icon .chevron[data-v-579fb18f]:hover{background:#393949}.zm-scroll-with-icon .chevronRight[data-v-579fb18f]{right:16px}.zm-scroll-with-icon .chevronLeft[data-v-579fb18f]{left:16px}.has-scrollbar .chevron[data-v-579fb18f]{top:calc(50% - 12px - var(--4cc97dc8)/2)}.has-scrollbar[data-v-579fb18f]:after,.has-scrollbar[data-v-579fb18f]:before{bottom:var(--4cc97dc8)}.has-scrollbar .zm-scroll-with-icon-wrapper.show-scrollbar[data-v-579fb18f]::-webkit-scrollbar{display:block;height:var(--4cc97dc8)}.has-scrollbar .zm-scroll-with-icon-wrapper.show-scrollbar[data-v-579fb18f]::-webkit-scrollbar-track{background:transparent}.has-scrollbar .zm-scroll-with-icon-wrapper.show-scrollbar[data-v-579fb18f]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:8px;border-top:calc(var(--4cc97dc8)/4) solid transparent;border-bottom:calc(var(--4cc97dc8)/4) solid transparent;background-clip:padding-box;min-width:100px}.color-picker-container[data-v-7f549e65]{position:relative;width:314px;padding:0;border-radius:12px;overflow:hidden;border:1px solid #262631;background-color:#09090b;box-shadow:0 0 2px 0 rgba(0,0,0,.08),0 20px 24px -4px rgba(16,24,40,.08),0 8px 8px -4px rgba(16,24,40,.03)}.color-picker-container .color-picker-body[data-v-7f549e65]{width:100%;padding:16px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#09090b;box-sizing:border-box;position:relative}.color-picker-container[data-v-7f549e65] .vc-chrome{width:282px;padding:0;background-color:#09090b;box-shadow:none}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-saturation-wrap{padding-bottom:52.5%;border:1px solid hsla(0,0%,100%,.1)}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body{background-color:#09090b;padding:16px 0}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-color-wrap{width:40px;height:40px;margin-right:10px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-color-wrap .vc-chrome-active-color{display:none}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-hue-wrap{height:16px;margin-bottom:6px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-hue-wrap .vc-hue{border-radius:8px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-hue-wrap .vc-hue .vc-hue-pointer{height:16px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-hue-wrap .vc-hue .vc-hue-picker{width:16px;height:16px;border-radius:8px;box-sizing:border-box;transform:translate(-8px,-1px)}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-alpha-wrap{height:16px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-alpha-wrap .vc-alpha,.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-alpha-wrap .vc-alpha .vc-alpha-checkboard-wrap{border-radius:8px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-alpha-wrap .vc-alpha .vc-alpha-gradient{border-radius:8px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-alpha-wrap .vc-alpha .vc-alpha-container{border-radius:8px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-alpha-wrap .vc-alpha .vc-alpha-container .vc-alpha-pointer{height:16px}.color-picker-container[data-v-7f549e65] .vc-chrome .vc-chrome-body .vc-chrome-sliders .vc-chrome-alpha-wrap .vc-alpha .vc-alpha-container .vc-alpha-pointer .vc-alpha-picker{width:16px;height:16px;border-radius:8px;box-sizing:border-box;transform:translate(-8px,-1px)}.color-picker-container input[data-v-7f549e65]{outline:none;color:#1c1e23;padding:0;margin:0;background:#fff;box-sizing:border-box;border:none}.color-picker-container .color-pencil[data-v-7f549e65]{position:absolute;width:40px;height:40px;border-radius:8px;left:16px;top:180px;background-color:#262631;color:#f2f4f7;display:flex;align-items:center;justify-content:center}.color-picker-container .color-pencil[data-v-7f549e65]:hover{cursor:pointer;background-color:#31313f}.color-picker-container .recent-area .recent-title[data-v-7f549e65]{color:#71718f;font-family:DMSans-Medium!important;font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-align:left;margin-bottom:8px}.color-picker-container .recent-area .recent-container[data-v-7f549e65]{display:flex;gap:6px;flex-wrap:wrap;justify-items:flex-start;padding-bottom:12px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px}.color-picker-container .recent-area .recent-container .recent-item[data-v-7f549e65]{width:30px;height:30px;border-radius:50%;box-sizing:border-box;cursor:pointer;border:1px solid hsla(0,0%,100%,.25);position:relative}.color-picker-container .preset-container[data-v-7f549e65]{display:flex;gap:6px;flex-wrap:wrap;justify-items:flex-start}.color-picker-container .preset-container .preset-item[data-v-7f549e65]{width:30px;height:30px;border-radius:50%;box-sizing:border-box;cursor:pointer;border:1px solid hsla(0,0%,100%,.25);position:relative}.color-picker-container .preset-container .preset-item[data-v-7f549e65]:first-child:before{content:"";position:absolute;top:3px;left:13px;width:2px;height:22px;background-color:#ff544a;transform:rotate(45deg)}.color-picker-container .color-bar[data-v-7f549e65]{width:100%;padding:1px 12px 15px;background-color:#09090b;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-sizing:border-box}.color-picker-container .color-bar .switch-btn[data-v-7f549e65]{display:flex;align-items:center;justify-content:center;gap:2px;width:60px;height:30px;min-width:60px;border-radius:6px;padding-left:8px;box-sizing:border-box;flex-shrink:0}.color-picker-container .color-bar .switch-btn[data-v-7f549e65]:hover{cursor:pointer;background-color:#31313f}.color-picker-container .color-bar .switch-btn .color-type[data-v-7f549e65]{color:#f2f4f7;font-family:DMSans-Medium!important;font-size:14px}.color-picker-container .color-bar .switch-btn .switch[data-v-7f549e65]{display:flex;flex-direction:column;color:#f2f4f7}.color-picker-container .color-bar .switch-btn .switch .top-arrow[data-v-7f549e65]{margin-bottom:-8px}.color-picker-container .color-bar .switch-btn .switch .switch-icon[data-v-7f549e65]{color:#f2f4f7}.color-picker-container .color-bar .alpha-percent-area[data-v-7f549e65]{display:flex;justify-content:flex-start;align-items:center;width:56px;height:40px;border-left:1px solid #262631;box-sizing:border-box;padding:0 10px;min-width:56px;flex-shrink:0}.color-picker-container .color-bar .alpha-percent-area .input-opacity[data-v-7f549e65]{flex-grow:1;flex-shrink:1;flex-basis:0;max-width:calc(100% - 10px);text-align:right;border:none;background-color:inherit;color:#6d7076;font-family:DMSans-Medium!important;font-size:14px}.color-picker-container .color-bar .alpha-percent-area .percent[data-v-7f549e65]{flex-shrink:0;color:#6d7076;text-align:center;font-family:DMSans-Medium!important;font-size:14px;line-height:20px}.color-picker-container .color-bar .hex-pick[data-v-7f549e65]{width:100%;height:40px;display:flex;align-items:center;gap:16px;padding-left:5px;box-sizing:border-box;border-radius:10px;border:1px solid #262631;background-color:#1d1d25;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 2px 12px 0 rgba(0,0,0,.11)}.color-picker-container .color-bar .hex-pick .input-hex[data-v-7f549e65]{flex:1;min-width:0;box-sizing:border-box;border:none;background-color:inherit;color:#f2f4f7;font-family:DMSans-Medium!important;background-color:#1d1d25;font-size:14px}.color-picker-container .color-bar .rgba-pick[data-v-7f549e65]{width:100%;height:40px;display:flex;align-items:center;padding-left:5px;box-sizing:border-box;border-radius:10px;background-color:#1d1d25;border:1px solid #262631;box-shadow:0 0 1px 0 rgba(0,0,0,.25),0 2px 12px 0 rgba(0,0,0,.11)}.color-picker-container .color-bar .rgba-pick .rgba-content-area[data-v-7f549e65]{flex:1;height:100%;display:flex;align-items:center;justify-content:space-between}.color-picker-container .color-bar .rgba-pick .rgba-content-area .input-area[data-v-7f549e65]{flex:1;padding:0 8px;box-sizing:border-box;min-width:0;height:100%;background-color:#1d1d25}.color-picker-container .color-bar .rgba-pick .rgba-content-area .input-area[data-v-7f549e65]:nth-child(2){border-left:1px solid #262631;border-right:1px solid #262631}.color-picker-container .color-bar .rgba-pick .rgba-content-area .input-area .rgba-input[data-v-7f549e65]{width:100%;height:100%;text-align:center;color:#f2f4f7;background-color:#1d1d25}.color-picker-container.disable-alpha[data-v-7f549e65] .vc-chrome__disable-alpha .vc-chrome-hue-wrap{margin-top:12px}[data-v-7f549e65] .el-scrollbar-panel{height:unset!important}[data-v-7f549e65] .el-scrollbar-panel>.el-scrollbar__wrap{overflow-x:hidden}[data-v-7f549e65] .el-scrollbar-panel .is-horizontal{display:none!important}.editor-color-picker-container[data-v-790938d8]{border-radius:6px;position:relative}.editor-color-picker-container .editor-color-switch-area[data-v-790938d8]{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#f2f4f7;background:#1d1d25;padding:6px;cursor:pointer;border-radius:8px;box-sizing:border-box}.editor-color-picker-container .editor-color-switch-area[data-v-790938d8]:hover{background:#31313f}.editor-color-picker-container .editor-color-switch-area .color-picker-switch[data-v-790938d8]{position:relative;border-radius:50%;border:none;outline:none;border:1px solid hsla(0,0%,100%,.25);box-sizing:border-box;cursor:pointer}.editor-color-picker-container .editor-color-switch-area .color-picker-switch-default[data-v-790938d8]:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background-color:#ff544a;transform:translate(-50%,-50%) rotate(45deg)}.editor-color-picker-container-with-label[data-v-790938d8]{width:100%;height:36px}.editor-color-picker-container-with-label .editor-color-switch-area[data-v-790938d8]{padding:6px 12px;width:100%;height:100%;background:#1d1d25}.editor-color-picker-container-with-label .editor-color-switch-area[data-v-790938d8]:hover{background:#31313f}.editor-color-picker-container-with-label .editor-color-switch-area .editor-color-picker-label[data-v-790938d8]{color:#f2f4f7;font-family:DMSans-Medium!important;font-size:14px;font-style:normal;font-weight:500;line-height:24px}.chevron-down[data-v-05ebad54]{font-size:18px;color:#71718f}.editor-style-fontsize[data-v-f9b3427a] .font-size-select{width:100%}.editor-style-fontsize[data-v-f9b3427a] .font-size-select .el-input__wrapper{background-color:#1d1d25;box-shadow:unset!important;color:#f2f4f7;border-radius:8px}.editor-style-fontsize[data-v-f9b3427a] .font-size-select .el-input__wrapper .el-select__icon{color:#71718f}.editor-style-fontsize[data-v-f9b3427a] .font-size-select .el-input__wrapper:hover{background-color:#31313f}.editor-style-font[data-v-20bb4f8a] .font-family-select{width:100%}.editor-style-font[data-v-20bb4f8a] .font-family-select .el-input__wrapper{box-shadow:unset!important;border-radius:8px;background-color:#1d1d25}.editor-style-font[data-v-20bb4f8a] .font-family-select .el-input__wrapper .el-select__icon{color:#71718f}.editor-style-font[data-v-20bb4f8a] .font-family-select .el-input__wrapper .el-input__inner{color:#f2f4f7}.editor-style-font[data-v-20bb4f8a] .font-family-select .el-input__wrapper:hover{background-color:#31313f}.editor-style-font[data-v-20bb4f8a] .font-family-select .el-input__inner{height:34px}.font-image-cover[data-v-20bb4f8a]{display:flex;height:100%;align-items:center}.font-image-cover img[data-v-20bb4f8a]{display:block;max-width:100%;height:100%;transform:translateX(-14px)}.text-card[data-v-3f58686e]{width:148px;height:94px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#262631;cursor:pointer}.text-card span[data-v-3f58686e]{zoom:1!important}.text-card-social[data-v-73de9e5f]{position:relative;width:147px;height:93px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;background:#262631;cursor:pointer}.text-card-social .card-body[data-v-73de9e5f]{display:flex;align-items:center}.text-card-social .card-body span[data-v-73de9e5f]{-webkit-text-stroke-width:.5;-webkit-text-stroke-color:#000}.background-music-item[data-v-901a3a9a]{position:relative;width:100%;padding:8px;box-sizing:border-box;cursor:pointer;align-self:center;z-index:1;border-radius:10px}.background-music-item[data-v-901a3a9a]:hover:after{display:block}.background-music-item:hover .music-content .left .music-control[data-v-901a3a9a]{display:flex;background:rgba(0,0,0,.6)}.background-music-item[data-v-901a3a9a]:after{display:none;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.04);pointer-events:none;z-index:0;border-radius:10px}.background-music-item .music-content[data-v-901a3a9a]{position:relative;z-index:1;display:flex;align-items:center;gap:8px}.background-music-item .music-content .left[data-v-901a3a9a]{position:relative;width:62px;height:62px;border-radius:8px;overflow:hidden;flex-shrink:0}.background-music-item .music-content .left .music-cover[data-v-901a3a9a]{width:100%;height:100%}.background-music-item .music-content .left .music-control[data-v-901a3a9a]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1;color:#fff;font-size:20px;display:none}.background-music-item .music-content .left .music-control[data-v-901a3a9a]:hover{background:rgba(0,0,0,.6)}.background-music-item .music-content .playing .music-control[data-v-901a3a9a]{display:flex;background:rgba(0,0,0,.12)}.background-music-item .music-content .center[data-v-901a3a9a]{box-sizing:border-box;flex-grow:1;padding:3px 0}.background-music-item .music-content .center .music-name[data-v-901a3a9a]{color:#f2f4f7;font-family:DMSans-Regular!important;font-size:16px;font-style:normal;line-height:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-all;margin-bottom:4px}.background-music-item .music-content .center .duration[data-v-901a3a9a]{color:#83839d;font-family:DMSans-Regular!important;font-size:12px;font-style:normal;line-height:normal}.background-music-item .music-content .right[data-v-901a3a9a]{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-shrink:0;margin-left:4px;gap:8px}.background-music-item .music-content .right .right-icon[data-v-901a3a9a]{width:20px;height:20px;border-radius:4px;background:hsla(0,0%,100%,.1);color:#fff;font-size:16px}.background-music-item .music-content .right .like-icon[data-v-901a3a9a]{font-size:20px;color:#ff544a}.background-music-item .music-slider[data-v-901a3a9a]{position:relative;z-index:1}.background-music-item .music-slider[data-v-901a3a9a] .el-slider{--el-slider-button-wrapper-size:12px;--el-slider-button-wrapper-offset:-4px}.background-music-item .music-slider[data-v-901a3a9a] .el-slider:hover .el-slider__button{display:block}.background-music-item .music-slider[data-v-901a3a9a] .el-slider .el-slider__bar{background-color:#7839ee;height:4px}.background-music-item .music-slider[data-v-901a3a9a] .el-slider .el-slider__button{display:none}.background-music-item .music-slider[data-v-901a3a9a] .el-slider .el-slider__runway{background-color:#31313f;height:4px}.background-music-item .music-slider[data-v-901a3a9a] .el-slider .el-slider__button{background-color:#7839ee;border-color:#7839ee;height:12px;width:12px;transform:translateY(-1px)}.focus[data-v-901a3a9a]:after{display:block}.focus .music-content .left .music-control[data-v-901a3a9a]{display:flex;background:rgba(0,0,0,.6)}