.ProjectTutorial_tutorial__DLgWB{margin-top:5rem;padding-top:3rem;padding-bottom:3rem;border-top:1px solid rgba(127,127,127,.35);scroll-margin-top:9rem}.ProjectTutorial_layout__4NkcK{display:grid;gap:2.5rem}.ProjectTutorial_content__ni_bg,.ProjectTutorial_layout__4NkcK>*{min-width:0}.ProjectTutorial_contents__LTCxM{padding:1.25rem;border:1px solid rgba(127,127,127,.35)}.ProjectTutorial_contents__LTCxM a{display:inline-block;line-height:1.5;padding:.25rem 0}.ProjectTutorial_contents__LTCxM a:hover{text-decoration:underline;text-underline-offset:4px}.ProjectTutorial_content__ni_bg a:focus-visible,.ProjectTutorial_contents__LTCxM a:focus-visible,.ProjectTutorial_screenshot__JyY9t button:focus-visible{outline:2px solid #b28b00;outline-offset:4px}.ProjectTutorial_backToTop__uLGD9{margin-top:1rem;font-size:.85rem}.ProjectTutorial_content__ni_bg{overflow-wrap:anywhere}.ProjectTutorial_content__ni_bg .ProjectTutorial_stepHeading__CBr6Z{font-size:1.6rem;scroll-margin-top:9rem;margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid rgba(127,127,127,.3)}.ProjectTutorial_content__ni_bg .ProjectTutorial_subheading__o46uf{font-weight:700;font-size:1.15rem;margin-top:2rem}.ProjectTutorial_content__ni_bg li+li{margin-top:.4rem}.ProjectTutorial_screenshot__JyY9t{display:block;margin:1.75rem 0}.ProjectTutorial_screenshot__JyY9t>button{display:block;width:100%;padding:0;overflow:hidden;border:1px solid rgba(127,127,127,.35);border-radius:.5rem;background:#1c1e32;cursor:zoom-in}.ProjectTutorial_screenshot__JyY9t img{width:100%;height:auto;transition:opacity .15s}.ProjectTutorial_screenshot__JyY9t button:hover img{opacity:.9}.ProjectTutorial_caption__6lQNt{display:block;margin-top:.65rem;font-size:.85rem;line-height:1.6}.ProjectTutorial_caption__6lQNt>span{display:block;opacity:.75}.ProjectTutorial_lightbox__r2gJg{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:3vh 3vw;border:0;background:transparent;color:#fff}.ProjectTutorial_lightbox__r2gJg[open]{display:flex;align-items:center;justify-content:center}.ProjectTutorial_lightbox__r2gJg::backdrop{background:rgba(0,0,0,.88)}.ProjectTutorial_lightboxPanel__PgbKO{width:100%;max-width:1920px;overflow:hidden;border:1px solid #626477;border-radius:.75rem;background:#1c1e32;box-shadow:0 12px 60px #000}.ProjectTutorial_lightboxHeader__3eqUQ{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;font-size:.95rem}.ProjectTutorial_lightboxHeader__3eqUQ h2{min-width:0;line-height:1.5}.ProjectTutorial_lightboxHeader__3eqUQ button{flex-shrink:0;min-height:44px;padding:.5rem .85rem;border:1px solid #777a95;border-radius:.4rem;background:#323446}.ProjectTutorial_lightboxHeader__3eqUQ button:hover{background:#4b4d65}.ProjectTutorial_lightboxHeader__3eqUQ button:focus-visible{outline:2px solid #f2c630;outline-offset:3px}.ProjectTutorial_lightboxImage__g_jY_{display:block;width:100%;height:min(calc(100dvh - 160px),calc(94vw * 9 / 16));-o-object-fit:contain;object-fit:contain}@media (min-width:1024px){.ProjectTutorial_layout__4NkcK{grid-template-columns:240px minmax(0,1fr);gap:3rem}.ProjectTutorial_contents__LTCxM{position:sticky;top:8rem;max-height:calc(100vh - 10rem);overflow-y:auto}}@media print{.ProjectTutorial_layout__4NkcK{display:block}.ProjectTutorial_layout__4NkcK>aside{display:none}.ProjectTutorial_screenshot__JyY9t{-moz-column-break-inside:avoid;break-inside:avoid}}