:root{--case-gradient-banner: linear-gradient(170.96deg, #5933ff 6.14%, #8e8cff 53.32%, #dcd5ff 113.85%);--case-gradient-card: linear-gradient(148.16deg, #572eff 6.36%, #7b79ff 72.51%, #ab9bff 120.39%);--case-gradient-note: linear-gradient(177.63deg, #5933ff 6.36%, #8e8cff 72.51%, #dcd5ff 120.39%)}.case-nav-rail{top:20px;bottom:20px}.case-nav-progress{transition:height .45s cubic-bezier(.22,1,.36,1)}.case-mockup-tab{border-radius:6px 6px 0 0}.case-mockup-body{border-radius:0 6px 6px}.case-mockup-code{font-family:inherit;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}@media(prefers-reduced-motion:no-preference){.case-reveal{opacity:0}[data-inview] .case-reveal{animation:case-rise .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 90ms)}.case-track{transform:scaleX(0);transform-origin:left}[data-inview] .case-track{animation:case-track-draw .9s cubic-bezier(.45,0,.2,1) .1s forwards}}@keyframes case-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes case-track-draw{to{transform:scaleX(1)}}