.tutorials-section[data-v-9d8af734]{padding-top:.5rem;padding-bottom:2rem}.tutorials-intro[data-v-9d8af734]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-top:.5rem;display:flex}.tutorials-intro__subtitle[data-v-9d8af734]{color:#6b6b76;max-width:56ch;margin:0;font-size:1rem;line-height:1.5}.tutorials-intro__count[data-v-9d8af734]{color:#1976d2;white-space:nowrap;background:#1976d214;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.tutorials-intro__divider[data-v-9d8af734]{background:linear-gradient(90deg,#1976d240,#26a69a26,#0000);height:1px;margin:1.25rem 0 0}.tutorial-cards[data-v-9d8af734]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin:1.75rem 0 2rem;display:grid}.tutorial-card[data-v-9d8af734]{background:#fff;border:1px solid #e7e7ee;border-radius:.875rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.tutorial-card[data-v-9d8af734]:before{content:"";transform-origin:0;background:linear-gradient(90deg,#1976d2,#26a69a);height:4px;transition:transform .25s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.tutorial-card[data-v-9d8af734]:hover{border-color:#1976d259;transform:translateY(-4px);box-shadow:0 12px 24px -8px #1976d22e,0 4px 10px -4px #00000014}.tutorial-card[data-v-9d8af734]:hover:before{transform:scaleX(1)}.tutorial-card:hover .tutorial-card__icon[data-v-9d8af734]{color:#fff;background:#1976d2;transform:scale(1.05)}.tutorial-card:hover .tutorial-card__title[data-v-9d8af734]{color:#1976d2}.tutorial-card:hover .tutorial-card__arrow[data-v-9d8af734]{opacity:1;transform:translate(0)}.tutorial-card--skeleton[data-v-9d8af734]{padding:1.25rem}.tutorial-card__link[data-v-9d8af734]{height:100%;color:inherit;flex-direction:column;padding:1.25rem;text-decoration:none;display:flex}.tutorial-card__top[data-v-9d8af734]{justify-content:space-between;align-items:center;margin-bottom:.875rem;display:flex}.tutorial-card__icon[data-v-9d8af734]{color:#1976d2;background:#1976d21a;border-radius:.625rem;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,color .2s,transform .2s;display:flex}.tutorial-card__number[data-v-9d8af734]{color:#ececf2;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:1.5rem;font-weight:700;line-height:1}.tutorial-card__title[data-v-9d8af734]{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;line-height:1.35;transition:color .2s}.tutorial-card__excerpt[data-v-9d8af734]{color:#6b6b76;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 1rem;font-size:.9rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tutorial-card__meta[data-v-9d8af734]{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tutorial-card__chip[data-v-9d8af734]{border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.tutorial-card__chip--duration[data-v-9d8af734]{color:#55555e;background:#f2f2f7}.tutorial-card__chip--video[data-v-9d8af734]{color:#1d7d73;background:#26a69a1f}.tutorial-card__arrow[data-v-9d8af734]{color:#1976d2;opacity:0;align-items:center;margin-left:auto;transition:opacity .2s,transform .2s;display:inline-flex;transform:translate(-6px)}.tutorials-empty[data-v-9d8af734]{color:#8a8a94;flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.tutorials-empty p[data-v-9d8af734]{margin:0;font-size:1rem}
