.TutorialsExplorer-module__jN6whW__search{margin-bottom:16px}.TutorialsExplorer-module__jN6whW__tabs{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.TutorialsExplorer-module__jN6whW__tab{border:1px solid var(--mantine-color-default-border);background-color:var(--tint-03);color:var(--tint-65);cursor:pointer;border-radius:999px;padding:6px 14px;font-size:.8125rem;font-weight:500;transition:border-color .15s,color .15s,background-color .15s}.TutorialsExplorer-module__jN6whW__tab:hover{background-color:var(--tint-06);color:var(--text-color)}.TutorialsExplorer-module__jN6whW__tabActive{background-color:var(--tint-06);color:var(--text-color);font-weight:600}.TutorialsExplorer-module__jN6whW__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (max-width:900px){.TutorialsExplorer-module__jN6whW__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.TutorialsExplorer-module__jN6whW__grid{grid-template-columns:1fr}}.TutorialsExplorer-module__jN6whW__card{border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);background-color:var(--tint-03);flex-direction:column;padding:20px;text-decoration:none;transition:border-color .2s;display:flex;position:relative}.TutorialsExplorer-module__jN6whW__card:hover{border-color:var(--tint-15)}.TutorialsExplorer-module__jN6whW__cardArrow{color:var(--tint-4);opacity:0;transition:opacity .2s,transform .2s;position:absolute;bottom:16px;right:16px;transform:translate(-4px,4px)}.TutorialsExplorer-module__jN6whW__card:hover .TutorialsExplorer-module__jN6whW__cardArrow{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.TutorialsExplorer-module__jN6whW__cardArrow{transition:none}}.TutorialsExplorer-module__jN6whW__cardIcon{border-radius:var(--mantine-radius-sm);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;display:flex}@media (prefers-reduced-motion:reduce){.TutorialsExplorer-module__jN6whW__card{transition:none}}.TutorialsExplorer-module__jN6whW__cardTitle{color:var(--text-color);margin:0 0 4px;font-size:1rem;font-weight:700}.TutorialsExplorer-module__jN6whW__cardDescription{color:var(--tint-6);flex:1;margin:0 0 14px;font-size:.8125rem;line-height:1.5}.TutorialsExplorer-module__jN6whW__cardTags{flex-wrap:wrap;gap:6px;display:flex}.TutorialsExplorer-module__jN6whW__tagBadge{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.6875rem;font-weight:600}.TutorialsExplorer-module__jN6whW__noResults{border:1px dashed var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);text-align:center;color:var(--tint-55);padding:40px 20px;font-size:.875rem}.TutorialsExplorer-module__jN6whW__empty{text-align:center;border:1px solid var(--mantine-color-default-border);border-radius:var(--mantine-radius-md);background-color:var(--tint-03);flex-direction:column;align-items:center;gap:6px;padding:64px 24px;display:flex}.TutorialsExplorer-module__jN6whW__emptyIcon{border-radius:var(--mantine-radius-md);color:#9e80ff;background-color:#9e80ff1f;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;display:flex}.TutorialsExplorer-module__jN6whW__emptyTitle{color:var(--text-color);margin:0;font-size:1.0625rem;font-weight:700}.TutorialsExplorer-module__jN6whW__emptyBody{max-width:420px;color:var(--tint-55);margin:0;font-size:.875rem;line-height:1.6}.TutorialsExplorer-module__jN6whW__emptyCta{color:#9e80ff;align-items:center;gap:6px;margin-top:10px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.TutorialsExplorer-module__jN6whW__emptyCta:hover{text-decoration:underline}
.page-module__oVcJOq__page{padding:32px 0 60px;animation:.32s ease-out page-module__oVcJOq__fadeIn}@keyframes page-module__oVcJOq__fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.page-module__oVcJOq__page{animation:none}}.page-module__oVcJOq__heading{border-bottom:1px solid var(--mantine-color-default-border);margin-bottom:24px;padding-bottom:20px}.page-module__oVcJOq__title{color:var(--text-color);font-size:1.5rem;font-weight:800}.page-module__oVcJOq__subtitle{color:var(--tint-6);margin-top:4px;font-size:.9375rem}
