.loader{animation:rotate 2s linear infinite;border:3px solid #8e8e8e;border-bottom:none;border-radius:50%;border-right:none;height:60px;width:60px}@keyframes rotate{to{transform:rotate(1turn)}}.categories[data-v-24eb4487]{display:flex;justify-content:center;margin-bottom:1.5rem}.tab-container[data-v-24eb4487]{max-width:100%;overflow-x:hidden;position:relative}.icon[data-v-24eb4487]{align-items:center;display:flex;height:100%;position:absolute;top:0;width:30px}.icon[data-v-24eb4487]:first-child{background:#fff;display:none;left:0}.icon[data-v-24eb4487]:last-child{background:#fff;justify-content:flex-end;right:0}.icon img[data-v-24eb4487]{width:20px}.arrow-right[data-v-24eb4487]{rotate:180deg}.tabs-box[data-v-24eb4487]{display:flex;gap:12px;list-style:none;margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}.tabs-box .tab[data-v-24eb4487]{background:#f5f4fd;border:1px solid #d8d5f2;border-radius:30px;color:#4a4a6a;cursor:pointer;font-size:14px;font-weight:500;padding:6px 20px;transition:all .2s ease;white-space:nowrap}.tabs-box .tab[data-v-24eb4487]:hover{background:#fff;border-color:var(--clr-primary);color:var(--clr-primary)}.tabs-box .tab.active[data-v-24eb4487]{border-color:transparent;box-shadow:0 2px 8px #6434d040}.tabs-box .tab.active[data-v-24eb4487],.tabs-box .tab.active[data-v-24eb4487]:hover{background:var(--clr-primary);color:#fff}.templates[data-v-24eb4487]{display:grid;gap:28px;grid-template-columns:repeat(3,1fr);padding:1.5rem 0;width:100%}.template[data-v-24eb4487]{background:#fff;border:1px solid #eaecf0;border-radius:16px;box-shadow:0 1px 2px #1018280d,0 1px 3px #1018280a;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:box-shadow .25s ease,border-color .25s ease}.template[data-v-24eb4487]:hover{border-color:var(--clr-primary);box-shadow:0 8px 24px -4px #6434d033,0 2px 6px -2px #6434d01a}.template__media[data-v-24eb4487]{background:linear-gradient(135deg,#f4f1ff,#ece6ff);overflow:hidden;position:relative}.template__media[data-v-24eb4487]:after{background:#6434d01f;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .25s ease}.template:hover .template__media[data-v-24eb4487]:after{opacity:1}.template__img[data-v-24eb4487]{aspect-ratio:1200/738;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .4s ease;width:100%}.template:hover .template__img[data-v-24eb4487]{transform:scale(1.04)}.template__body[data-v-24eb4487]{display:flex;flex:1;flex-direction:column;gap:8px;padding:20px 22px 22px}.template__name[data-v-24eb4487]{color:#1a1a2e;display:-webkit-box;font-size:17px;font-weight:600;-webkit-line-clamp:2;line-height:1.35;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-box-orient:vertical;overflow:hidden;transition:color .25s ease}.template:hover .template__name[data-v-24eb4487]{color:var(--clr-primary)}.template__desc[data-v-24eb4487]{color:#667085;display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:991px){.templates[data-v-24eb4487]{gap:20px;grid-template-columns:1fr 1fr}.template__name[data-v-24eb4487]{font-size:16px}}@media only screen and (max-width:600px){.templates[data-v-24eb4487]{gap:16px;grid-template-columns:1fr}.template__body[data-v-24eb4487]{padding:16px 18px 18px}}