/* Ported from the Blog design board. */
@keyframes dzLine{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes dzMark{from{background-size:0% 100%}to{background-size:100% 100%}}
@keyframes dzSpin2{to{transform:rotate(360deg)}}
@keyframes dzBob2{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-14px) rotate(4deg)}}
.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-sweep{background:#141417 linear-gradient(#C8F560,#C8F560) no-repeat left bottom/100% 0%;transition:background-size .45s cubic-bezier(.7,0,.2,1),color .3s,transform .3s}
.dz-page .dz-sweep:hover{background-size:100% 100%;color:#0D0D0F;transform:translateY(-4px)}
.dz-page .dz-sweep:hover span{color:#0D0D0F !important}
@keyframes dzType{from{width:0}to{width:100%}}
@keyframes dzBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes dzFloat3{0%,100%{transform:translateY(0) rotate(var(--r))}50%{transform:translateY(-14px) rotate(var(--r))}}
.dz-page .dz-type{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:dzType 2.2s steps(26) .6s both}
.dz-page .dz-stack{position:absolute;left:0;right:0;border-radius:20px;padding:20px 22px;box-sizing:border-box;box-shadow:0 20px 40px rgba(0,0,0,.4);animation:dzFloat3 6s ease-in-out infinite}
@media (max-width:1100px){.dz-page .dz-hide-md{display:none !important}}
@media (prefers-reduced-motion:reduce){.dz-page .dz-line>span,.dz-page .dz-mark{animation:none !important}
.dz-page .dz-mark{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}}
@supports (animation-timeline: view()){.dz-page .dz-reveal{animation:dzReveal linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}
@media (prefers-reduced-motion:reduce){.dz-page .dz-reveal{animation:none !important}}
.dz-page a{color:#F2F0EB;text-decoration:none}
.dz-page a:hover{color:#ffffff}
@keyframes dzRise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.dz-page .dz-rise{animation:dzRise .9s cubic-bezier(.2,.7,.2,1) both}
.dz-page .dz-card{transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s}
.dz-page .dz-card:hover{transform:translateY(-8px);border-color:#F2F0EB !important}
.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-chip{cursor:pointer;font:inherit;transition:background .2s,color .2s}
@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}}