.barre-typed{white-space:nowrap;vertical-align:bottom;max-width:13ch;display:inline-block;overflow:hidden}.barre-anim .barre-typed{animation:14s linear infinite barre-typed}@keyframes barre-typed{0%,7%{max-width:0}8%{max-width:0;animation-timing-function:steps(13,end)}21%,84%{max-width:13ch}86%,to{max-width:0}}.barre-caret{animation:1s step-end infinite barre-caret}@keyframes barre-caret{50%{opacity:0}}.barre-menu{opacity:0}.barre-anim .barre-menu{transform-origin:top;animation:14s infinite barre-menu}@keyframes barre-menu{0%,22%{opacity:0;transform:translateY(-6px)}26%,52%{opacity:1;transform:none}56%,to{opacity:0;transform:translateY(-6px)}}.barre-anim .barre-row1{animation:14s infinite barre-row1}.barre-anim .barre-row2{animation:14s infinite barre-row2}.barre-anim .barre-row3{animation:14s infinite barre-row3}@keyframes barre-row1{0%,26%{opacity:0;transform:translate(-4px)}28%,52%{opacity:1;transform:none}56%,to{opacity:0}}@keyframes barre-row2{0%,30%{opacity:0;transform:translate(-4px)}32%,52%{opacity:1;transform:none}56%,to{opacity:0}}@keyframes barre-row3{0%,34%{opacity:0;transform:translate(-4px)}36%,52%{opacity:1;transform:none}56%,to{opacity:0}}.barre-anim .barre-row2.barre-sel{animation:14s infinite barre-row2,14s linear infinite barre-sel}@keyframes barre-sel{0%,44%{background-color:#0000}46%,52%{background-color:hsl(var(--accent))}56%,to{background-color:#0000}}.barre-anim .barre-case{animation:14s infinite barre-case}@keyframes barre-case{0%,54%{opacity:0;transform:translateY(6px)}58%,84%{opacity:1;transform:none}88%,to{opacity:0;transform:translateY(6px)}}.mod-chevron{animation:1.6s ease-in-out infinite mod-chevron}@keyframes mod-chevron{0%,to{opacity:.5;transform:none}50%{opacity:1;transform:translateY(6px)}}.mod-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(14px)}.mod-reveal.is-in{opacity:1;transform:none}.mod-stagger>*{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(8px)}.is-in .mod-stagger>*{opacity:1;transform:none}.is-in .mod-stagger>:first-child{transition-delay:.1s}.is-in .mod-stagger>:nth-child(2){transition-delay:.22s}.is-in .mod-stagger>:nth-child(3){transition-delay:.34s}.is-in .mod-stagger>:nth-child(4){transition-delay:.46s}.is-in .mod-stagger>:nth-child(5){transition-delay:.58s}.is-in .mod-stagger>:nth-child(6){transition-delay:.7s}.is-in .mod-stagger>:nth-child(7){transition-delay:.82s}.is-in .mod-stagger>:nth-child(8){transition-delay:.94s}.is-in .mod-stagger>:nth-child(9){transition-delay:1.06s}.is-in .mod-stagger>:nth-child(10){transition-delay:1.18s}.is-in .mod-stagger>:nth-child(11){transition-delay:1.3s}.is-in .mod-stagger>:nth-child(12){transition-delay:1.42s}.is-in .mod-stagger>:nth-child(n+13){transition-delay:1.54s}.mod-plan{container-type:inline-size}.mod-plan-grid{--cell:min(2.25rem, calc((100cqw - 5.5rem) / 13));grid-template-columns:repeat(13, var(--cell));grid-template-rows:repeat(9, var(--cell))}@container (max-width:27rem){.mod-plan-label{display:none}.mod-plan-grid>*{padding:2px}.mod-plan-grid svg{width:min(13px, calc(var(--cell) - 4px));height:min(13px, calc(var(--cell) - 4px))}}.mod-flip{display:inline-grid}.mod-flip>*{grid-area:1/1;justify-self:start;transition:opacity .4s}.mod-flip .mod-after{opacity:0}.is-in .mod-flip .mod-after{opacity:1}.is-in .mod-flip .mod-before{opacity:0}.is-in .mod-row:nth-child(2) .mod-flip>*{transition-delay:.7s}.is-in .mod-row:nth-child(3) .mod-flip>*{transition-delay:1.05s}.is-in .mod-row:nth-child(4) .mod-flip>*{transition-delay:1.4s}.is-in .mod-row:nth-child(5) .mod-flip>*{transition-delay:1.75s}@media (prefers-reduced-motion:reduce){.barre-anim *,.mod-chevron{animation:none!important}.mod-reveal,.mod-stagger>*,.mod-flip .mod-before{opacity:1!important;transition:none!important;transform:none!important}.mod-flip .mod-after{opacity:0!important}}