.template-detail[data-v-32aee40a]{color:#fff;background:#010101;min-height:100vh;padding-block:12rem 8rem}@media (width<=991.98px){.template-detail[data-v-32aee40a]{padding-block:10rem 3rem}}.template-detail__back[data-v-32aee40a]{color:#a0aec0;align-items:center;gap:.8rem;margin-bottom:3rem;font-size:1.4rem;text-decoration:none;transition:color .2s;display:inline-flex}.template-detail__back[data-v-32aee40a]:hover{color:#fff}.template-detail__layout[data-v-32aee40a]{grid-template-columns:1fr;align-items:start;gap:4rem;display:grid}@media (width<=991.98px){.template-detail__layout[data-v-32aee40a]{gap:3rem}}.template-detail__preview[data-v-32aee40a]{background:#0a0b0d;border:1px solid #1e2028;border-radius:1.6rem;width:100%;max-width:100%;margin-inline:auto;padding:2rem;transition:max-width .4s cubic-bezier(.4,0,.2,1);overflow:hidden}@media (width<=991.98px){.template-detail__preview[data-v-32aee40a]{border-radius:1.2rem;padding:1.2rem}}.template-detail__preview--mobile[data-v-32aee40a]{max-width:calc(377px + 4rem)}@media (width<=991.98px){.template-detail__preview--mobile[data-v-32aee40a]{max-width:calc(377px + 2.4rem)}}.template-detail__browser-bar[data-v-32aee40a]{z-index:2;background:0 0;justify-content:space-between;align-items:center;padding:0 0 1.6rem;display:flex;position:relative}.template-detail__dots[data-v-32aee40a]{gap:.6rem;display:flex}.template-detail__dot[data-v-32aee40a]{border-radius:50%;width:1.2rem;height:1.2rem}.template-detail__dot--red[data-v-32aee40a]{background:#ff5f57}.template-detail__dot--yellow[data-v-32aee40a]{background:#febc2e}.template-detail__dot--green[data-v-32aee40a]{background:#28c840}.template-detail__view-toggle[data-v-32aee40a]{background:#24262b;border-radius:.6rem;gap:.4rem;padding:.5rem;display:flex}@media (width<=575.98px){.template-detail__view-toggle[data-v-32aee40a]{display:none}}.template-detail__toggle-btn[data-v-32aee40a]{color:#546582;cursor:pointer;background:0 0;border:none;border-radius:.4rem;align-items:center;gap:.6rem;padding:.6rem 1.2rem;font-family:Inter,sans-serif;font-size:1.3rem;transition:all .1s;display:flex}.template-detail__toggle-btn[data-v-32aee40a]:hover{color:#a0aec0}.template-detail__toggle-btn--active[data-v-32aee40a]{color:#fff;background:#5a73ff}.template-detail__toggle-btn--active[data-v-32aee40a]:hover{color:#fff;background:#6d83ff}.template-detail__iframe-wrapper[data-v-32aee40a]{background:#0a0b0d;border-radius:1.6rem;justify-content:center;width:100%;height:80rem;display:flex;overflow:hidden}@media (width<=1199.98px){.template-detail__iframe-wrapper[data-v-32aee40a]{height:70rem}}@media (width<=991.98px){.template-detail__iframe-wrapper[data-v-32aee40a]{border-radius:1.2rem;height:60rem}}@media (width<=767.98px){.template-detail__iframe-wrapper[data-v-32aee40a]{height:60rem}}@media (width<=575.98px){.template-detail__iframe-wrapper[data-v-32aee40a]{height:55rem}}.template-detail__iframe[data-v-32aee40a]{border:none;width:100%;max-width:100%;height:100%}.template-detail__info[data-v-32aee40a]{justify-content:space-between;align-items:flex-end;gap:4rem;display:flex}@media (width<=991.98px){.template-detail__info[data-v-32aee40a]{flex-direction:column;align-items:flex-start;gap:2.5rem}}.template-detail__info-text[data-v-32aee40a]{flex-direction:column;flex:1;gap:1.5rem;min-width:0;display:flex}.template-detail__title[data-v-32aee40a]{color:#fff;font-family:Poppins,sans-serif;font-size:4rem;font-weight:700;line-height:1.3}@media (width<=1199.98px){.template-detail__title[data-v-32aee40a]{font-size:3.2rem}}@media (width<=767.98px){.template-detail__title[data-v-32aee40a]{font-size:2.8rem}}.template-detail__tags[data-v-32aee40a]{flex-wrap:wrap;gap:.6rem;display:flex}.template-detail__tag[data-v-32aee40a]{color:#a8b6ff;white-space:nowrap;background:#3151ff1f;border:1px solid #3151ff4d;border-radius:999rem;align-items:center;padding:.4rem 1rem;font-size:1.2rem;font-weight:500;line-height:1.4;display:inline-flex}.template-detail__description[data-v-32aee40a]{color:#a0aec0;max-width:80rem;font-size:1.6rem;line-height:1.7}.template-detail__cta[data-v-32aee40a]{color:#fff;cursor:pointer;background:#3151ff;border:none;border-radius:.8rem;flex-shrink:0;justify-content:center;align-items:center;width:max-content;padding:1.6rem 4rem;font-family:Inter,sans-serif;font-size:1.6rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}@media (width<=575.98px){.template-detail__cta[data-v-32aee40a]{width:100%}}.template-detail__not-found[data-v-32aee40a]{color:#546582;text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:12rem 0;font-size:1.8rem;display:flex}.template-detail__not-found .btn[data-v-32aee40a]{border-radius:.8rem}