html:has([data-page-type=tutorial]){background:#262320}@media (prefers-color-scheme:light){html:has([data-page-type=tutorial]){background:#f0eee6;--elevated:#c9c5bf;--componentBackground:var(--elevated);--foreground:var(--black-v2)}[data-tutorial-logo] img{filter:invert(1)}}.TutorialHeader_header__xJvx4{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:var(--spacingXXL)}.TutorialHeader_superTitle__pZ4MX{font-size:var(--typeSizeLarge);margin-bottom:var(--spacingS);letter-spacing:var(--letterSpacingNormal)}.TutorialHeader_title__04NQR h1{font-size:calc(var(--base) * 5.6)}.TutorialHeader_subtitle__Z4ok3{font-size:var(--typeSizeLarge);letter-spacing:var(--letterSpacingNormal);max-width:30em}.TutorialHeader_arrow__2sk7d{margin-top:var(--spacingXL);text-align:right}@media screen and (min-width:768px){.TutorialHeader_title__04NQR h1{font-size:calc(var(--base) * 11)}.TutorialHeader_subtitle__Z4ok3,.TutorialHeader_superTitle__pZ4MX{font-size:var(--L)}}@media screen and (min-width:1024px){.TutorialHeader_title__04NQR h1{font-size:calc(var(--base) * 14)}}.TutorialSection_section__YhJRu{grid-column:1/-1;display:flex;flex-direction:column;padding-bottom:var(--spacingXXL)}.TutorialSection_stepIndicator__96tEu{display:flex;flex-direction:row;justify-content:center;margin-bottom:var(--spacingL);position:relative}.TutorialSection_stepLine__JMIrl{width:1px;height:calc(var(--base) * 8);background:var(--foreground);opacity:.3}.TutorialSection_stepNumber__789_Y{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--fontMono),monospace;font-size:var(--typeSizeSmall);width:calc(var(--base) * 2.4);height:calc(var(--base) * 2.4);display:flex;align-items:center;justify-content:center;border-radius:3px;background-color:#262524}@media (prefers-color-scheme:light){.TutorialSection_stepNumber__789_Y{color:var(--white);background-color:#b9b6ab}}.TutorialSection_heading__vBMUd{margin-bottom:var(--spacingS)}.TutorialSection_heading__vBMUd h2{font-size:calc(var(--base) * 3.2)}.TutorialSection_description__LeGCM{font-size:var(--typeSizeNormal);letter-spacing:var(--letterSpacingNormal);line-height:var(--lineHeightM);max-width:37em;margin-bottom:var(--spacingL)}.TutorialSection_imageFrame__1kZMp{background:var(--elevated);overflow:hidden;box-shadow:0 0 47px rgb(255 255 255/20%);border-radius:var(--radiusM)}.TutorialSection_imageFrame__1kZMp img,.TutorialSection_video__lhDq9{display:block;width:100%;height:auto;border-radius:var(--radiusS)}@media screen and (min-width:768px){.TutorialSection_section__YhJRu{grid-column:3/span 8}.TutorialSection_stepLine__JMIrl{height:calc(var(--base) * 12)}.TutorialSection_heading__vBMUd h2{font-size:calc(var(--base) * 4.8)}}.TutorialCTA_cta__qPeab{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:var(--spacingXXL);padding-bottom:var(--spacingXL)}.TutorialCTA_heading__IzzqZ{margin-bottom:var(--spacingS)}.TutorialCTA_heading__IzzqZ h2{font-size:calc(var(--base) * 3.2)}.TutorialCTA_description__t6eTO{font-size:var(--typeSizeNormal);letter-spacing:var(--letterSpacingNormal);line-height:var(--lineHeightM);max-width:25em;margin-bottom:var(--spacingL)}.TutorialCTA_logo__2Ss4f{margin-top:var(--spacingXXL);padding-top:var(--spacingL);font-size:var(--typeSizeNormal)}.TutorialCTA_logo__2Ss4f img{vertical-align:middle;margin-right:.25rem}@media screen and (min-width:768px){.TutorialCTA_heading__IzzqZ h2{font-size:calc(var(--base) * 4.8)}}