.tutorial-card[data-v-a176947a]{background:#141414;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff1a;min-height:416px;min-width:0;position:relative;transition:transform .3s ease,box-shadow .3s ease}.tutorial-card[data-v-a176947a]:hover{box-shadow:inset 0 0 0 1px #00d0d080;transform:translateY(-3px)}.tutorial-card-link[data-v-a176947a]{border-radius:inherit;color:inherit;display:flex;flex-direction:column;gap:20px;height:100%;min-height:416px;overflow:hidden;text-decoration:none}.tutorial-card-media[data-v-a176947a]{background:#222;flex-shrink:0;height:240px;overflow:hidden;position:relative}.tutorial-card-media>img[data-v-a176947a]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s ease;width:100%}.tutorial-card:hover .tutorial-card-media>img[data-v-a176947a]{transform:scale(1.025)}.tutorial-card-duration[data-v-a176947a]{align-items:center;bottom:12px;display:flex;font-size:12px;font-weight:500;gap:6px;line-height:20px;right:12px;z-index:2}.tutorial-card-category[data-v-a176947a],.tutorial-card-duration[data-v-a176947a]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;border-radius:8px;color:#f1f1f1;padding:2px 8px;position:absolute}.tutorial-card-category[data-v-a176947a]{font-size:13px;font-weight:600;left:12px;line-height:22px;max-width:calc(100% - 24px);overflow:hidden;text-decoration:none;text-overflow:ellipsis;top:12px;white-space:nowrap;z-index:3}.tutorial-card-body[data-v-a176947a]{display:flex;flex:1;flex-direction:column;gap:16px;justify-content:space-between;min-height:156px;padding:0 16px 16px}.tutorial-card-content[data-v-a176947a]{display:flex;flex-direction:column;gap:16px}.tutorial-card-topics[data-v-a176947a]{display:flex;flex-wrap:wrap;gap:6px}.tutorial-card-topics>span[data-v-a176947a]{background:#ffffff0f;border-radius:99px;color:#dedede;font-size:11px;line-height:20px;max-width:100%;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.tutorial-card h3[data-v-a176947a]{display:-webkit-box;-webkit-box-orient:vertical;font-size:20px;font-weight:700;-webkit-line-clamp:2;line-height:28px;overflow:hidden}.tutorial-card-author[data-v-a176947a]{align-items:center;color:#7a7c7c;display:flex;font-size:12px;gap:10px;line-height:20px;min-width:0}.tutorial-card-author>img[data-v-a176947a],.tutorial-card-avatar[data-v-a176947a]{align-items:center;background:#292929;border-radius:50%;display:flex;flex-shrink:0;height:24px;justify-content:center;-o-object-fit:cover;object-fit:cover;width:24px}.tutorial-card-byline[data-v-a176947a]{align-items:center;display:flex;gap:6px;min-width:0}.tutorial-card-author-name[data-v-a176947a],.tutorial-card-byline time[data-v-a176947a]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tutorial-card-author-dot[data-v-a176947a]{background:currentColor;border-radius:50%;flex-shrink:0;height:2px;width:2px}.tutorial-card-featured-main[data-v-a176947a]{box-shadow:none;height:550px;min-height:0}.tutorial-card-featured-main .tutorial-card-link[data-v-a176947a],.tutorial-card-featured-side .tutorial-card-link[data-v-a176947a]{min-height:0}.tutorial-card-featured-main .tutorial-card-media[data-v-a176947a]{height:100%}.tutorial-card-shade[data-v-a176947a]{background:linear-gradient(180deg,transparent,rgba(0,0,0,.48) 57.73%,rgba(0,0,0,.8));inset:0;pointer-events:none;position:absolute}.tutorial-card-shade[data-v-a176947a]:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);content:"";inset:0;-webkit-mask-image:linear-gradient(180deg,transparent,transparent 50%,#000);mask-image:linear-gradient(180deg,transparent,transparent 50%,#000);position:absolute}.tutorial-card-featured-main .tutorial-card-body[data-v-a176947a]{bottom:0;gap:20px;left:0;padding:32px;position:absolute;right:0}.tutorial-card-featured-main .tutorial-card-content[data-v-a176947a]{gap:12px}.tutorial-card-featured-main .tutorial-card-topics>span[data-v-a176947a]{background:#0003;color:#fff}.tutorial-card-featured-main h3[data-v-a176947a]{font-size:24px;line-height:32px}.tutorial-card-featured-main .tutorial-card-category[data-v-a176947a]{border-radius:10px;font-size:14px;left:16px;line-height:22px;padding:4px 10px;top:16px}.tutorial-card-featured-main .tutorial-card-duration[data-v-a176947a]{bottom:16px;font-size:14px;line-height:22px;padding:4px 10px;right:16px}.tutorial-card-featured-main .tutorial-card-author[data-v-a176947a]{padding-right:85px}.tutorial-card-featured-side[data-v-a176947a]{height:170px;min-height:0}.tutorial-card-featured-side .tutorial-card-link[data-v-a176947a]{flex-direction:row}.tutorial-card-featured-side .tutorial-card-media[data-v-a176947a]{height:100%;width:240px}.tutorial-card-featured-side .tutorial-card-body[data-v-a176947a]{height:100%;min-height:0;padding:16px 16px 16px 0}.tutorial-card-featured-side .tutorial-card-content[data-v-a176947a]{gap:12px}.tutorial-card-featured-side h3[data-v-a176947a]{font-size:16px;line-height:24px}.tutorial-card-featured-side .tutorial-card-category[data-v-a176947a]{font-size:11px;left:10px;line-height:20px;max-width:220px;top:10px}.tutorial-card-featured-side .tutorial-card-duration[data-v-a176947a]{bottom:10px;font-size:11px;right:10px}@media(min-width:769px){.tutorial-card-featured-side .tutorial-card-body[data-v-a176947a],.tutorial-card-featured-side .tutorial-card-content[data-v-a176947a]{min-width:0}.tutorial-card-featured-side .tutorial-card-topics[data-v-a176947a]{flex-wrap:nowrap}.tutorial-card-featured-side h3[data-v-a176947a]{overflow-wrap:anywhere}}@media(min-width:769px)and (max-width:1150px){.tutorial-card-featured-side .tutorial-card-media[data-v-a176947a]{width:38%}.tutorial-card-featured-side .tutorial-card-category[data-v-a176947a]{max-width:30%}}@media(max-width:768px){.tutorial-card[data-v-a176947a],.tutorial-card-featured-side[data-v-a176947a]{height:auto;min-height:386px}.tutorial-card-link[data-v-a176947a]{min-height:386px}.tutorial-card-featured-side .tutorial-card-media[data-v-a176947a],.tutorial-card-media[data-v-a176947a]{height:210px;width:100%}.tutorial-card h3[data-v-a176947a],.tutorial-card-featured-side h3[data-v-a176947a]{font-size:18px;line-height:26px}.tutorial-card-featured-side .tutorial-card-link[data-v-a176947a]{flex-direction:column}.tutorial-card-featured-side .tutorial-card-body[data-v-a176947a]{height:auto;padding:0 16px 16px}.tutorial-card-featured-side .tutorial-card-content[data-v-a176947a]{gap:16px}.tutorial-card-featured-side .tutorial-card-category[data-v-a176947a]{font-size:13px;left:12px;line-height:22px;top:12px}.tutorial-card-featured-side .tutorial-card-duration[data-v-a176947a]{bottom:12px;font-size:12px;right:12px}.tutorial-card-featured-main[data-v-a176947a]{height:314px;min-height:0}.tutorial-card-featured-main .tutorial-card-body[data-v-a176947a]{padding:16px}.tutorial-card-featured-main h3[data-v-a176947a]{font-size:18px;line-height:26px}.tutorial-card-featured-main .tutorial-card-author[data-v-a176947a]{padding-right:68px}.tutorial-card-featured-main .tutorial-card-duration[data-v-a176947a]{font-size:11px;line-height:20px;padding:2px 8px}}.tutorial-explore.seo-landing-explore-more[data-v-d603e5a3]{margin:0;max-width:100%;padding:0;width:100%}.tutorial-explore[data-v-d603e5a3] .seo-landing-explore-more__header{align-items:flex-start;text-align:left}.tutorial-explore[data-v-d603e5a3] .seo-landing-explore-more__title{font-family:Tutorial Onest,Onest,sans-serif;font-size:36px;font-weight:700;line-height:46px;margin:0}.tutorial-explore[data-v-d603e5a3] .seo-landing-explore-more__grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:32px}.tutorial-explore[data-v-d603e5a3] .seo-landing-explore-more__card{width:100%}@media(max-width:1024px){.tutorial-explore[data-v-d603e5a3] .seo-landing-explore-more__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.tutorial-explore[data-v-d603e5a3] .seo-landing-explore-more__title{font-size:32px;line-height:40px}}@font-face{font-display:swap;font-family:Tutorial Noto Sans SC;font-style:normal;font-weight:500 700;src:url(../fonts/tutorials/noto-sans-sc-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Tutorial Onest;font-style:normal;font-weight:400 700;src:url(../fonts/tutorials/onest-cyrillic-ext.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Tutorial Onest;font-style:normal;font-weight:400 700;src:url(../fonts/tutorials/onest-cyrillic.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Tutorial Onest;font-style:normal;font-weight:400 700;src:url(../fonts/tutorials/onest-math.woff2) format("woff2");unicode-range:u+0302-0303,u+0305,u+0307-0308,u+0310,u+0312,u+0315,u+031a,u+0326-0327,u+032c,u+032f-0330,u+0332-0333,u+0338,u+033a,u+0346,u+034d,u+0391-03a1,u+03a3-03a9,u+03b1-03c9,u+03d1,u+03d5-03d6,u+03f0-03f1,u+03f4-03f5,u+2016-2017,u+2034-2038,u+203c,u+2040,u+2043,u+2047,u+2050,u+2057,u+205f,u+2070-2071,u+2074-208e,u+2090-209c,u+20d0-20dc,u+20e1,u+20e5-20ef,u+2100-2112,u+2114-2115,u+2117-2121,u+2123-214f,u+2190,u+2192,u+2194-21ae,u+21b0-21e5,u+21f1-21f2,u+21f4-2211,u+2213-2214,u+2216-22ff,u+2308-230b,u+2310,u+2319,u+231c-2321,u+2336-237a,u+237c,u+2395,u+239b-23b7,u+23d0,u+23dc-23e1,u+2474-2475,u+25af,u+25b3,u+25b7,u+25bd,u+25c1,u+25ca,u+25cc,u+25fb,u+266d-266f,u+27c0-27ff,u+2900-2aff,u+2b0e-2b11,u+2b30-2b4c,u+2bfe,u+3030,u+ff5b,u+ff5d,u+1d400-1d7ff,u+1ee??}@font-face{font-display:swap;font-family:Tutorial Onest;font-style:normal;font-weight:400 700;src:url(../fonts/tutorials/onest-symbols.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}@font-face{font-display:swap;font-family:Tutorial Onest;font-style:normal;font-weight:400 700;src:url(../fonts/tutorials/onest-vietnamese.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Tutorial Onest;font-style:normal;font-weight:400 700;src:url(../fonts/tutorials/onest-latin-ext.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Tutorial Onest;font-style:normal;font-weight:400 700;src:url(../fonts/tutorials/onest-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.tutorial-page[data-v-d139788d]{background:#141414;color:#f1f1f1;font-family:Tutorial Onest,Onest,sans-serif}.tutorial-container[data-v-d139788d]{display:flex;flex-direction:column;gap:96px;margin:0 auto;padding:80px 0 136px;width:min(1280px,100% - 64px)}.tutorial-category-page .tutorial-container[data-v-d139788d]{gap:80px}.tutorial-page[data-v-d139788d] *{box-sizing:border-box}:where(.tutorial-page[data-v-d139788d]) :where(h1,h2,h3,p){margin:0}.tutorial-page[data-v-d139788d] .tutorial-section{display:flex;flex-direction:column;gap:32px;min-width:0;scroll-margin-top:80px}.tutorial-page[data-v-d139788d] .tutorial-section-heading{align-items:center;display:flex;gap:16px;justify-content:space-between}.tutorial-page[data-v-d139788d] .tutorial-section-title{font-size:36px;font-weight:700;line-height:46px}.tutorial-page[data-v-d139788d] .tutorial-list-category .tutorial-section-title{font-size:20px;line-height:28px}.tutorial-page[data-v-d139788d] .tutorial-text-link{align-items:center;border-radius:12px;color:#dedede;display:inline-flex;font-size:16px;font-weight:500;gap:8px;justify-content:center;line-height:24px;padding:8px 16px;text-decoration:none;transition:background .15s}.tutorial-page[data-v-d139788d] .tutorial-text-link:hover{background:#ffffff0f}.tutorial-page[data-v-d139788d] .tutorial-grid{display:grid;gap:48px 24px;grid-template-columns:repeat(3,minmax(0,1fr))}.tutorial-page[data-v-d139788d] a:focus-visible,.tutorial-page[data-v-d139788d] button:focus-visible{outline:2px solid #00d0d0;outline-offset:4px}@media(max-width:1024px)and (min-width:769px){.tutorial-page[data-v-d139788d] .tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.tutorial-container[data-v-d139788d]{padding:48px 0 96px;width:calc(100% - 32px)}.tutorial-page[data-v-d139788d] .tutorial-section-title{font-size:24px;line-height:32px}.tutorial-page[data-v-d139788d] .tutorial-list:not(.tutorial-list-category) .tutorial-section-title{font-size:36px;line-height:46px}.tutorial-page[data-v-d139788d] .tutorial-list-category .tutorial-section-title{font-size:20px;line-height:28px}.tutorial-page[data-v-d139788d] .tutorial-list-category{gap:24px}.tutorial-page[data-v-d139788d] .tutorial-grid{gap:24px;grid-template-columns:minmax(0,1fr)}.tutorial-page[data-v-d139788d] .tutorial-section-heading{gap:8px}.tutorial-page[data-v-d139788d] .tutorial-text-link{flex-shrink:0;padding:8px 16px}}