.template_list[data-v-2c68efa8]{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.template_list .template_item[data-v-2c68efa8]{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.template_list .template_item .template_item_wrap[data-v-2c68efa8]{aspect-ratio:1/1;background-color:var(--bgColor);border:2px solid transparent;border-radius:.9rem;overflow:hidden;padding:3px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.template_list .template_item .template_item_img[data-v-2c68efa8]{border-radius:.6rem;display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s cubic-bezier(.4,0,.2,1);width:100%}.template_list .template_item:hover .template_item_wrap[data-v-2c68efa8]{border-color:var(--themeColor-400)}.template_list .template_item .template_item_wrap.active[data-v-2c68efa8]{border-color:var(--themeColor-500)}.template_list .template_item .template_item_text[data-v-2c68efa8]{align-items:flex-end;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#fff;display:flex;inset:0;justify-content:center;opacity:0;padding:1rem;position:absolute;transition:opacity .25s ease}.template_list .template_item:hover .template_item_text[data-v-2c68efa8]{opacity:1}.template_list .template_item .template_item_desc[data-v-2c68efa8]{font-size:.75rem;line-height:1.5;text-align:center}.template_list .template_item .template_item_title[data-v-2c68efa8]{font-size:.8rem;font-weight:600;margin-top:6px;text-align:center}