@layer components{.error-code[data-v-21b0c4e8]{color:#0000;-webkit-text-stroke:2px #f5e5e1;cursor:default;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.duplicate-overlay[data-v-21b0c4e8]{background-image:linear-gradient(90deg,#3b82f60f,#3b82f605 50%,#3b82f60f);background-size:200% 100%;animation:2.5s linear infinite duplicate-sweep-21b0c4e8}@keyframes duplicate-sweep-21b0c4e8{0%{background-position:-100% 0}to{background-position:100% 0}}.dark .error-code[data-v-21b0c4e8]{-webkit-text-stroke:2px #374151}.error-code[data-v-21b0c4e8]:hover{-webkit-text-stroke:3px #ff8f8f;animation:3s linear infinite stroke-rainbow-21b0c4e8;transform:scale(.99)}.dark .error-code[data-v-21b0c4e8]:hover{-webkit-text-stroke:3px #ff8f8f}@keyframes stroke-pulse-21b0c4e8{0%,to{-webkit-text-stroke-width:3px;filter:drop-shadow(0 0 #ff8f8f)}50%{-webkit-text-stroke-width:4px;filter:drop-shadow(0 0 20px #eab30899)}}@keyframes stroke-rainbow-21b0c4e8{0%{-webkit-text-stroke-color:#ff8f8f}25%{-webkit-text-stroke-color:#fff1cb}50%{-webkit-text-stroke-color:#c2e2fa}75%{-webkit-text-stroke-color:#b7a3e3}to{-webkit-text-stroke-color:#ff8f8f}}.post-list-row[data-v-21b0c4e8]{border:1px solid var(--border-color,#e5e7eb);border-radius:.5rem;align-items:flex-start;gap:1rem;padding:1rem;display:flex}.post-list-thumb[data-v-21b0c4e8]{-o-object-fit:cover;object-fit:cover;border-radius:.375rem;flex-shrink:0;width:144px;height:96px;overflow:hidden}.site-shell .site-demo-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;width:100%;max-width:700px;margin:0 auto 64px;display:grid}.site-shell .site-demo-project-image{aspect-ratio:4/3;background:#2b2b30;border-radius:12px}.site-shell .site-demo-project-image img{transition:transform .25s}.site-shell .site-demo-project h2{font-family:var(--site-font-body);margin:14px 0 6px;font-size:16px}.site-shell .site-demo-project p{color:var(--site-color-muted);margin:0;font-size:14px;line-height:1.5}.site-shell .site-project-index{padding-top:70px}.site-shell .site-project-index>.container{box-sizing:border-box}.site-shell .site-project-index .site-collection-intro{width:100%;margin:0 0 106px}.site-shell .site-project-index .site-collection-avatar{margin-bottom:48px}.site-shell .site-project-index .site-demo-projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;width:100%;max-width:100%;margin:0;display:grid}.site-shell .site-demo-project{min-width:0;color:var(--site-color-text);text-decoration:none}.site-shell .site-demo-project-image{aspect-ratio:16/9;border-radius:16px;overflow:hidden}.site-shell .site-demo-project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:block}.site-shell .site-demo-project h2{color:var(--site-color-heading);margin:16px 0 4px;font-size:18px;font-weight:550;line-height:24px}.site-shell .site-demo-project-meta{color:var(--site-color-muted);gap:14px;margin:0;font-size:14px;line-height:20px;display:flex}.site-shell .site-demo-project:hover .site-demo-project-image img{transform:scale(1.025)}.site-shell .site-demo-project:focus-visible{outline:2px solid var(--site-color-accent);outline-offset:5px;border-radius:3px}.site-shell .site-project-index-footer .home-newsletter{margin-top:120px}.site-shell .site-project-index{background:var(--site-color-background);color:var(--site-color-text)}.site-shell .site-project-index>.container{width:min(700px,100% - 32px);max-width:700px;margin-inline:auto;padding-inline:0}.site-shell .site-project-index [class~=border-gray-200]{border-color:var(--site-color-border)}.site-shell .site-project-index.site-project-index>.container{width:min(700px,100% - 32px);max-width:700px}@media (width<=1023px){.site-shell .site-project-index{padding-top:40px}.site-shell .site-project-index .site-collection-avatar{margin-bottom:32px}.site-shell .site-project-index .site-collection-intro{margin-bottom:52px}.site-shell .site-project-index .site-demo-projects{width:100%;max-width:100%;margin:0}.site-shell .site-project-index-footer .home-newsletter{margin-top:80px}}@media (width<=600px){.site-shell .site-demo-projects,.site-shell .site-project-index .site-demo-projects{grid-template-columns:minmax(0,1fr)}.site-shell .site-project-index .site-demo-projects{gap:28px}}}