.bottom-button[data-v-824c08e3]{bottom:20px;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:10}.template-item-area[data-v-824c08e3]{background-color:#ffffff0d;border-radius:16px;height:100%;overflow:hidden;width:100%}.template-item-area:hover .bottom-button[data-v-824c08e3]{opacity:1;transform:translateY(0);visibility:visible}.play-btn[data-v-824c08e3]{align-items:center;-webkit-backdrop-filter:blur(4.285714149475098px);backdrop-filter:blur(4.285714149475098px);background:#fff3;border-radius:24px;display:flex;height:24px;justify-content:center;left:.3rem;position:absolute;top:.3rem;width:24px}.template-item-area:hover .play-btn[data-v-824c08e3]{visibility:hidden}.template-item[data-v-824c08e3]{display:block;height:100%;transition:transform .3s ease;width:100%}.template-item-area:hover .template-item[data-v-824c08e3]{transform:scale(1.2)}.template-skeleton[data-v-824c08e3]{animation:template-skeleton-shimmer-824c08e3 1.2s ease-in-out infinite;background:linear-gradient(90deg,#ffffff0d,#ffffff1f 50%,#ffffff0d);background-size:200% 100%;overflow:hidden}.template-skeleton-grid[data-v-824c08e3]{display:grid;gap:.2rem;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}@media(max-width:35rem){.template-skeleton-grid[data-v-824c08e3]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:25rem){.template-skeleton-grid[data-v-824c08e3]{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes template-skeleton-shimmer-824c08e3{0%{background-position:100% 0}to{background-position:-100% 0}}