.template-center{min-height:100vh;width:100%;align-items:center;--tw-bg-opacity:1;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.template-center,.template-center .main{display:flex;flex-direction:column;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.template-center .main{width:1440px;min-width:0;max-width:100%;gap:80px;--tw-bg-opacity:1;padding-left:100px;padding-right:100px;padding-top:210px}@media not all and (min-width:1280px){.template-center .main{gap:8vh}}@media not all and (min-width:1024px){.template-center .main{padding-top:20vh}}@media not all and (min-width:768px){.template-center .main{gap:6vh;padding-left:8vw;padding-right:8vw}}.template-center .main .header>.title{margin-bottom:16px;white-space:pre-wrap;overflow-wrap:break-word;font-size:56px;font-weight:500;line-height:58.8px;--tw-text-opacity:1;color:rgb(16 16 18/var(--tw-text-opacity))}@media not all and (min-width:768px){.template-center .main .header>.title{font-size:8vw;line-height:9vw}}.template-center .main .header>.description{font-size:1rem;line-height:1.5rem}.template-center .main .content{display:flex;gap:100px}@media not all and (min-width:1280px){.template-center .main .content{gap:6vw}}@media not all and (min-width:768px){.template-center .main .content{flex-direction:column;gap:0}}.template-center .main .content .sidebar-container{margin-bottom:80px;width:24vw;max-width:300px;overflow:hidden}@media not all and (min-width:768px){.template-center .main .content .sidebar-container{margin-bottom:6vh;width:100%;max-width:100%}}.template-center .main .content .sidebar-container.scroll-enabled ::-webkit-scrollbar{width:8px;height:8px}.template-center .main .content .sidebar-container.scroll-enabled ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.template-center .main .content .sidebar-container.scroll-enabled ::-webkit-scrollbar-track{background:transparent}.template-center .main .content .sidebar-container.scroll-enabled:not(:hover) ::-webkit-scrollbar{width:8px;height:8px;background:transparent}.template-center .main .content .sidebar-container.scroll-enabled:not(:hover) ::-webkit-scrollbar-thumb{background:transparent}.template-center .main .content .sidebar{display:flex;width:24vw;max-width:300px;flex-direction:column;gap:30px}@media not all and (min-width:768px){.template-center .main .content .sidebar{width:100%;max-width:100%;gap:20px}}.template-center .main .content .categories{display:flex;flex-direction:column;gap:30px}@media not all and (min-width:768px){.template-center .main .content .categories{gap:10px}}.template-center .main .content .categories .category-type{font-size:14px;font-weight:400;line-height:21px;--tw-text-opacity:1;color:rgb(16 16 18/var(--tw-text-opacity));opacity:.5}.template-center .main .content .categories .category-list{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}@media not all and (min-width:768px){.template-center .main .content .categories .category-list{flex-direction:row;flex-wrap:wrap;gap:.75rem}}.template-center .main .content .categories .category-list .category{display:flex;width:100%;cursor:pointer;align-items:center;gap:.5rem;overflow:hidden;font-size:1rem;line-height:1.5rem;font-weight:500;line-height:24px;--tw-text-opacity:1;color:rgb(16 16 18/var(--tw-text-opacity))}@media not all and (min-width:768px){.template-center .main .content .categories .category-list .category{width:-moz-fit-content;width:fit-content;gap:.375rem}}.template-center .main .content .categories .category-list .category .icon{height:1.25rem;width:1.25rem}.template-center .main .content .categories .category-list .category .name{flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-center .main .content .categories .category-list .category.selected,.template-center .main .content .categories .category-list .category:hover{color:var(--color-primary)}.template-center .main .content .search-input{background:#f5f5fa;display:flex;height:3rem;width:100%;align-items:center;justify-content:space-between;gap:10px;border-radius:9999px;padding:.75rem 1rem}.template-center .main .content .search-input svg{height:1rem;width:1rem}.template-center .main .content .template-list{display:flex;flex:1 1 0%;flex-direction:column;gap:70px;overflow:hidden;padding-bottom:100px}@media not all and (min-width:768px){.template-center .main .content .template-list{padding-bottom:10vh}}.template-center .main .content .template-list .template-category{display:flex;width:100%;flex-direction:column;gap:1.5rem;overflow:hidden}.template-center .main .content .template-list .template-category .category-item{display:flex;width:100%;flex-direction:column;gap:.5rem;overflow:hidden}.template-center .main .content .template-list .template-category .category-item .category-icon-name{display:flex;width:100%;align-items:center;gap:.5rem;overflow:hidden;font-size:24px;font-weight:500}@media not all and (min-width:1280px){.template-center .main .content .template-list .template-category .category-item .category-icon-name{font-size:16px}}.template-center .main .content .template-list .template-category .category-item .category-icon-name .icon{height:30px;width:30px;color:var(--color-primary)}@media not all and (min-width:1280px){.template-center .main .content .template-list .template-category .category-item .category-icon-name .icon{height:16px;width:16px}}.template-center .main .content .template-list .template-category .category-item .category-icon-name .icon svg{height:30px;width:30px}@media not all and (min-width:1280px){.template-center .main .content .template-list .template-category .category-item .category-icon-name .icon svg{height:16px;width:16px}}.template-center .main .content .template-list .template-category .category-item .category-icon-name .name{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between;gap:.25rem;overflow:hidden}.template-center .main .content .template-list .template-category .category-item .category-icon-name .name>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-center .main .content .template-list .template-category .category-item .category-icon-name .name>a{width:-moz-fit-content;width:fit-content;white-space:nowrap}.template-center .main .content .template-list .template-category .category-item .category-desc{white-space:pre-wrap;overflow-wrap:break-word;font-size:1rem;line-height:1.5rem;line-height:24px;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity));opacity:.5}.template-center .main .content .category-template-list{display:flex;flex:1 1 0%;flex-direction:column;gap:70px;padding-bottom:100px}@media not all and (min-width:768px){.template-center .main .content .category-template-list{padding-bottom:10vh}}.template-center .main .content .category-template-list .template-category{display:flex;flex-direction:column;gap:60px}.template-center .main .content .category-template-list .template-category .category-item{display:flex;flex-direction:column;gap:1rem}.template-center .main .content .category-template-list .template-category .category-item .category-icon-name{display:flex;align-items:center;gap:.5rem;font-size:40px;font-weight:500}@media not all and (min-width:768px){.template-center .main .content .category-template-list .template-category .category-item .category-icon-name{font-size:6vw}}.template-center .main .content .category-template-list .template-category .category-item .category-icon-name .icon{height:30px;width:30px;color:var(--color-primary)}.template-center .main .content .category-template-list .template-category .category-item .category-icon-name .name{display:flex;flex:1 1 0%;align-items:center;justify-content:space-between;white-space:pre-wrap;overflow-wrap:break-word}.template-center .main .content .category-template-list .template-category .category-item .category-desc{white-space:pre-wrap;overflow-wrap:break-word;font-size:1rem;line-height:1.5rem;line-height:24px;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.template-center .main .content .search-result{display:flex;flex:1 1 0%;flex-direction:column;gap:70px;padding-bottom:100px}@media not all and (min-width:768px){.template-center .main .content .search-result{padding-bottom:10vh}}.template-center .main .content .search-result .search-result-header{display:flex;flex-direction:column;gap:1rem}.template-center .main .content .search-result .search-result-header .search-result-title{font-size:40px;font-weight:500}@media not all and (min-width:768px){.template-center .main .content .search-result .search-result-header .search-result-title{font-size:6vw}}.template-center .main .content .search-result .search-result-header .search-result-count{font-size:1rem;line-height:1.5rem}.template-center .templates .template-item{display:flex;flex-direction:column;gap:1.25rem}.template-center .templates .template-item .template-preview{width:100%;border-radius:16px;padding-left:1rem;padding-right:1rem;padding-top:1rem}.template-center .templates .template-item .template-preview iframe{aspect-ratio:16/9;height:100%;width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));pointer-events:none}.template-center .templates .template-item .template-preview .iframe-shadow{position:absolute;bottom:0;left:0;height:30%;width:100%;overflow:hidden;background:url(/_next/static/media/iframe-shadow.c4b1063f.svg) no-repeat 50%;transform:translateZ(0);background-size:cover;filter:blur(10px)}.template-center .templates .template-item .template-info{display:flex;flex-direction:column;gap:1rem}.template-center .templates .template-item .template-info .template-creator{display:flex;align-items:flex-start;gap:.75rem}.template-center .templates .template-item .template-info .template-creator .avatar{height:40px;width:40px;overflow:hidden;border-radius:9999px;border-width:1px}.template-center .templates .template-item .template-info .template-creator .right-info{display:flex;flex:1 1 0%;flex-direction:column;gap:.25rem}.template-center .templates .template-item .template-info .template-creator .right-info .template-name{font-size:14px;font-weight:500}.template-center .templates .template-item .template-info .template-creator .right-info .creator-name{font-size:14px;opacity:.5}.template-center .templates .template-item .template-info .template-desc{max-height:60px;overflow:hidden;white-space:pre-wrap;overflow-wrap:break-word;font-size:.875rem;line-height:1.25rem}.template-center .template-section{display:flex;width:100vw;justify-content:center;padding-bottom:100px}@media not all and (min-width:768px){.template-center .template-section{height:-moz-fit-content;height:fit-content;min-height:100vh;padding-bottom:10vh;padding-top:6vh}}.template-center .template-section .template-section-main{margin-left:170px;margin-right:170px;display:flex;width:1100px;min-width:0;max-width:100%;flex-direction:column;gap:60px;padding-top:170px}@media not all and (min-width:1024px){.template-center .template-section .template-section-main{margin-left:8vw;margin-right:8vw;gap:6vh;padding-top:14vh}}@media not all and (min-width:768px){.template-center .template-section .template-section-main{padding-top:10vh}}.template-center .template-section .template-section-main-header{display:flex;align-items:center;justify-content:space-between;gap:2.5rem}@media not all and (min-width:768px){.template-center .template-section .template-section-main-header{flex-direction:column;align-items:flex-start}}.template-center .template-section .template-section-main-header-title{white-space:pre-wrap;overflow-wrap:break-word;font-size:56px;font-weight:500;line-height:58.8px;--tw-text-opacity:1;color:rgb(16 16 18/var(--tw-text-opacity))}@media not all and (min-width:1280px){.template-center .template-section .template-section-main-header-title{font-size:30px;line-height:36px}}@media not all and (min-width:768px){.template-center .template-section .template-section-main-header-title{font-size:8vw;line-height:9vw}}.template-center .template-section .template-section-main-header-desc{font-size:1rem;line-height:1.5rem}.template-center .template-section .template-section-main-header-creator{display:flex;align-items:center;gap:.75rem}.template-center .template-section .template-section-main-header-creator .avatar{height:40px;width:40px;overflow:hidden;border-radius:9999px;border-width:1px}.template-center .template-section .template-section-main-header-creator .avatar img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.template-center .template-section .template-section-main-header-creator .right-info{display:flex;flex-direction:column;gap:.25rem}.template-center .template-section .template-section-main-header-creator .right-info .creator-name{font-size:16px;font-weight:500}.template-center .template-section .template-section-main-header-creator .right-info .template-count{font-size:14px;opacity:.5}.template-center .template-section .template-section-main-header-actions{display:flex;flex-direction:row;align-items:center;gap:.75rem}@media not all and (min-width:1280px){.template-center .template-section .template-section-main-header-actions{width:100%;max-width:220px;flex-direction:column}}@media not all and (min-width:768px){.template-center .template-section .template-section-main-header-actions{width:100%;max-width:100%}}@media not all and (min-width:1280px){.template-center .template-section .template-section-main-header-actions a{width:100%}}.template-center .template-section .template-section-main-header-actions button{display:flex;width:auto;align-items:center;justify-content:center;white-space:nowrap}@media not all and (min-width:1280px){.template-center .template-section .template-section-main-header-actions button{width:100%}}.template-center .template-section .template-section-main .template-preview{aspect-ratio:16/9;max-height:620px;width:100%}@media not all and (min-width:768px){.template-center .template-section .template-section-main .template-preview{aspect-ratio:3/4}}.template-center .template-section .template-section-main .template-preview iframe{height:100%;width:100%;overflow:hidden;border-radius:16px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.template-center .template-about{display:flex;flex:1 1 0%;flex-direction:column;gap:2.5rem;overflow:hidden}.template-center .template-about .title{width:100%;white-space:pre-wrap;overflow-wrap:break-word;font-size:40px;font-weight:500}@media not all and (min-width:768px){.template-center .template-about .title{font-size:6vw;line-height:7vw}}.template-center .template-extra{display:flex;width:221px;flex-direction:column;gap:2.5rem;overflow:hidden}@media not all and (min-width:768px){.template-center .template-extra{width:100%;gap:1.5rem}}.template-center .template-extra .title{padding-bottom:1.5rem;font-size:14px;font-weight:500;opacity:.5}@media not all and (min-width:768px){.template-center .template-extra .title{padding-bottom:.75rem}}.template-center .template-extra .categories{display:flex;flex-direction:column;gap:.75rem}@media not all and (min-width:768px){.template-center .template-extra .categories{gap:.5rem}}.template-center .template-extra .categories .title{padding-bottom:.75rem}@media not all and (min-width:768px){.template-center .template-extra .categories .title{padding-bottom:.25rem;font-size:12px}}.template-center .template-extra .categories a{display:flex;width:-moz-fit-content;width:fit-content;cursor:pointer;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;padding:1rem 1.25rem}.template-center .template-extra .categories a:hover{color:var(--color-primary)}@media not all and (min-width:768px){.template-center .template-extra .categories a{width:-moz-fit-content;width:fit-content;padding:.5rem .75rem;font-size:.75rem;line-height:1rem}.template-center .template-extra .categories a svg{height:1rem;width:1rem}}.template-center .template-extra .creator,.template-center .template-extra .share{display:flex;flex-wrap:wrap;gap:.75rem}@media not all and (min-width:768px){.template-center .template-extra .creator,.template-center .template-extra .share{gap:.5rem}}.template-center .template-extra .creator button,.template-center .template-extra .share button{display:flex;height:56px;width:56px;align-items:center;justify-content:center;border-radius:9999px;border-width:1px}@media not all and (min-width:768px){.template-center .template-extra .creator button,.template-center .template-extra .share button{height:40px;width:40px}}.template-center .template-extra .creator button:hover,.template-center .template-extra .share button:hover{border-color:var(--color-primary);color:var(--color-primary)}.template-center .template-extra .creator button svg,.template-center .template-extra .share button svg{height:24px;width:24px}@media not all and (min-width:768px){.template-center .template-extra .creator button svg,.template-center .template-extra .share button svg{height:16px;width:16px}}.template-center .template-extra .creator button svg g,.template-center .template-extra .share button svg g{opacity:1}.template-center .related-template{display:flex;width:1100px;min-width:0;max-width:100%;flex-direction:column}.template-center .related-template .title{margin-bottom:48px;width:100%;white-space:pre-wrap;overflow-wrap:break-word;font-size:40px;font-weight:500}@media not all and (min-width:768px){.template-center .related-template .title{margin-bottom:1.5rem;font-size:6vw;line-height:7vw}}.template-center .community{display:flex;height:-moz-fit-content;height:fit-content;width:100vw;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background-size:cover;padding-top:150px;padding-bottom:150px}@media not all and (min-width:768px){.template-center .community{padding:10vh 6vw}}.template-center .community{position:relative;overflow:hidden;background-color:#200e34}.template-center .community .glow{position:absolute;width:100%;height:100%;transform:translate3d(0,50%,0);background:radial-gradient(ellipse 1030px 515px at center,rgba(138,44,231,.4) 0,rgba(138,44,231,0) 70%);filter:blur(200px)}.template-center .community .image{position:absolute;opacity:.3;overflow:hidden;transform:translateZ(0);display:flex;align-items:center;justify-content:center;width:100vw}@media not all and (min-width:1280px){.template-center .community .image{width:130vw}}@media not all and (min-width:1024px){.template-center .community .image{width:150vw}}@media not all and (min-width:768px){.template-center .community .image{width:200vw}}@media not all and (min-width:640px){.template-center .community .image{width:300vw}}.template-center .community .image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover}.template-center .community .community-title{z-index:1;width:100%;max-width:700px;white-space:pre-wrap;overflow-wrap:break-word;text-align:center;font-size:56px;font-weight:500;line-height:58.8px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:768px){.template-center .community .community-title{font-size:8vw;line-height:9vw}}.template-center .community .community-description{z-index:1;width:100%;max-width:700px;text-align:center;font-size:1rem;line-height:1.5rem;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.template-center .community a{z-index:1}.template-center .community .download-btn{margin-top:.75rem;height:60px;width:270px;--tw-bg-opacity:1;background-color:rgb(53 3 153/var(--tw-bg-opacity));font-size:1rem;line-height:1.5rem;font-weight:500}