.YoutubeVideo{position:relative}.YoutubeVideo__thumbnail{aspect-ratio:16/9;cursor:pointer;user-select:none;border-radius:var(--border-radius);width:100%;height:auto;transition:box-shadow .2s cubic-bezier(.4,1,.75,.9);box-shadow:0 0 0 1px #1114181a,0 1px 1px #11141833,0 2px 6px #11141833}.YoutubeVideo__thumbnail:hover{box-shadow:0 0 0 1px #1114181a,0 2px 4px #11141833,0 8px 24px #11141833}.YoutubeVideo__overlay{aspect-ratio:16/9;pointer-events:none;user-select:none;justify-content:center;place-items:center;width:100%;height:auto;display:flex;position:absolute;top:0;left:0}.YoutubeVideo__overlay .play-button{stroke-width:.25px;stroke:#fff;stroke-linejoin:round;fill:none;overflow:visible}.YoutubeVideo__overlay .play-button .play-button-path{fill:#fff;stroke-width:.25px}.YoutubeVideo__video{pointer-events:all;cursor:pointer;z-index:2;border-radius:var(--border-radius);background-color:#0000;position:absolute;top:0;left:0;overflow:hidden}.TutorialCard{border-radius:var(--border-radius);margin-bottom:var(--sp-5);padding:var(--sp-5);background-color:var(--bg-0);flex-direction:row;display:flex;position:relative}@media screen and (width<=1120px){.TutorialCard{text-align:center;flex-direction:column-reverse}}.TutorialCard.alternate{background-color:var(--bg-1);flex-direction:row-reverse}@media screen and (width<=1120px){.TutorialCard.alternate{flex-direction:column-reverse}}.TutorialCard .image-container{padding:var(--sp-5);cursor:pointer;max-width:800px}@media screen and (width<=1120px){.TutorialCard .image-container{margin:var(--sp-5);min-width:calc(100% - var(--sp-8));border-radius:var(--border-radius);justify-content:center}}.TutorialCard .content-container{padding:var(--sp-5);flex-direction:column;flex:1;justify-content:flex-start;display:flex}.TutorialCard .content-container .tutorial-card-heading{margin:0;margin-bottom:var(--sp-2);font-size:32px}.TutorialCard .content-container .tutorial-card-caption{flex:1;font-size:16px}.eyebrow[data-astro-cid-5fmrdkjo]{font-size:12px;font-weight:var(--fw-medium);color:#fd491a;text-transform:uppercase;letter-spacing:.12em;margin:0 0 var(--sp-3)}.eyebrow--light[data-astro-cid-5fmrdkjo]{color:#ffffffa6}.tutorials-header[data-astro-cid-5fmrdkjo]{text-align:center;padding:var(--sp-12) var(--sp-8) var(--sp-8);background-image:linear-gradient(175deg, #fff 0%, var(--bg-1) 100%)}.tutorials-header[data-astro-cid-5fmrdkjo] .tutorials-headline[data-astro-cid-5fmrdkjo]{font-weight:var(--fw-bold);letter-spacing:-.035em;color:var(--fg-0);margin:0 0 var(--sp-5);line-height:1.08}.tutorials-header[data-astro-cid-5fmrdkjo] .subtitle[data-astro-cid-5fmrdkjo]{color:var(--fg-2);max-width:520px;margin:0 auto var(--sp-6);line-height:1.6}.tutorials-header[data-astro-cid-5fmrdkjo] .progress-hint[data-astro-cid-5fmrdkjo]{align-items:center;gap:var(--sp-2);border:1px solid var(--fg-4);border-radius:var(--border-radius-pill);padding:var(--sp-3) var(--sp-5);background-color:#fff;display:inline-flex}.tutorials-header[data-astro-cid-5fmrdkjo] .progress-hint[data-astro-cid-5fmrdkjo] .progress-dot[data-astro-cid-5fmrdkjo]{background-color:var(--fg-4);border-radius:50%;flex-shrink:0;width:8px;height:8px}.tutorials-header[data-astro-cid-5fmrdkjo] .progress-hint[data-astro-cid-5fmrdkjo] .progress-dot--filled[data-astro-cid-5fmrdkjo]{background-color:#fd491a}.tutorials-header[data-astro-cid-5fmrdkjo] .progress-hint[data-astro-cid-5fmrdkjo] .progress-label[data-astro-cid-5fmrdkjo]{color:var(--fg-2);font-weight:var(--fw-medium);margin-left:var(--sp-1)}@media screen and (width<=900px){.tutorials-header[data-astro-cid-5fmrdkjo]{padding:var(--sp-12) var(--sp-5) var(--sp-8)}}.tutorials-section{padding:var(--sp-8);flex-direction:column;gap:0;display:flex}@media screen and (width<=900px){.tutorials-section{padding:var(--sp-5)}}.tutorials-cta[data-astro-cid-5fmrdkjo]{padding:var(--sp-12) var(--sp-8);text-align:center;background-color:#fd491a}.tutorials-cta[data-astro-cid-5fmrdkjo] .tutorials-cta-heading[data-astro-cid-5fmrdkjo]{font-weight:var(--fw-bold);letter-spacing:-.03em;color:#fff;margin:0 0 var(--sp-4)}.tutorials-cta[data-astro-cid-5fmrdkjo] .tutorials-cta-copy[data-astro-cid-5fmrdkjo]{color:#fffc;max-width:440px;margin:0 auto var(--sp-6);line-height:1.6}@media screen and (width<=900px){.tutorials-cta[data-astro-cid-5fmrdkjo]{padding:var(--sp-10) var(--sp-5)}}