.layout-materialLibrary .ant-pro-page-header-wrap-children-content{background:unset;padding:0}.material-container[data-v-4d55a603] .ant-card-body{padding:24px 24px 0 24px}.material-container .material-card-title[data-v-4d55a603]{font-size:16px;font-weight:600;color:rgba(0,0,0,.85);line-height:24px;margin:0}.material-container .material-card-list[data-v-4d55a603]{display:flex;flex-wrap:wrap;min-height:256px}.material-container .material-card-item[data-v-4d55a603]{width:calc(25% - 12px);min-width:244px;background:#fff;box-shadow:0 0 30px 5px rgba(151,170,195,.05),0 0 24px 2px rgba(151,170,195,.04),0 0 10px -5px rgba(151,170,195,.08);border-radius:4px;border:1px solid rgba(0,0,0,.12);position:relative;margin-right:16px;margin-bottom:24px}.material-container .material-card-item[data-v-4d55a603]:nth-child(4n){margin-right:0}.material-container .material-card-item .star-btn[data-v-4d55a603]{position:absolute;top:0;right:0;width:80px;height:27px;background:rgba(0,0,0,.45);border-radius:0 4px 0 12px;font-size:12px;color:hsla(0,0%,100%,.85);display:flex;align-items:center;justify-content:center;cursor:pointer}.material-container .material-card-item .material-img[data-v-4d55a603]{box-sizing:border-box;background:#f5f5f5;border-radius:4px;overflow:hidden}.material-container .material-card-item .material-img img[data-v-4d55a603]{display:block;width:100%;height:100%}.material-container .material-card-item .attr-list[data-v-4d55a603]{padding:16px 16px 0 16px;display:flex;flex-wrap:wrap;font-size:14px;font-weight:400;line-height:22px}.material-container .material-card-item .attr-list>div[data-v-4d55a603]{margin-bottom:12px}.material-container .material-card-item .attr-list b[data-v-4d55a603]{font-weight:400;color:rgba(0,0,0,.45)}.material-container .material-card-item .attr-list span[data-v-4d55a603]{color:rgba(0,0,0,.85)}.material-container .material-card-item .attr-list .scene[data-v-4d55a603]{margin-bottom:0}.material-container .material-card-item .attr-scene[data-v-4d55a603]{display:none;font-size:14px;font-weight:400;line-height:22px;margin-top:12px;padding:0 16px}.material-container .material-card-item .attr-scene b[data-v-4d55a603]{color:rgba(0,0,0,.45)}.material-container .material-card-item .attr-scene span[data-v-4d55a603]{color:rgba(0,0,0,.85)}.material-container .material-card-item .content[data-v-4d55a603]{display:flex;flex-wrap:wrap;flex-direction:row}.material-container .material-card-item .content .material-img[data-v-4d55a603]{width:114px;height:140px;margin:16px 0 0 16px}.material-container .material-card-item .content .attr-list[data-v-4d55a603]{flex:1;flex-direction:column}.material-container .material-card-item .content.material-banner[data-v-4d55a603]{flex-direction:column}.material-container .material-card-item .content.material-banner .material-img[data-v-4d55a603]{width:100%;height:130px;margin:0;border-radius:0 0 4px 4px}.material-container .material-card-item .content.material-banner .attr-list[data-v-4d55a603]{padding:20px 16px 0 16px;flex-direction:row;box-sizing:border-box}.material-container .material-card-item .content.material-banner .attr-list>div[data-v-4d55a603]{flex:1}.material-container .material-card-item .content.material-banner .attr-list b[data-v-4d55a603]{display:inline-block}.material-container .material-card-item .content.material-banner .attr-list .size[data-v-4d55a603]{height:22px;margin-bottom:0}.material-container .material-card-item .content.material-banner .attr-list .unlocks[data-v-4d55a603]{height:22px;margin-bottom:0;text-align:left}.material-container .material-card-item .content.material-banner .attr-list .scene[data-v-4d55a603]{flex-basis:100%}.material-container .material-card-item .content.material-activity-entry .material-img[data-v-4d55a603]{width:114px;height:114px}.material-container .material-card-item .btn-group[data-v-4d55a603]{width:100%;padding:20px 16px;display:flex;justify-content:space-between;box-sizing:border-box}.material-container .material-card-item .btn-group[data-v-4d55a603] .ant-btn{width:calc(50% - 8px);height:40px;border-radius:3px}.material-container .material-card-item .btn-group .use-btn[data-v-4d55a603]{display:inline-block;width:calc(50% - 8px);height:40px;padding:0 15px;line-height:1.499;background-color:#1890ff;color:#fff;border:none;border-radius:3px;cursor:pointer;position:relative;box-shadow:0 2px 25px rgba(29,109,217,.5);outline:0;transition:transform .1s ease-in,background-color .1s ease-in,box-shadow .25s ease-in}.material-container .material-card-item .btn-group .use-btn[data-v-4d55a603]:before{position:absolute;content:"";left:-2em;right:-2em;top:-2em;bottom:-2em;pointer-events:none;transition:.5s ease-in-out;background-repeat:no-repeat;background-image:radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0),radial-gradient(circle,#1890ff 20%,transparent 0);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%,15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%;background-position:18% 43%,20% 34%,30% 33%,40% 34%,50% 33%,57% 33%,65% 33%,80% 36%,15% 57%,83% 57%,18% 66%,25% 67%,41% 66%,50% 67%,64% 67%,80% 66%}.material-container .material-card-item .btn-group .use-btn[data-v-4d55a603]:active{transform:scale(.95);background-color:#3692f5;box-shadow:0 2px 25px rgba(9,109,217,.5)}.material-container .material-card-item .btn-group .use-btn[data-v-4d55a603]:active:before{-webkit-animation:none;animation:none;background-size:0}.material-container .material-card-item .btn-group .use-btn.show-particles[data-v-4d55a603]:before{animation:bubbles-data-v-4d55a603 .75s ease-in-out forwards;-webkit-animation:bubbles-data-v-4d55a603 .75s ease-in-out forwards}.preview-modal .preview-wrapper[data-v-4d55a603]{width:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.preview-modal .preview-content[data-v-4d55a603]{width:205px}.preview-modal .preview-content.is-banner[data-v-4d55a603],.preview-modal .preview-content img[data-v-4d55a603]{width:100%}@-webkit-keyframes bubbles-data-v-4d55a603{0%{background-position:18% 43%,20% 34%,30% 33%,40% 34%,50% 33%,57% 33%,65% 33%,80% 36%,15% 57%,83% 57%,18% 66%,25% 67%,41% 66%,50% 67%,64% 67%,80% 66%}50%{background-position:10% 44%,0 20%,15% 5%,30% 0,42% 0,62% -2%,75% 0,95% -2%,0 80%,95% 55%,7% 100%,24% 100%,41% 100%,55% 95%,68% 96%,95% 100%}to{background-position:5% 44%,-5% 20%,7% 5%,23% 0,37% 0,58% -2%,80% 0,100% -2%,-5% 80%,100% 55%,2% 100%,23% 100%,42% 100%,60% 95%,70% 96%,100% 100%;background-size:0 0}}@keyframes bubbles-data-v-4d55a603{0%{background-position:18% 43%,20% 34%,30% 33%,40% 34%,50% 33%,57% 33%,65% 33%,80% 36%,15% 57%,83% 57%,18% 66%,25% 67%,41% 66%,50% 67%,64% 67%,80% 66%}50%{background-position:10% 44%,0 20%,15% 5%,30% 0,42% 0,62% -2%,75% 0,95% -2%,0 80%,95% 55%,7% 100%,24% 100%,41% 100%,55% 95%,68% 96%,95% 100%}to{background-position:5% 44%,-5% 20%,7% 5%,23% 0,37% 0,58% -2%,80% 0,100% -2%,-5% 80%,100% 55%,2% 100%,23% 100%,42% 100%,60% 95%,70% 96%,100% 100%;background-size:0 0}}@media screen and (max-width:1740px){.material-container .material-card-list[data-v-4d55a603]{min-height:310px}.material-container .material-card-item .attr-list b[data-v-4d55a603]{display:block}.material-container .material-card-item .attr-list .scene[data-v-4d55a603]{display:none;text-align:right}.material-container .material-card-item .attr-scene[data-v-4d55a603]{display:block}.material-container .material-card-item .content.material-banner .attr-list .size[data-v-4d55a603]{flex-basis:10%}}@media screen and (max-width:1370px){.material-container .material-card-item .content.material-banner .attr-list .unlocks[data-v-4d55a603]{text-align:right}}