.select-template-dialog.el-dialog{max-width:1110px;overflow:hidden;padding:24px 14px;width:90vw}h2[data-v-629334cc]{color:#fff;font-size:20px;font-weight:400;margin-bottom:20px}.card-list[data-v-629334cc]{display:flex;flex-wrap:wrap;gap:12px;padding:0 10px}.card-list[data-v-629334cc] .tmp-item{aspect-ratio:3/4;border:3px solid transparent;border-radius:12px;cursor:pointer;max-width:298px;overflow:hidden;position:relative;transition:all .2s ease;width:calc(25% - 9px)}.card-list[data-v-629334cc] .tmp-item video{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-list[data-v-629334cc] .tmp-item{display:flex;align-items:center;justify-content:center}.card-list[data-v-629334cc] .tmp-item:after{background:linear-gradient(180deg,var(--primary-bg-color) 0 0,var(--primary-bg-color) e6 100%);bottom:0;content:"";height:85px;left:0;position:absolute;width:100%;z-index:1}.card-list[data-v-629334cc] .tmp-item .create-btn{background:var(--primary-gradient);border:none;border-radius:40px;bottom:20px;box-shadow:var(--primary-shadow);display:none;flex-shrink:0;font-size:14px;gap:10px;height:35px;left:50%;padding:15px;position:absolute;transform:translate(-50%);z-index:2}.card-list[data-v-629334cc] .tmp-item .create-btn>span{color:#191919;font-size:14px;height:100%;position:relative;width:100%;display:flex;align-items:center;justify-content:center}.card-list[data-v-629334cc] .tmp-item .create-btn:hover{filter:brightness(1.1) saturate(1.2)}.card-list[data-v-629334cc] .tmp-item .el-image{height:100%;width:100%}.card-list[data-v-629334cc] .tmp-item .el-image .el-image__inner{-o-object-fit:cover;object-fit:cover}.card-list[data-v-629334cc] .tmp-item .el-image .image-placeholder{align-items:center;background:linear-gradient(0deg,#16191d,#16191d),#d3d3d3 50%/cover no-repeat;border-radius:12px;display:flex;height:100%;justify-content:center;width:100%}@media (hover:hover) and (min-width:768px){.card-list[data-v-629334cc] .tmp-item:hover{border:3px solid var(--el-color-primary)}.card-list[data-v-629334cc] .tmp-item:hover .create-btn{display:block}}@media only screen and (max-width:768px){.select-template-dialog.el-dialog{padding:16px;width:100%}h2[data-v-629334cc]{font-size:16px;margin-bottom:16px}.card-list[data-v-629334cc] .tmp-item{max-width:none;width:calc(50% - 6px)}.card-list[data-v-629334cc] .tmp-item .create-btn{bottom:10px;transform:translate(-50%) scale(.9)}}