.SelectBrandElementModal{width:934px;max-width:calc(100vw - 32px);height:640px;max-height:calc(100vh - 32px);border-radius:16px;overflow:hidden}.SelectBrandElementModal .SelectBrandElementModal-container{display:flex;flex-direction:column;width:100%;height:100%;background-color:var(--background-system-frame-floatpanel, #fff);overflow:hidden}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header{padding-top:10px;padding-left:24px;position:relative;height:56px;border-bottom:1px solid var(--stroke-system-border-overlay, rgba(0, 0, 0, .08));box-sizing:border-box}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs{display:flex;align-items:center}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem{margin-right:40px;padding-bottom:9px;position:relative;display:flex;align-items:center;border-bottom:3px solid transparent;cursor:pointer}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem:first-child{max-width:200px}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem[data-active=true]:not([data-tabCount="1"]){border-color:var(--content-web-primary, #17181a)}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem[data-active=true]>span{color:var(--content-web-primary, #17181a);font-weight:600}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandItemIcon{margin-right:4px;padding:4px;width:34px;height:34px;border-radius:6px;overflow:hidden;background:var(--background-amplification-result)}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandItemIcon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid var(--stroke-system-border-overlay, rgba(0, 0, 0, .08));overflow:hidden}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem>span{color:var(--content-web-tertiary, rgba(21, 23, 26, .44));font-size:16px;line-height:22px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList{padding:8px;position:absolute;top:calc(100% + 16px);left:0;width:300px;height:343px;border-radius:16px;background:var(--background-drop-menu, #fff);box-shadow:0 0 1px 0 var(--effects-shadow-drop-menu2, rgba(0, 8, 31, .25)),0 4px 16px 0 var(--effects-shadowDropMenu1, rgba(0, 8, 31, .08));z-index:1000}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem+.SelectBrandElementModal-brandItem{margin-top:4px}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem{padding:4px 8px;height:60px;display:flex;align-items:center;cursor:pointer;border-radius:10px}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem[data-active=true]{border:1px solid var(--stroke-slide-thumb-selected);background:var(--background-system-frame-floatpanel)}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem:hover{background:var(--background-hover-overlay, rgba(17, 18, 20, .05))}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem>span{flex:1;margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem .SelectBrandElementModal-brandCover{margin-right:12px;width:44px;height:44px;border-radius:8px;overflow:hidden}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem .SelectBrandElementModal-brandCover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-tabs .SelectBrandElementModal-tabItem .SelectBrandElementModal-brandList .SelectBrandElementModal-brandItem .SelectBrandElementModal-selectedIcon{margin-left:auto;margin-right:8px;display:flex;align-items:center;justify-content:center}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-header .SelectBrandElementModal-closeIcon{position:absolute;right:16px;top:16px;cursor:pointer}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body{flex:1;background:var(--background-webmain, #f6f7fa)}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-brand{height:100%}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-brand .SelectBrandElementModal-brandInner{padding:0 12px 24px 24px}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-brand .SelectBrandElementModal-brandInner .SelectBrandElementModal-brandHeaderBlock{position:sticky;top:0;height:24px;background-color:var(--background-webmain, #f6f7fa);z-index:1}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .dropArea{padding:20px;background-color:var(--background-system-main-background-default, #f6f7fa)}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .dropArea[data-is-dragging=true] .addImageBox{border-color:var(--stroke-inputFocus, rgba(51, 136, 255, .3))}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .dropArea .addImageBox{height:544px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-radius:16px;border:2px dashed var(--stroke-system-separator, rgba(255, 255, 255, .08))}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .dropArea .addImageBox .addImageTip,.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .dropArea .addImageBox .addImageLimit{color:var(--content-system-tertiary, #939599);font-size:14px;line-height:20px}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .dropArea .addImageBox .addImageTip{margin-top:20px}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .dropArea .addImageBox .addImageLimit{margin-top:4px}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .createrImageUploadBtn{width:120px;height:40px;border-radius:10px!important}.SelectBrandElementModal .SelectBrandElementModal-container .SelectBrandElementModal-body .SelectBrandElementModal-upload .createrImageUploadBtn .mt-design-rc-Button__children{margin-left:5px!important;font-size:16px!important;font-weight:600!important}.listSection .listSection-header{padding-bottom:6px;position:sticky;display:flex;align-items:center;height:22px;background-color:var(--background-webmain, #f6f7fa);box-sizing:content-box;top:24px;z-index:3}.listSection .listSection-header[data-is-open=false]{padding-bottom:16px;box-sizing:content-box}.listSection .listSection-header .listSection-toggle{width:-moz-max-content;width:max-content;display:flex;align-items:center;height:100%;cursor:pointer}.listSection .listSection-header .listSection-toggle .iconfont.icon-PointingTriangleDown{transform:translateY(.5px)}.listSection .listSection-header .listSection-Title{margin-left:4px;color:var(--content-web-primary, #17181a);font-family:PingFang SC;font-size:16px;font-style:normal;font-weight:500;line-height:22px}.listSection .listSection-content{padding-top:6px}.listSection .listSection-content .listSection-empty{padding:20px 0}.listSection .listSection-content .listSection-list{padding-left:0;margin-bottom:0;display:flex;flex-wrap:wrap}.listSection .listSection-content .listSection-list .elementCard{margin-right:12px;margin-bottom:12px;width:100px;display:flex;flex-direction:column;cursor:pointer}.listSection .listSection-content .listSection-list .elementCard[data-type=template] .elementCard-cover{padding-bottom:133.33%}.listSection .listSection-content .listSection-list .elementCard .elementCard-cover{padding-bottom:100%;position:relative;border-radius:16px;background:var(--background-amplification-result);overflow:hidden}.listSection .listSection-content .listSection-list .elementCard .elementCard-cover:hover img{transform:scale(1.1)}.listSection .listSection-content .listSection-list .elementCard .elementCard-cover .elementCard-coverImg{margin:12px;position:absolute;display:block;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:12px;border:1px solid var(--stroke-system-borderO-overlay, rgba(0, 0, 0, .08));background:var(--background-web-primary, #fff);overflow:hidden}.listSection .listSection-content .listSection-list .elementCard .elementCard-cover .elementCard-coverImg img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .2s ease-in-out}.listSection .listSection-content .listSection-list .elementCard .elementCard-name{margin-top:8px;color:var(--content-system-secondary);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}