body.video-dialog-open{overflow:hidden}.tutorials-page[data-astro-cid-npkdgvia]{--ink:#171a1f;--muted:#586270;--line:#d8dee6;--paper:#f7f8f5;--soft:#f0f4f5;--dark:#122333;--blue-deep:#053262;--blue:#2b78d1;--cyan:#2afeda;--amber:#ffbd40;color:var(--ink);background:var(--paper)}.tutorials-page[data-astro-cid-npkdgvia] .technical-page-hero__copy{gap:36px}.tutorials-page[data-astro-cid-npkdgvia] .technical-page-hero__eyebrow,.tutorials-page[data-astro-cid-npkdgvia] .technical-page-hero__description{margin:0}.tutorials-container[data-astro-cid-npkdgvia]{width:min(100% - 112px,1368px);margin-inline:auto}.tutorials-kicker[data-astro-cid-npkdgvia]{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:700}.tutorials-library[data-astro-cid-npkdgvia] h2[data-astro-cid-npkdgvia],.tutorial-card[data-astro-cid-npkdgvia] h3[data-astro-cid-npkdgvia],.video-dialog[data-astro-cid-npkdgvia] h2[data-astro-cid-npkdgvia]{margin:0;font-family:Kanit,Arial,Helvetica,sans-serif;font-weight:500}.tutorials-library[data-astro-cid-npkdgvia]{background:var(--paper);padding:104px 0 120px}.tutorials-library__header[data-astro-cid-npkdgvia]{grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:start;gap:54px;display:grid}.tutorials-kicker--dark[data-astro-cid-npkdgvia]{color:var(--blue)}.tutorials-library[data-astro-cid-npkdgvia] h2[data-astro-cid-npkdgvia]{letter-spacing:-.025em;text-wrap:balance;max-width:780px;margin-top:12px;font-size:clamp(40px,4vw,56px);line-height:.98}.tutorials-search[data-astro-cid-npkdgvia]{min-height:58px;color:var(--blue);background:#fff;border:1px solid #c8d2dc;border-radius:10px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:14px;padding:0 20px;display:grid}.tutorials-search[data-astro-cid-npkdgvia] i[data-astro-cid-npkdgvia]{font-size:23px}.tutorials-search[data-astro-cid-npkdgvia] input[data-astro-cid-npkdgvia]{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:1rem}.tutorials-search[data-astro-cid-npkdgvia] input[data-astro-cid-npkdgvia]::placeholder{color:#6b7480}.tutorials-search[data-astro-cid-npkdgvia]:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #2b78d124}.tutorials-filters[data-astro-cid-npkdgvia]{border-bottom:1px solid var(--line);scrollbar-width:none;justify-content:flex-end;gap:28px;margin:54px 0 48px;display:flex;overflow-x:auto}.tutorials-filters[data-astro-cid-npkdgvia]::-webkit-scrollbar{display:none}.tutorials-filter[data-astro-cid-npkdgvia]{min-height:54px;color:var(--muted);background:0 0;border:0;flex:none;padding:0 0 14px;font-size:1rem;font-weight:700;position:relative}.tutorials-filter[data-astro-cid-npkdgvia]:after{background:var(--blue);content:"";transform-origin:0;height:3px;transition:transform .18s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.tutorials-filter[data-astro-cid-npkdgvia]:hover,.tutorials-filter[data-astro-cid-npkdgvia].is-active{color:var(--blue-deep)}.tutorials-filter[data-astro-cid-npkdgvia].is-active:after{transform:scaleX(1)}.tutorials-grid[data-astro-cid-npkdgvia]{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 30px;display:grid}.tutorial-card[data-astro-cid-npkdgvia]>a[data-astro-cid-npkdgvia],.tutorial-card__disabled[data-astro-cid-npkdgvia]{height:100%;color:var(--ink);text-decoration:none;display:block}.tutorial-card__media[data-astro-cid-npkdgvia]{aspect-ratio:16/9;background:var(--dark);border:1px solid #e1e6eb;border-radius:16px;position:relative;overflow:hidden}.tutorial-card__media[data-astro-cid-npkdgvia] img[data-astro-cid-npkdgvia]{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.tutorial-card__play[data-astro-cid-npkdgvia]{transition:transform .18s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-card__play[data-astro-cid-npkdgvia] img[data-astro-cid-npkdgvia]{object-fit:contain;filter:drop-shadow(0 8px 18px #12233357);width:74px;height:52px;display:block}.tutorial-card__unavailable[data-astro-cid-npkdgvia]{color:#fff;background:#122333e6;border-radius:6px;padding:8px 11px;font-size:.9rem;font-weight:700;position:absolute;bottom:16px;right:16px}.tutorial-card__body[data-astro-cid-npkdgvia]{padding:22px 2px 0}.tutorial-card__number[data-astro-cid-npkdgvia]{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;font-size:1rem;font-weight:700}.tutorial-card[data-astro-cid-npkdgvia] h3[data-astro-cid-npkdgvia]{text-wrap:balance;margin-top:10px;font-size:27px;line-height:1.12}.tutorial-card[data-astro-cid-npkdgvia] p[data-astro-cid-npkdgvia]{color:var(--muted);margin:16px 0 0;font-size:1rem;line-height:1.6}.tutorial-card[data-astro-cid-npkdgvia]>a[data-astro-cid-npkdgvia]:hover .tutorial-card__media[data-astro-cid-npkdgvia] img[data-astro-cid-npkdgvia]{filter:brightness(.9);transform:scale(1.025)}.tutorial-card[data-astro-cid-npkdgvia]>a[data-astro-cid-npkdgvia]:hover .tutorial-card__play[data-astro-cid-npkdgvia]{transform:translate(-50%,-50%)scale(1.04)}.tutorial-card[data-astro-cid-npkdgvia]>a[data-astro-cid-npkdgvia]:hover h3[data-astro-cid-npkdgvia]{color:var(--blue);text-underline-offset:5px;text-decoration:underline 1px}.tutorial-card[data-astro-cid-npkdgvia].is-unavailable img[data-astro-cid-npkdgvia]{filter:grayscale(.65)brightness(.72)}.tutorial-card[data-astro-cid-npkdgvia].is-unavailable .tutorial-card__body[data-astro-cid-npkdgvia]{opacity:.72}.tutorials-more-wrap[data-astro-cid-npkdgvia]{justify-content:center;margin-top:68px;display:flex}.tutorials-more[data-astro-cid-npkdgvia]{border:1px solid var(--line);min-height:54px;color:var(--ink);letter-spacing:.075em;text-align:center;text-transform:uppercase;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:14px 52px;font-family:Open Sans,Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;line-height:1.05;transition:color .18s,background-color .18s,border-color .18s,transform .18s;display:inline-flex;position:relative}.tutorials-more[data-astro-cid-npkdgvia]:after{content:"";background:currentColor;width:19px;height:19px;position:absolute;top:50%;right:20px;transform:translateY(-50%);mask:url(/assets/home/chevron-right.svg) 50%/contain no-repeat}.tutorials-more[data-astro-cid-npkdgvia]:hover{color:var(--blue-deep);border-color:var(--blue);background:color-mix(in srgb, var(--blue) 18%, #fff);transform:translateY(-1px)}.tutorials-empty[data-astro-cid-npkdgvia]{color:var(--muted);text-align:center;margin:64px 0 0;font-size:1rem}.video-dialog[data-astro-cid-npkdgvia]{color:#fff;background:var(--dark);border:0;border-radius:16px;width:min(100% - 48px,1080px);max-width:none;padding:0;box-shadow:0 30px 90px #0000006b}.video-dialog[data-astro-cid-npkdgvia]::backdrop{backdrop-filter:blur(5px);background:#05121fd1}.video-dialog__surface[data-astro-cid-npkdgvia]{border-radius:inherit;overflow:hidden}.video-dialog__header[data-astro-cid-npkdgvia]{justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:14px 18px 14px 26px;display:flex}.video-dialog[data-astro-cid-npkdgvia] h2[data-astro-cid-npkdgvia]{font-size:clamp(22px,2.6vw,30px);line-height:1.15}.video-dialog__header[data-astro-cid-npkdgvia] button[data-astro-cid-npkdgvia]{color:#fff;background:0 0;border:1px solid #ffffff47;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.video-dialog__header[data-astro-cid-npkdgvia] button[data-astro-cid-npkdgvia]:hover{color:var(--dark);background:var(--cyan);border-color:var(--cyan)}.video-dialog__header[data-astro-cid-npkdgvia] i[data-astro-cid-npkdgvia]{font-size:24px}.video-dialog__player[data-astro-cid-npkdgvia]{aspect-ratio:16/9;background:#000}.video-dialog[data-astro-cid-npkdgvia] iframe[data-astro-cid-npkdgvia]{border:0;width:100%;height:100%;display:block}@media (width<=1180px){.tutorials-container[data-astro-cid-npkdgvia]{width:min(100% - 72px,1368px)}.tutorials-grid[data-astro-cid-npkdgvia]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.tutorials-library[data-astro-cid-npkdgvia]{padding-block:88px}.tutorials-library__header[data-astro-cid-npkdgvia]{grid-template-columns:1fr;gap:34px}.tutorials-search[data-astro-cid-npkdgvia]{max-width:560px}.tutorials-filters[data-astro-cid-npkdgvia]{justify-content:flex-start}}@media (width<=700px){.tutorials-container[data-astro-cid-npkdgvia]{width:calc(100% - 40px)}.tutorials-library[data-astro-cid-npkdgvia]{padding-block:66px}.tutorials-library[data-astro-cid-npkdgvia] h2[data-astro-cid-npkdgvia]{font-size:clamp(36px,11vw,50px)}.tutorials-filters[data-astro-cid-npkdgvia]{gap:24px;margin:42px 0 40px}.tutorials-grid[data-astro-cid-npkdgvia]{grid-template-columns:1fr;row-gap:50px}.tutorials-more-wrap[data-astro-cid-npkdgvia]{margin-top:52px}.tutorials-more[data-astro-cid-npkdgvia]{width:100%}.video-dialog[data-astro-cid-npkdgvia]{width:calc(100% - 24px)}.video-dialog__header[data-astro-cid-npkdgvia]{min-height:64px;padding:10px 10px 10px 18px}}@media (width<=460px){.tutorials-container[data-astro-cid-npkdgvia]{width:calc(100% - 32px)}.tutorials-search[data-astro-cid-npkdgvia]{padding-inline:16px}}