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