.NewProjectByTemplate{width:100%;background:var(--bg-2);border-radius:20px;padding:24px}.NewProjectByTemplate .NewProjectByTemplate-title-close{margin-left:16px;position:relative}.NewProjectByTemplate .NewProjectByTemplate-title-close:before{content:"";display:block;width:1px;height:12px;background:var(--line-2);position:absolute;left:-9px;top:5px}.NewProjectByTemplate .NewProjectByTemplate-main{overflow:scroll;margin-top:12px}.NewProjectByTemplate .NewProjectByTemplate-main .NewProjectByTemplate-item{flex-shrink:0;width:200px;aspect-ratio:16/9;border-radius:12px;margin-right:24px;overflow:hidden;position:relative;background:url(/_next/static/media/resource_empty_cover.2c7d02c5.png) no-repeat 50%/cover,var(--bg-3)}.NewProjectByTemplate .NewProjectByTemplate-main .NewProjectByTemplate-item>img{width:100%}.NewProjectByTemplate .NewProjectByTemplate-main .NewProjectByTemplate-item .NewProjectByTemplate-menban{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition:opacity .2s;opacity:0}.NewProjectByTemplate .NewProjectByTemplate-main .NewProjectByTemplate-item .NewProjectByTemplate-menban .NewProjectByTemplate-menban-btn{background:var(--bg-1);width:108px;height:36px;border-radius:18px;color:var(--text-1);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;position:relative;bottom:-10%;scale:1.02}.NewProjectByTemplate .NewProjectByTemplate-main .NewProjectByTemplate-item .NewProjectByTemplate-menban .NewProjectByTemplate-menban-btn>svg{margin-right:2px;transform:translateY(-1px)}.NewProjectByTemplate .NewProjectByTemplate-main .NewProjectByTemplate-item:hover .NewProjectByTemplate-menban{opacity:1}.NewProjectByTemplate .NewProjectByTemplate-main .NewProjectByTemplate-item:hover .NewProjectByTemplate-menban .NewProjectByTemplate-menban-btn{bottom:0;scale:1}