/* Ported from the Tutorials design board. */
.dz-page a{color:#F2F0EB;text-decoration:none}
.dz-page a:hover{color:#ffffff}
@keyframes dzLine{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes dzMark{from{background-size:0% 100%}to{background-size:100% 100%}}
@keyframes dzGrow{to{transform:scaleX(1)}}
@keyframes dzReveal{from{opacity:0;transform:translateY(60px) scale(.98)}to{opacity:1;transform:none}}
@keyframes dzFloat{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(5deg)}}
@keyframes dzSpin2{to{transform:rotate(360deg)}}
@keyframes dzType{from{width:0}to{width:100%}}
@keyframes dzBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@supports (animation-timeline: view()){.dz-page .dz-reveal{animation:dzReveal linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}
.dz-page .dz-line{display:block;overflow:hidden;padding-bottom:.06em}
.dz-page .dz-line>span{display:inline-block;animation:dzLine 1s cubic-bezier(.2,.8,.2,1) both}
.dz-page .dz-mark{color:#0D0D0F;padding:0 .12em;border-radius:.12em;background:linear-gradient(#C8F560,#C8F560) no-repeat left center/0% 100%;animation:dzMark .9s cubic-bezier(.7,0,.2,1) .7s both}
.dz-page .dz-btn{transition:transform .25s}
.dz-page .dz-btn:hover{transform:translateY(-3px)}
.dz-page .dz-flink{color:#A9A69E}
.dz-page .dz-flink:hover{color:#C8F560}
.dz-page .dz-topics{overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.dz-page .dz-topic{display:inline-block;padding:15px 16px;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:1px;color:#A9A69E !important;border-bottom:2px solid transparent;transition:color .2s,background .2s,border-color .2s}
.dz-page .dz-topic:hover{color:#F2F0EB !important;background:#1E1E24;border-bottom-color:#C8F560}
.dz-page .dz-track{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .3s}
.dz-page .dz-track:hover{transform:translateY(-8px) rotate(-1deg);border-color:#C8F560 !important}
.dz-page .dz-track svg{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.dz-page .dz-track:hover svg{transform:rotate(-12deg) scale(1.1)}
.dz-page .dz-lesson{transition:padding .3s,background .3s}
.dz-page .dz-lesson:hover{padding-left:14px !important;background:#0D0D0F0F}
.dz-page .dz-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:dzType 1.6s steps(28) .4s both}
@media (max-width:760px){.dz-page .dz-hide-sm{display:none !important}}
@media (prefers-reduced-motion:reduce){.dz-page *{animation:none !important;transition:none !important}
.dz-page .dz-mark{background-size:100% 100%}}