.home-demo-reveal{opacity:1}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.home-demo-reveal{opacity:0;animation:linear both home-demo-reveal-in;animation-timeline:view();animation-range:entry 10% entry 60%}}}@keyframes home-demo-reveal-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.cap-card{--tilery-bg:#0e0f12;--tilery-panel-bg:#1a1c20;--tilery-panel-border:#2a2d33;--tilery-tabbar-bg:#16181c;--tilery-tab-active-bg:#1a1c20;--tilery-tab-active-fg:#f3f4f7;--tilery-tab-fg:#9aa1ab;--tilery-fg:#d9dde3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.cap-card-body:after{content:"";pointer-events:none;border:1px solid var(--tilery-accent,#a3e635);opacity:0;border-top:0;border-radius:0 0 5px 5px;transition:opacity .16s;position:absolute;inset:-1px 0 0}.cap-card:hover .cap-card-body:after,.cap-card:focus-within .cap-card-body:after{opacity:1}.cap-tab--active:after{content:"";pointer-events:none;border:1px solid var(--tilery-accent,#a3e635);opacity:0;border-bottom:0;border-radius:5px 5px 0 0;transition:opacity .16s;position:absolute;inset:0 0 -1px}.cap-tab--active:before{content:"";pointer-events:none;background:var(--tilery-accent,#a3e635);opacity:0;width:100vw;height:1px;transition:opacity .16s;position:absolute;bottom:-1px;left:100%}.cap-card:hover .cap-tab--active:after,.cap-card:focus-within .cap-tab--active:after,.cap-card:hover .cap-tab--active:before,.cap-card:focus-within .cap-tab--active:before{opacity:1}.cap-grid[data-play=true] .cap-demo--tab-move .capx-fly{animation:3.6s ease-in-out infinite home-capx-fly}.cap-grid[data-play=true] .cap-demo--tab-move .capx-drop{animation:3.6s ease-in-out infinite home-capx-drop}.cap-grid[data-play=true] .cap-demo--resize .capx-grip{animation:3.2s ease-in-out infinite home-capx-grip}.cap-grid[data-play=true] .cap-demo--resize .capx-rpane--l{animation:3.2s ease-in-out infinite home-capx-rpl}.cap-grid[data-play=true] .cap-demo--resize .capx-rpane--r{animation:3.2s ease-in-out infinite home-capx-rpr}.cap-grid[data-play=true] .cap-demo--render .capx-render-a{animation:3.4s ease-in-out infinite home-capx-fade-out}.cap-grid[data-play=true] .cap-demo--render .capx-render-icon,.cap-grid[data-play=true] .cap-demo--render .capx-render-b{animation:3.4s ease-in-out infinite home-capx-fade-in}.cap-grid[data-play=true] .cap-demo--styling{animation:5s ease-in-out infinite home-capx-hue-border}.cap-grid[data-play=true] .cap-demo--styling .capx-style-accent,.cap-grid[data-play=true] .cap-demo--styling .capx-style-swatch{animation:5s ease-in-out infinite home-capx-hue}.cap-grid[data-play=true] .cap-demo--core .capx-layer--1{animation:3.4s ease-in-out infinite both home-capx-core-emit}.cap-grid[data-play=true] .cap-demo--core .capx-layer--2{animation:3.4s ease-in-out .3s infinite both home-capx-core-emit}.cap-grid[data-play=true] .cap-demo--core .capx-layer--3{animation:3.4s ease-in-out .6s infinite both home-capx-core-emit}.cap-grid[data-play=true] .cap-demo--imperative .capx-line{width:0;animation:3.4s steps(13,end) infinite home-capx-type,.9s infinite home-capx-caret-blink}.cap-grid[data-play=true] .cap-demo--imperative .capx-imp-a{animation:3.4s ease-in-out infinite home-capx-imp-a}.cap-grid[data-play=true] .cap-demo--imperative .capx-imp-b{animation:3.4s ease-in-out infinite home-capx-imp-b}.cap-grid[data-play=true] .cap-demo--floating .capx-float-panel{animation:4s ease-in-out infinite home-capx-float}.cap-grid[data-play=true] .cap-demo--persist .capx-persist-pane--l,.cap-grid[data-play=true] .cap-demo--persist .capx-persist-pane--r{animation:3.6s ease-in-out infinite home-capx-persist-fade}.cap-grid[data-play=true] .cap-demo--persist .capx-persist-token{animation:3.6s ease-in-out infinite home-capx-persist-token}.cap-grid[data-play=true] .cap-demo--lock .capx-lock-icon,.cap-grid[data-play=true] .cap-demo--lock .capx-lock-shackle{animation:2.8s ease-in-out infinite home-capx-lock-pulse}.cap-grid[data-play=true] .cap-demo--lock .capx-lock-divider{animation:3.4s ease-in-out infinite home-capx-lock-nudge}@keyframes home-capx-fly{0%,10%{top:24px;left:14%}48%,60%{top:40px;left:54%}to{top:24px;left:14%}}@keyframes home-capx-drop{0%,30%{opacity:0}45%,58%{opacity:.9}72%,to{opacity:0}}@keyframes home-capx-grip{0%,to{left:50%}50%{left:34%}}@keyframes home-capx-rpl{0%,to{right:52%}50%{right:68%}}@keyframes home-capx-rpr{0%,to{left:52%}50%{left:36%}}@keyframes home-capx-fade-out{0%,40%{opacity:1}55%,95%{opacity:0}to{opacity:1}}@keyframes home-capx-fade-in{0%,40%{opacity:0}55%,95%{opacity:1}to{opacity:0}}@keyframes home-capx-hue-border{0%,20%{border-color:var(--tilery-accent,#a3e635)}40%,60%{border-color:#38bdf8}80%,to{border-color:var(--tilery-accent,#a3e635)}}@keyframes home-capx-hue{0%,20%{background:var(--tilery-accent,#a3e635)}40%,60%{background:#38bdf8}80%,to{background:var(--tilery-accent,#a3e635)}}@keyframes home-capx-core-emit{0%,6%{opacity:0;transform:translateY(7px)scale(.97)}22%,84%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(7px)scale(.97)}}@keyframes home-capx-type{0%{width:0}55%,to{width:13ch}}@keyframes home-capx-caret-blink{0%,50%{border-right-color:var(--tilery-accent,#a3e635)}51%,to{border-right-color:#0000}}@keyframes home-capx-imp-a{0%,55%{right:16px}68%,92%{right:51%}to{right:16px}}@keyframes home-capx-imp-b{0%,58%{opacity:0}70%,92%{opacity:1}to{opacity:0}}@keyframes home-capx-float{0%,14%{transform:translate(0)scale(1);box-shadow:0 2px 6px #0000004d}32%,40%{transform:translate(-16px,-14px)scale(1.04);box-shadow:0 14px 24px #00000080}58%,66%{transform:translate(-34px,-2px)scale(1.04);box-shadow:0 14px 24px #00000080}86%,to{transform:translate(0)scale(1);box-shadow:0 2px 6px #0000004d}}@keyframes home-capx-persist-fade{0%,16%{opacity:1}40%,58%{opacity:0}82%,to{opacity:1}}@keyframes home-capx-persist-token{0%,24%{opacity:0}42%,56%{opacity:1}74%,to{opacity:0}}@keyframes home-capx-lock-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes home-capx-lock-nudge{0%,24%{transform:translate(0)}36%{transform:translate(-5px)}50%,62%{transform:translate(0)}74%{transform:translate(5px)}86%,to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.capx,.cap-grid[data-play=true] .capx{animation:none!important}}