.shiki-magic-move-container{white-space:pre;position:relative}.shiki-magic-move-line-number{opacity:.3;user-select:none}.shiki-magic-move-item{transition:color var(--smm-duration,.5s) var(--smm-easing,"ease");display:inline-block}.shiki-magic-move-enter-active,.shiki-magic-move-leave-active,.shiki-magic-move-move{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease")}.shiki-magic-move-container-resize,.shiki-magic-move-container-restyle{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease");transition-delay:calc(var(--smm-duration,.5s)*var(--smm-delay-container,1))}.shiki-magic-move-move{transition-delay:calc(var(--smm-duration,.5s)*var(--smm-delay-move,1) + var(--smm-stagger,0));z-index:1}.shiki-magic-move-enter-active{transition-delay:calc(var(--smm-duration,.5s)*var(--smm-delay-enter,1) + var(--smm-stagger,0));z-index:1}.shiki-magic-move-leave-active{transition-delay:calc(var(--smm-duration,.5s)*var(--smm-delay-leave,1) + var(--smm-stagger,0))}.shiki-magic-move-enter-from,.shiki-magic-move-leave-to{opacity:0}br.shiki-magic-move-leave-active{display:none}.animated-code{--code-accent:var(--section-color,var(--projects));isolation:isolate;border-block:.14rem solid var(--paper);width:100%;color:var(--paper);font-family:var(--font-body);background:#0d0e0d;margin:clamp(2.2rem,6vw,4rem) 0;position:relative}.animated-code:before,.animated-code:after{content:"";z-index:-1;background:var(--code-accent);position:absolute}.animated-code:before{width:36%;height:.55rem;inset:-.55rem 0 auto 8%;transform:skew(-24deg)}.animated-code:after{width:22%;height:.5rem;inset:auto 7% -.5rem auto;transform:skew(30deg)}.animated-code__header{border-bottom:.1rem solid color-mix(in srgb, var(--paper) 28%, transparent);justify-content:space-between;align-items:center;gap:1rem;min-height:3.4rem;padding:.65rem clamp(.8rem,3vw,1.2rem);display:flex}.animated-code__header>div{align-items:baseline;gap:.65rem;min-width:0;display:flex}.animated-code__header strong{font-family:var(--font-display);font-variation-settings:"wdth" 108, "wght" 780;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.animated-code__header span,.animated-code__header small{color:var(--paper-muted);font-size:.72rem;font-weight:800}.animated-code__header span{text-transform:uppercase}.animated-code__tabs{border-bottom:.1rem solid color-mix(in srgb, var(--paper) 18%, transparent);flex-wrap:wrap;gap:.35rem;padding:.55rem clamp(.8rem,3vw,1.2rem);display:flex}.animated-code__tabs button{min-height:2.75rem;color:var(--paper);font:inherit;cursor:pointer;clip-path:polygon(.35rem 0,100% 0,calc(100% - .35rem) 100%,0 100%);transition:background-color .18s ease, color .18s ease, transform .18s var(--ease-out);background:0 0;border:0;padding:.55rem .85rem;font-size:.82rem;font-weight:820}.animated-code__tabs button[aria-selected=true]{background:var(--code-accent);color:var(--ink);transform:rotate(-1deg)}.animated-code__tabs button:hover:not([aria-selected=true]){background:color-mix(in srgb, var(--code-accent) 22%, transparent)}.animated-code__tabs button:focus-visible,.animated-code__window:focus-visible{outline:.18rem solid var(--code-accent);outline-offset:-.18rem}.animated-code__scroll-state{border-bottom:.1rem solid color-mix(in srgb, var(--paper) 18%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.animated-code__scroll-state span{color:var(--paper-muted);text-align:center;padding:.7rem 1rem;font-size:.78rem;font-weight:820;position:relative}.animated-code__scroll-state span:after{content:"";background:var(--code-accent);height:.22rem;transition:transform .38s var(--ease-out);position:absolute;inset:auto 12% 0;transform:scaleX(0)}.animated-code__scroll-state span.is-active{color:var(--paper)}.animated-code__scroll-state span.is-active:after{transform:scaleX(1)}.animated-code__window{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-color:var(--code-accent) #191b19;max-width:100%;overflow:auto}.animated-code__window .shiki-magic-move-container{box-sizing:border-box;tab-size:2;width:max-content;min-width:100%;min-height:8rem;margin:0;padding:clamp(1rem,4vw,1.5rem);font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:clamp(.76rem,2vw,.9rem);line-height:1.65;background:0 0!important}.animated-code__window .shiki-magic-move-item{white-space:pre}.animated-code figcaption{border-top:.1rem solid color-mix(in srgb, var(--paper) 18%, transparent);min-height:3rem;color:var(--paper-muted);flex-wrap:wrap;align-items:baseline;gap:.35rem .7rem;padding:.65rem clamp(.8rem,3vw,1.2rem);font-size:.82rem;display:flex}.animated-code figcaption strong{color:var(--code-accent);font-weight:850}@media (width<=34rem){.animated-code__header>div{flex-direction:column;align-items:flex-start;gap:.05rem}.animated-code__tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.animated-code__tabs button{width:100%}}@media (prefers-reduced-motion:reduce){.animated-code *,.animated-code :before,.animated-code :after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}}