.bottom-button[data-v-fd9c69ad]{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-fd9c69ad]{background-color:#ffffff0d;border-radius:16px;height:100%;overflow:hidden;width:100%}.template-item-area:hover .bottom-button[data-v-fd9c69ad]{opacity:1;transform:translateY(0);visibility:visible}.play-btn[data-v-fd9c69ad]{align-items:center;background:#ffffff4d;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-fd9c69ad]{visibility:hidden}.template-item[data-v-fd9c69ad]{display:block;height:100%;transition:transform .3s ease;width:100%}.template-item-area:hover .template-item[data-v-fd9c69ad]{transform:scale(1.2)}.template-skeleton[data-v-fd9c69ad]{animation:template-skeleton-shimmer-fd9c69ad 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-fd9c69ad]{display:grid;gap:.2rem;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}@media(max-width:35rem){.template-skeleton-grid[data-v-fd9c69ad]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:25rem){.template-skeleton-grid[data-v-fd9c69ad]{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes template-skeleton-shimmer-fd9c69ad{0%{background-position:100% 0}to{background-position:-100% 0}}