.tutorial-sidebar[data-astro-cid-6x6n4xvh]{border-right:1px solid var(--color-border-light);flex-shrink:0;align-self:flex-start;width:240px;height:100vh;display:none;position:sticky;top:0;overflow-y:auto}@media (width>=1024px){.tutorial-sidebar[data-astro-cid-6x6n4xvh]{display:block}}@media (width<=1023px){.tutorial-sidebar[data-astro-cid-6x6n4xvh]{z-index:35;background:var(--color-bg);height:100vh;box-shadow:none;transition:transform .25s;display:block;position:fixed;top:0;left:0;transform:translate(-100%)}.tutorial-sidebar[data-astro-cid-6x6n4xvh].is-open{transform:translate(0);box-shadow:4px 0 20px #0000001a}}.tut-sidebar-promo[data-astro-cid-6x6n4xvh]{border:1px solid var(--color-border);color:inherit;background:linear-gradient(135deg,#d977570f,#d9775705);border-radius:.5rem;margin:1rem 0 .5rem;padding:.75rem;text-decoration:none;transition:border-color .15s;display:block}.tut-sidebar-promo[data-astro-cid-6x6n4xvh]:hover{color:inherit;border-color:#d97757}.tut-sidebar-promo-tag[data-astro-cid-6x6n4xvh]{text-transform:uppercase;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#d97757,#b85d3a);border-radius:3px;margin-bottom:.35rem;padding:.1rem .35rem;font-size:.55rem;font-weight:700;display:inline-block}.tut-sidebar-promo[data-astro-cid-6x6n4xvh] strong[data-astro-cid-6x6n4xvh]{margin-bottom:.2rem;font-size:.8rem;line-height:1.3;display:block}.tut-sidebar-promo-meta[data-astro-cid-6x6n4xvh]{color:var(--color-faint);font-size:.68rem}.tutorial-section-toggle[data-astro-cid-6x6n4xvh] .section-arrow[data-astro-cid-6x6n4xvh]{transition:transform .2s}.tutorial-section-toggle[data-astro-cid-6x6n4xvh].collapsed .section-arrow[data-astro-cid-6x6n4xvh]{transform:rotate(0)}.tutorial-section-toggle[data-astro-cid-6x6n4xvh]:not(.collapsed) .section-arrow[data-astro-cid-6x6n4xvh]{transform:rotate(90deg)}.tutorial-section-list[data-astro-cid-6x6n4xvh].collapsed{display:none}body:has(.tutorial-layout)>nav{max-width:1200px!important}body:has(.tutorial-layout)>main{max-width:100%!important;padding:0!important}body:has(.tutorial-layout)>footer{max-width:1200px!important}.tutorial-sidebar{view-transition-name:tutorial-sidebar}::view-transition-old(tutorial-sidebar){mix-blend-mode:normal;animation:none}::view-transition-new(tutorial-sidebar){mix-blend-mode:normal;animation:none}.tutorial-content{view-transition-name:tutorial-content}@keyframes tut-slide-out-left{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}@keyframes tut-slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes tut-slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(30px)}}@keyframes tut-slide-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}::view-transition-old(tutorial-content){animation:.2s cubic-bezier(.4,0,.2,1) both tut-slide-out-left}::view-transition-new(tutorial-content){animation:.25s cubic-bezier(0,0,.2,1) 50ms both tut-slide-in-right}html.tutorial-back::view-transition-old(tutorial-content){animation-name:tut-slide-out-right}html.tutorial-back::view-transition-new(tutorial-content){animation-name:tut-slide-in-left}html.tutorial-nav-active::view-transition-old(root){animation:none}html.tutorial-nav-active::view-transition-new(root){animation:none}.tutorial-layout[data-astro-cid-ykvenys5]{max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;display:flex}.tutorial-main[data-astro-cid-ykvenys5]{flex:1;min-width:0;max-width:780px;padding:2rem 3rem 4rem}.tutorial-nav[data-astro-cid-ykvenys5]{border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:stretch;gap:1rem;margin-top:3rem;padding-top:2rem;display:flex}.tutorial-nav-link[data-astro-cid-ykvenys5]{border:1px solid var(--color-border-light);border-radius:.75rem;flex-direction:column;flex:1;gap:.25rem;min-width:0;padding:.75rem 1rem;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.tutorial-nav-link[data-astro-cid-ykvenys5]:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}.tutorial-nav-next[data-astro-cid-ykvenys5]{text-align:right}.tutorial-nav-label[data-astro-cid-ykvenys5]{color:var(--color-faint);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.tutorial-nav-title[data-astro-cid-ykvenys5]{color:var(--color-soft);font-size:.875rem;font-weight:500;transition:color .15s}.tutorial-nav-link[data-astro-cid-ykvenys5]:hover .tutorial-nav-title[data-astro-cid-ykvenys5]{color:var(--color-accent)}@media (width<=1023px){.tutorial-main[data-astro-cid-ykvenys5]{max-width:100%;padding:1.5rem 1.25rem 4rem}}@media (width<=480px){.tutorial-nav[data-astro-cid-ykvenys5]{flex-direction:column}.tutorial-nav-next[data-astro-cid-ykvenys5]{text-align:left}}