.tutorials__body[data-v-cde56f9a]{margin-inline:auto;max-width:1152px;padding-block:3rem;padding-inline:1.5rem}.tutorials__empty[data-v-cde56f9a]{color:#9ca3af;padding-block:6rem;text-align:center}.tutorials__empty-icon[data-v-cde56f9a]{font-size:3rem;margin-inline:auto;margin-bottom:1rem;opacity:.3}.tutorials__clear[data-v-cde56f9a]{background:none;border:none;color:#e2b63e;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:0;text-decoration:underline}.tutorials__grid[data-v-cde56f9a]{display:grid;gap:1.5rem;grid-template-columns:1fr}@media(min-width:768px){.tutorials__grid[data-v-cde56f9a]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tutorials__grid[data-v-cde56f9a]{grid-template-columns:repeat(3,1fr)}}.tutorials__card[data-v-cde56f9a]{background-color:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;overflow:hidden;transition:all .3s ease}.dark .tutorials__card[data-v-cde56f9a]{background-color:#1f2937;border-color:#374151}.tutorials__card[data-v-cde56f9a]:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-.25rem)}.tutorials__card-thumb[data-v-cde56f9a]{align-items:center;aspect-ratio:16/9;background-color:#f3f4f6;display:flex;justify-content:center;overflow:hidden}.dark .tutorials__card-thumb[data-v-cde56f9a]{background-color:#374151}.tutorials__card-thumb-icon[data-v-cde56f9a]{color:#d1d5db;font-size:3rem}.dark .tutorials__card-thumb-icon[data-v-cde56f9a]{color:#4b5563}.tutorials__card-body[data-v-cde56f9a]{padding:1.25rem}.tutorials__card-meta[data-v-cde56f9a]{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.tutorials__card-category[data-v-cde56f9a]{color:#e2b63e;font-size:11px;font-weight:500;text-transform:capitalize}.tutorials__card-title[data-v-cde56f9a]{color:#123751;font-weight:700;line-height:1.25;margin-bottom:.5rem;transition:color .3s ease}.dark .tutorials__card-title[data-v-cde56f9a]{color:#fff}.tutorials__card:hover .tutorials__card-title[data-v-cde56f9a]{color:#e2b63e}.tutorials__card-desc[data-v-cde56f9a]{color:#4b5563;display:-webkit-box;font-size:.875rem;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .tutorials__card-desc[data-v-cde56f9a]{color:#d1d5db}.tutorials__card-tags[data-v-cde56f9a]{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.75rem}.tutorials__card-tag[data-v-cde56f9a]{background-color:#f3f4f6;border-radius:.375rem;color:#4b5563;font-size:10px;padding:.125rem .375rem}.dark .tutorials__card-tag[data-v-cde56f9a]{background-color:#374151;color:#d1d5db}