.xdesign-switch{cursor:pointer;align-items:center;display:flex;position:relative}.xdesign-switch:active{box-shadow:0 2px 4px #00230b33}.xdesign-switch__handle{background-color:#fff;border-radius:50%;transition:all .2s ease-in-out;position:absolute}.mt-design-rc-Select{border:1px solid var(--stroke-system-separator,#00000014);background-color:var(--background-web-secondary,#001e590a);box-sizing:border-box;cursor:pointer;height:32px;color:var(--content-input,#1c1d1f);border-radius:8px;justify-content:space-between;align-items:center;padding:0 8px;font-size:14px;display:flex;position:relative}.mt-design-rc-Select[data-focused=true]{border:1px solid var(--stroke-input-selected,#38f)}.mt-design-rc-Select__select-icon{width:16px;height:16px;padding-top:3px;padding-left:6px}.mt-design-rc-Select__options{z-index:1000;background-color:var(--background-system-drop-list,#fff);box-sizing:border-box;pointer-events:initial;border-radius:8px;flex-direction:column;width:100%;margin:0;padding:6px 0;display:flex;position:fixed;box-shadow:0 6px 24px #0000000f,0 0 2px #00000014}.mt-design-rc-Select__options[data-open=false]{display:none}.mt-design-rc-Select__option{cursor:pointer;color:var(--content-list-primary,#1c1d1f);align-items:center;padding:5px 16px;font-size:14px;list-style:none;display:flex}.mt-design-rc-Select__option[data-active=true]{background-color:var(--background-list-hover,#0000000a);color:var(--content-tag-selected,#38f)}.mt-design-rc-Select__option .mt-design-rc-Select__selected-icon{margin-left:auto;margin-right:-6px}.widget-Empty{flex-direction:column;justify-content:center;align-items:center;display:flex}.widget-Empty .widget-Empty-text{color:var(--content-system-quaternary,#abadb2);text-align:center;margin-top:8px;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.widgets-color-picker-Popover{z-index:1000}.widgets-color-picker-Popover .b-custom-tabs{padding-bottom:16px!important}.widgets-color-picker-Popover .c-color-gradient{background:0 0!important}.widgets-color-picker-Popover .c-color-saturation{box-shadow:none!important}.widgets-color-picker-Popover .ant-popover-inner-content{padding:0}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox{width:280px}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand{border-radius:8px;box-shadow:0 0 2px #00000014,0 10px 40px #0000001a}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand .c-color-gradient-picker,.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand .c-color-sketch-picker{box-shadow:none;border-radius:0 0 8px 8px}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand .widgets-colorGroup-bizTabs{background-color:var(--background-system-frame-floatpanel);border-radius:8px 8px 0 0;height:42px;margin:0;padding:16px 0 0 17px;display:flex;position:relative}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand .widgets-colorGroup-bizTabs:after{content:"";background:var(--stroke-system-separator,#00000014);width:100%;height:1px;display:block;position:absolute;bottom:0;left:0}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand .widgets-colorGroup-bizTabs li{text-align:center;color:var(--content-system-secondary,#616366);cursor:pointer;margin-right:24px;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand .widgets-colorGroup-bizTabs li[data-active=true]{color:var(--content-web-primary,#17181a);font-weight:600;position:relative}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox.showBrand .widgets-colorGroup-bizTabs li[data-active=true]:after{content:"";background:var(--content-system-primary,#1c1d1f);width:100%;height:2px;display:block;position:absolute;bottom:0}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox .sketch-picker-content{background-color:#0000!important;width:260px!important}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox .sketch-picker-content .flexbox-fix{border-color:var(--stroke--separater)!important}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox .sketch-picker-content input{color:var(--text--table);border-radius:4px;background-color:var(--background--input)!important;box-shadow:var(--stroke--table_border) 0 0 0 1px inset!important}.widgets-color-picker-Popover .ant-popover-inner-content .widgets-colorPickerBox .sketch-picker-content label{color:var(--text--normal_2)!important}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody{background-color:var(--background-system-frame-floatpanel);flex-direction:column;height:calc(100% - 42px);padding-top:12px;display:flex}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorGroup-brandSelect{padding:0 16px 10px}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorGroup-brandSelect .mt-design-rc-Select{color:var(--content-input,#1c1d1f)}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorGroup-brandSelect .mt-design-rc-Select .colorGroup-brandSelect-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorCardList{flex:1;margin-bottom:20px}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorCardList .colorCard .colorCard-header{color:var(--content-system-secondary,#616366);font-size:12px;font-style:normal;font-weight:400;line-height:16px}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorCardList .colorCard ul.colorCard-colors{flex-wrap:wrap;width:100%;margin-top:8px;padding-left:0;display:flex}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorCardList .colorCard ul.colorCard-colors li{cursor:pointer;border:1px solid var(--stroke-system-border-overlay,#00000014);border-radius:2px;width:22px;height:22px;margin-top:6px;margin-right:6px}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorCardList .colorCard ul.colorCard-colors li:nth-child(-n+9){margin-top:0}.widgets-color-picker-Popover .ant-popover-inner-content .colorGroup-brandBody .colorCardList .colorCard ul.colorCard-colors li:nth-child(9n){margin-right:0}.widgets-color-picker-Popover .sketch-picker{width:100%}.widgets-color-picker-Popover .ant-popover-arrow{display:none}.widgets-color-picker-Popover.draggable{pointer-events:none}.widgets-color-picker-Popover.draggable .ant-popover-inner{box-shadow:none;background-color:#0000}.widgets-color-picker-Popover.draggable .widgets-colorPickerBox{pointer-events:auto;cursor:move}.colorGroup-brandSelectPopup{max-height:350px;overflow-y:auto;transform:translateY(4px);z-index:9999!important}.widgets-color-picker[data-disabled=true]{cursor:not-allowed}.widgets-color-picker[data-disabled=true]>span{pointer-events:none}.widgets-color-picker[data-disabled=true] .widgets-color-btn{cursor:not-allowed!important}.widgets-color-picker[data-is-custom=false]{background:var(--background-btn-tertiary,#f3f5f7);border-radius:8px;height:26px}.widgets-color-picker[data-is-custom=false]>span{justify-content:space-between;align-items:center;height:100%;padding:4px;display:flex}.widgets-color-picker[data-is-custom=false] .widgets-color-btn{cursor:pointer;border-radius:4px;flex:1;width:40px;height:100%;overflow:hidden}.widgets-color-picker[data-is-custom=false] .widgets-color-btn.no-icon{border:none;padding:0}.widgets-color-picker[data-is-custom=false] .widgets-color-btn .widgets-colorGroup-color-wrap{border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden}.widgets-color-picker[data-is-custom=false] .widgets-color-btn .widgets-colorGroup-color-wrap:after{content:"";border:1px solid var(--stroke-system-border-overlay,#00000014);z-index:1;border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0}.widgets-color-picker[data-is-custom=false] .widgets-color-btn .widgets-colorGroup-color-wrap .widgets-colorGroup-color{z-index:1;border-radius:2px;width:100%;height:100%;position:absolute;top:0;left:0}.widgets-mosaic-bg{background-image:linear-gradient(to top right,#ccc6 25%,#0000 0 75%,#ccc6 0,#ccc6),linear-gradient(to top right,#ccc6 25%,#0000 0 75%,#ccc6 0,#ccc6);background-position:0 0,4px 4px;background-size:8px 8px;border-radius:0 4px 4px 0;width:100%;height:100%}.widgets-fast-select-color-item{box-sizing:border-box;border:1px solid var(--stroke-system-border-overlay,#00000014);cursor:pointer;border-radius:4px;width:26px;height:26px}.widgets-fast-select-color-item.active{z-index:2;position:relative}.widgets-fast-select-color-item.active:after{content:"";z-index:1;border:2px solid var(--stroke-slide-thumb-selected,#38f);box-sizing:border-box;background-color:#0000;border-radius:6px;width:32px;height:32px;display:block;position:absolute;top:-4px;left:-4px}.colorGroup-texture-upload{position:relative}.colorGroup-texture-upload.isPreview{border:none}.colorGroup-texture-upload.isPreview .colorGroup-texture-uploadPreview{border:1px solid var(--stroke-drop-area,#ebedf2)}.colorGroup-texture-upload span.img-upload{height:186px!important}.colorGroup-texture-upload span.ant-upload{justify-content:center;align-items:center;display:flex}.colorGroup-texture-uploadPreview{background-color:var(--background-system-space-holder);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;justify-content:center;align-items:center;width:248px;height:186px;display:flex;position:absolute;top:0;left:0}.colorGroup-texture-uploadPreview:hover:before{content:"";background-color:#00000040;border-radius:4px;position:absolute;top:0;bottom:0;left:0;right:0}.colorGroup-texture-uploadPreview:hover button{opacity:1}.colorGroup-texture-uploadPreview button{opacity:0;transform:opacity .3s ease-in-out;position:absolute}.colorGroup-texture-uploadPreview img{-o-object-fit:contain;object-fit:contain;border-radius:2px;width:192px;height:138px;display:block}.colorGroup-texture-options{margin-bottom:16px}.colorGroup-texture-options__item{align-items:center;margin:8px 0;display:flex}.colorGroup-texture-options__item-title{color:var(--content-system-secondary,#616366);margin:0 8px 0 0;font-size:12px;line-height:16px}.colorGroup-texture-options__item-content{flex:1}.colorGroup-texture-options__item-select{width:100%;height:34px;font-size:var(--font-size-sm);border-radius:8px}.colorGroup-texture-options__item-select .ant-select-selector{font-size:var(--font-size-sm);height:100%!important;color:var(--content-input,#1c1d1f)!important;border-radius:8px!important;padding:0 28px 0 12px!important}.colorGroup-texture-options__item-select .ant-select-selector span,.colorGroup-texture-options__item-select .ant-select-selector input{align-items:center;display:flex}.colorGroup-texture-options__item-select-dropdown{border-radius:8px;overflow:hidden}.colorGroup-texture-options__item-select-dropdown.ant-select-dropdown{background-color:var(--background-system-drop-list,#fff);padding:8px 0}.colorGroup-texture-options__item-select-dropdown .ant-select-item{color:var(--content-list-primary,#1c1d1f);padding:5px 16px;font-size:14px;line-height:20px}.colorGroup-texture-presets{border-top:1px solid var(--stroke-system-separator);padding-top:12px}.colorGroup-texture-presets-title{color:var(--content-system-secondary,#616366);margin:4px 0 8px;font-size:12px;line-height:16px}.colorGroup-texture-presets-list{flex-wrap:wrap;margin-bottom:-6px;margin-right:-15px;display:flex;overflow-y:auto}.colorGroup-texture-presets-list__item{cursor:pointer;background-size:cover;border:1px solid #00000014;border-radius:4px;width:57px;height:24px;margin-bottom:6px;margin-right:8px;display:inline-block}.colorGroup-texture-presets-list__item:nth-of-type(4n){margin-right:0}.Widget.sizeInpueBox{color:var(--content-input,#1c1d1f);align-items:center;display:flex}.Widget.sizeInpueBox .sizeInput{background:var(--background-input-secondary,#f3f5f7);box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;height:34px;padding-right:8px;display:flex;overflow:hidden}.Widget.sizeInpueBox .sizeInput[data-is-error=true]{border:1px solid var(--stroke-input-error,#f74640)}.Widget.sizeInpueBox .sizeInput .sizeInputInner{background-color:initial;color:var(--content-web-primary,#17181a);border:0;outline:0;flex:1;padding:6px 0 6px 8px;box-shadow:none!important}.Widget.sizeInpueBox .sizeInput .sizeInputInner::placeholder{color:var(--content-input-lable,#abadb2)}.Widget.sizeInpueBox .sizeInput .sizeInputInner .ant-input-number-input{padding:0}.Widget.sizeInpueBox .sizeInput .sizeInputLabel{color:var(--content-web-tertiary,#15171a70);margin-left:4px;font-size:14px;line-height:20px}.Widget.sizeInpueBox .linkIcon{--iconfont-size:14px;padding:10px}.Widget.sizeInpueBox .linkIcon .iconfont{width:var(--iconfont-size)!important;height:var(--iconfont-size)!important;font-size:var(--iconfont-size)!important}.Widget.sizeInpueBox .linkIcon:hover{background-color:var(--background-btn-tertiary,#0000000a);border-radius:8px}.Widget.sizeInpueBox .sizeUnitSelect{background:var(--background-input-secondary,#f3f5f7);border:none;flex:1;height:34px}.Widget.sizeInpueBox[data-theme=inDesignCreater] .sizeInput{width:86px}.Widget.sizeInpueBox[data-theme=inDesignCreater] .linkIcon{--iconfont-size:14px;margin:0 2px}.Widget.sizeInpueBox[data-theme=inDesignCreater] .sizeUnitSelect{margin-left:8px}.Widget.sizeInpueBox[data-theme=inNewDesignCreater],.Widget.sizeInpueBox[data-theme=inNewDesignCreater] .sizeInput{flex:1}.Widget.sizeInpueBox[data-theme=inNewDesignCreater] .linkIcon{--iconfont-size:16px;background-color:var(--background-btn-hover,#001f5c0f);border-radius:8px;margin:0 4px}.Widget.sizeInpueBox[data-theme=inNewDesignCreater] .sizeUnitSelect{width:98px;margin-left:12px}.sizeInpueBoxToolTip .ant-tooltip-content{transform:translateY(-1px)}.Widget.newDesignCreater{background:var(--background-system-frame-floatpanel,#fff);border-radius:12px;overflow:hidden}.Widget.newDesignCreater .createrContainer{flex-direction:column;width:840px;height:540px;display:flex;overflow:hidden}.Widget.newDesignCreater .createrContainer .createrHeader{border-bottom:1px solid var(--stroke-system-separator,#00000014);box-sizing:border-box;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex;position:relative}.Widget.newDesignCreater .createrContainer .createrHeader .createrTitle{color:var(--content-system-primary,#1c1d1f);font-size:14px;font-weight:600;line-height:20px}.Widget.newDesignCreater .createrContainer .createrHeader .createrCloseIcon{cursor:pointer}.Widget.newDesignCreater .createrContainer .createrBody{flex:1;padding:16px 0 0 16px;display:flex}.Widget.newDesignCreater .createrContainer .createrBody .createrSideBar .createrTab{cursor:pointer;border-radius:12px;align-items:center;height:40px;margin-bottom:4px;padding:0 16px;display:flex}.Widget.newDesignCreater .createrContainer .createrBody .createrSideBar .createrTab .iconfont{color:var(--content-web-secondary,#17181aa6)}.Widget.newDesignCreater .createrContainer .createrBody .createrSideBar .createrTab span{color:var(--content-web-secondary,#17181aa6);margin-left:6px;font-size:14px;font-weight:500;line-height:20px}.Widget.newDesignCreater .createrContainer .createrBody .createrSideBar .createrTab:hover{background:var(--background-web-secondary,#001e590a)}.Widget.newDesignCreater .createrContainer .createrBody .createrSideBar .createrTab[data-active=true]{background:var(--background-web-color,#0088ff1f)}.Widget.newDesignCreater .createrContainer .createrBody .createrSideBar .createrTab[data-active=true] .iconfont{color:var(--content-system-link,#38f)!important}.Widget.newDesignCreater .createrContainer .createrBody .createrSideBar .createrTab[data-active=true] span{color:var(--content-web-primary,#17181a)}.Widget.newDesignCreater .createrContainer .createrBody .createrContent{flex:1;height:100%;margin-left:16px}.Widget.newDesignCreater .createrContainer .createrBody .createrContent .scrollbars div:first-child{scroll-behavior:smooth}.Widget.newDesignCreater .createrContainer .createrBody .createrContent .createrContentInner{padding-bottom:16px;padding-right:16px}.Widget.newDesignCreater .createrContainer .createrBody .createrContent .createrContentInner .openBtns{display:flex}.Widget.newDesignCreater .createrContainer .createrBody .createrContent .createrContentInner .openBtns .openBtn+.openBtn{margin-left:12px}.Widget.newDesignCreater .createrContainer .createrBody .createrContent .createrContentInner .openBtns .openBtn{border:1px dashed var(--stroke-input,#d0d2d6);cursor:pointer;border-radius:8px;flex:1;align-items:center;height:60px;padding:16px 24px;display:flex}.Widget.newDesignCreater .createrContainer .createrBody .createrContent .createrContentInner .openBtns .openBtn:hover{background:var(--background-btn-hover,#001f5c0f)}.Widget.newDesignCreater .createrContainer .createrBody .createrContent .createrContentInner .openBtns .openBtn span{color:var(--content-system-secondary,#616366);margin-left:8px;font-size:14px;font-weight:600;line-height:20px}.Widget.categorySection{--item-height:97px;--item-margin-left:12px;margin-top:24px}.Widget.categorySection[data-is-folded=true] ul{height:var(--item-height);overflow:hidden}.Widget.categorySection[data-is-multi-row=false] .categoryFoldBtn,.Widget.categorySection[data-is-folded=false] .categoryFoldBtn{display:none!important}.Widget.categorySection .categoryHeader{justify-content:space-between;align-items:center;display:flex}.Widget.categorySection .categoryHeader .categoryTitle{color:var(--content-web-primary,#17181a);font-size:14px;font-weight:600;line-height:20px}.Widget.categorySection .categoryHeader .categoryFoldBtn{cursor:pointer;align-items:center;display:flex}.Widget.categorySection .categoryHeader .categoryFoldBtn span{color:var(--content-system-secondary,#616366);margin-right:4px;font-size:12px;line-height:16px}.Widget.categorySection .customCreateBox{margin-top:12px;display:flex}.Widget.categorySection ul{flex-wrap:wrap;margin-top:12px;margin-bottom:0;padding:0;display:flex}.Widget.categorySection ul li{width:calc((100% + var(--item-margin-left)) / var(--item-count-per-row) - var(--item-margin-left));height:var(--item-height);margin-top:12px}.Widget.categorySection ul li+li{margin-left:var(--item-margin-left)}.Widget.canvasSize{background:var(--background-system-space-holder,#f6f7fa);border-radius:8px;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:16px;display:flex;position:relative;overflow:hidden}.Widget.canvasSize:hover .canvasSizeMask{display:flex}.Widget.canvasSize .canvasSizeMask{background:#00000040;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.Widget.canvasSize .canvasSizeMask button{background:var(--background-btn-secondary,#fff);width:66px;height:26px;color:var(--content-btn-secondary,#1c1d1f);cursor:pointer;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0 8px;font-size:12px;line-height:16px;display:flex}.Widget.canvasSize .canvasSizeName{color:var(--content-system-secondary,#616366);margin-top:8px;font-size:12px;font-weight:600;line-height:16px}.Widget.canvasSize .canvasSizeSize{width:100%;height:13px;overflow:hidden}.Widget.canvasSize .canvasSizeSize span{text-align:center;width:200%;height:200%;color:var(--content-system-quinary,#abadb2);transform-origin:0 0;font-size:20px;font-weight:400;line-height:26px;display:block;transform:scale(.5)}.xdesign-meidou-info__btn{height:32px;color:var(--content-btn-secondary,#16171a);border:1px solid var(--stroke-btn-transparency,#00000026);box-sizing:border-box;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 12px 0 8px;font-size:14px;font-style:normal;font-weight:500;line-height:20px;display:flex;position:relative}.xdesign-meidou-info__btn-icon{width:22px;height:22px}.xdesign-meidou-info__btn--intl .xdesign-meidou-info__btn-icon{width:24px;height:24px;margin-right:6px}.xdesign-meidou-info__btn--intl.xdesign-meidou-info__btn{height:36px;color:var(--content-system-primary);background:var(--background-web-secondary,#001e590a);border:none;border-radius:18px;padding:0 16px 0 12px;font-size:14px;font-weight:600;transition:background .2s}.xdesign-meidou-info__btn--intl.xdesign-meidou-info__btn:hover{background:var(--background-web-tertiary)}.xdesign-meidou-info__btn--intl-designkit.xdesign-meidou-info__btn{color:var(--content-btn-secondary,#16171a);padding:0 12px}.xdesign-meidou-info__btn--intl-designkit .xdesign-meidou-info__btn-icon{width:16px;height:16px;margin-right:4px}.xdesign-meidou-info__btn--new{cursor:pointer;justify-content:center;align-items:center;display:flex;background:0 0!important;height:18px!important;padding:0!important}.xdesign-meidou-info__btn--new .xdesign-meidou-info__btn-icon{width:auto;height:100%;margin-right:0}.xdesign-meidou-info__btn--new .xdesign-meidou-info__btn-text{color:var(--content-system-primary);margin-left:12px;font-size:14px;font-weight:400;line-height:150%}.c-create-empty__btn{margin-right:8px}.c-create-empty__btn--intl{padding:0 12px;font-weight:600;transition:background-color .15s}.c-create-empty__btn--intl:hover{background-color:var(--background-btn-tertiary-hover,#e5e7eb)}