.tutorials-page{--tutorial-green:#34d399}.tutorial-hero{background:radial-gradient(at 80% 40%,#34d3990d,#0000 55%),radial-gradient(at 15% 5%,#34d3990a,#0000 45%);padding:7.5rem 0 5rem;position:relative;overflow:hidden}.tutorial-cover{background:radial-gradient(at 50% 40%,#12543c80,#0000 70%),linear-gradient(135deg,#122721,#090f10 65%);border:1px solid #ffffff24;border-radius:1.5rem;padding:1.75rem;position:relative;transform:rotate(2deg);box-shadow:0 30px 100px -35px #000,inset 0 1px #ffffff12}.tutorial-path{background:linear-gradient(140deg,#ffffff08,#ffffff02);border:1px solid #ffffff14;border-radius:1.25rem;padding:1.75rem;transition:background .2s,border-color .2s;display:block}.tutorial-path:hover{background:linear-gradient(140deg,#34d3990f,#ffffff02);border-color:#34d39950}.tutorial-category{color:#a1a1aa;cursor:pointer;border:1px solid #0000;border-radius:.65rem;align-items:center;gap:.625rem;width:100%;min-height:46px;padding:.65rem .75rem;font-size:.8125rem;transition:background .2s,color .2s;display:flex}.tutorial-category:hover{color:#fff;background:#ffffff08}.tutorial-category.is-active{color:#6ee7b7;background:#34d3990e;border-color:#34d39922}.tutorial-card{background:linear-gradient(145deg,#ffffff06,#ffffff02);border:1px solid #ffffff14;border-radius:1rem;flex-direction:column;min-width:0;padding:1.35rem;display:flex}.tutorial-card-link{transition:border-color .2s,background .2s}.tutorial-card-link:hover{background:#34d39908;border-color:#34d39960}.tutorial-icon{color:#6ee7b7;background:#34d39908;border:1px solid #34d39925;border-radius:.75rem;padding:.65rem;display:inline-flex}.tutorial-skip{z-index:100;color:#052e20;background:#34d399;border-radius:.75rem;padding:.875rem 1.25rem;font-weight:600;position:fixed;top:.5rem;left:1rem;transform:translateY(-150%)}.tutorial-skip:focus{transform:translateY(0)}.tutorial-toc a{color:#a1a1aa;border-radius:.5rem;min-height:44px;padding:.65rem .75rem;font-size:.8125rem;line-height:1.5;display:block}.tutorial-toc a:hover{color:#6ee7b7;background:#34d3990a}.tutorial-body h2,.tutorial-body h3{scroll-margin-top:6rem}.tutorial-body{overflow-wrap:anywhere}.blog-content.tutorial-body img{max-width:min(100%,25.5rem);margin-inline:auto;display:block}@media (min-width:768px){.tutorial-hero{padding-top:8.5rem;padding-bottom:6rem}}@media (max-width:1023px){.tutorial-cover{width:calc(100% - 1rem);max-width:34rem;margin:0 auto;transform:rotate(1deg)}}@media (prefers-reduced-motion:reduce){.tutorials-page *,.tutorials-page :before,.tutorials-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}