.DemoGrid_wrap__REUoU{display:flex;flex-direction:column;gap:1.5rem}.DemoGrid_toolbar__aWpqW{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.75rem}.DemoGrid_filters__N7Hjd{display:flex;flex-wrap:wrap;gap:.5rem}.DemoGrid_filterActive__u2h5O,.DemoGrid_filter__l1N6c{font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-meta);border-radius:999px;padding:.45rem .9rem;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.DemoGrid_filter__l1N6c{background:none;color:var(--text-secondary);border:1px solid var(--border)}.DemoGrid_filter__l1N6c:hover{color:var(--text);border-color:var(--text-secondary)}.DemoGrid_filterActive__u2h5O{background:var(--accent);color:var(--on-accent);border:1px solid var(--accent)}.DemoGrid_switcher__WL75z{display:inline-flex;flex-shrink:0;background:var(--bg-alt);border:1px solid var(--border);border-radius:6px;overflow:hidden}.DemoGrid_switchButtonActive__CkcWb,.DemoGrid_switchButton__CYwqV{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-display);font-weight:var(--weight-semibold);font-size:var(--text-ui);border:none;padding:.5rem .9rem;cursor:pointer;transition:background .15s,color .15s}.DemoGrid_switchLabel__ixYPJ{white-space:nowrap}.DemoGrid_switchButton__CYwqV{background:none;color:var(--text-secondary)}.DemoGrid_switchButton__CYwqV:hover{color:var(--text)}.DemoGrid_switchButtonActive__CkcWb{background:var(--accent);color:var(--on-accent)}.DemoGrid_cards__giK7M{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem}.DemoGrid_cardLink__z_h9M{display:block;height:100%;text-decoration:none;color:var(--text)}@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes DemoGrid_spin-border__3Cd3N{to{--border-angle:360deg}}.DemoGrid_card__siBqz{view-transition-name:var(--vtn,none);position:relative;display:flex;flex-direction:column;height:100%;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:transform .15s,border-color .15s}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_card__siBqz{transform:translateY(-2px);border-color:var(--text-secondary)}.DemoGrid_card__siBqz:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:3px;background:conic-gradient(from var(--border-angle),var(--accent),var(--accent-vivid),var(--accent-tertiary),var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;animation:DemoGrid_spin-border__3Cd3N 3s linear infinite;animation-delay:calc(var(--card-index, 0) * -.75s);animation-play-state:paused;transition:opacity .2s ease}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_card__siBqz:before{opacity:1;animation-play-state:running}.DemoGrid_card__siBqz:after{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:3px;background:conic-gradient(from var(--border-angle),var(--accent),var(--accent-vivid),var(--accent-tertiary),var(--accent));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;filter:blur(16px) saturate(1.6);opacity:0;pointer-events:none;animation:DemoGrid_spin-border__3Cd3N 6s linear infinite;animation-delay:calc(var(--card-index, 0) * -.75s);animation-play-state:paused;transition:opacity .2s ease}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_card__siBqz:after{opacity:1;animation-play-state:running}.DemoGrid_cardIcon__ro7qB{color:var(--accent-tertiary);margin-bottom:1rem}.DemoGrid_cardTag__j0QtO{font-family:var(--font-mono);font-size:var(--text-label);color:var(--accent-tertiary);margin-bottom:.9rem}.DemoGrid_cardTitle__S72Hg{font-family:var(--font-display);font-size:var(--text-title-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-snug);margin-bottom:.6rem}@media (min-width:1000px){.DemoGrid_cardTitle__S72Hg{font-size:var(--text-title)}}.DemoGrid_cardDescription__yhtl3{font-size:var(--text-body);line-height:var(--leading-normal);color:var(--text-secondary)}.DemoGrid_cardArrow__K7FYH{position:absolute;top:calc(1.5rem + 2px);right:1.5rem;color:var(--accent-tertiary);transition:translate var(--duration-fast)}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_cardArrow__K7FYH{translate:3px 0}.DemoGrid_list__IX1pF{display:flex;flex-direction:column;gap:.75rem}.DemoGrid_listItem__7xeQb{view-transition-name:var(--vtn,none);display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface-subtle);border:1px solid var(--border);border-radius:8px;text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}.DemoGrid_listItem__7xeQb:hover{border-color:var(--text-secondary);transform:translateX(3px)}.DemoGrid_listIcon__ZTqIR{color:var(--accent-tertiary);flex-shrink:0}.DemoGrid_listBody__C5CAl{display:flex;flex-direction:column;gap:.15rem;min-width:0}.DemoGrid_listTitle__aTlf4{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-base);letter-spacing:var(--tracking-slight)}.DemoGrid_listDescription__Rcv3B{font-size:var(--text-body-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.DemoGrid_listTag__NjYGj{font-family:var(--font-mono);font-size:var(--text-label);white-space:nowrap;margin-left:auto}.DemoGrid_listArrow__D808X,.DemoGrid_listTag__NjYGj{color:var(--accent-tertiary);flex-shrink:0}@media (max-width:640px){.DemoGrid_listTag__NjYGj{display:none}}.DemoGrid_featured__l_E0A{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}.DemoGrid_featuredCard__yuPTT{min-height:250px}.DemoGrid_proof__KPzNw{margin-top:auto;padding-top:.9rem;font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-secondary);transition:color var(--duration-fast)}.DemoGrid_selfCorner__yovcL{border-radius:20px;corner-shape:bevel;transition:border-color var(--duration-base),corner-shape var(--duration-base) ease}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_selfCorner__yovcL{corner-shape:squircle}.DemoGrid_selfCorner__yovcL:after,.DemoGrid_selfCorner__yovcL:before{corner-shape:bevel;transition:opacity .2s ease,corner-shape var(--duration-base) ease}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_selfCorner__yovcL:after,.DemoGrid_cardLink__z_h9M:hover .DemoGrid_selfCorner__yovcL:before{corner-shape:squircle}.DemoGrid_chips__cOxxW{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem}.DemoGrid_selfHas__mpdFE{transition:border-color var(--duration-fast),background var(--duration-fast),outline-color var(--duration-fast)}.DemoGrid_selfHas__mpdFE .DemoGrid_cardIcon__ro7qB,.DemoGrid_selfHas__mpdFE .DemoGrid_cardTitle__S72Hg{transition:color var(--duration-fast)}.DemoGrid_chip__MmLA_{padding:.25rem .55rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-subtle);font-family:var(--font-mono);font-size:var(--text-caption);color:var(--text-secondary);transition:border-color var(--duration-fast),color var(--duration-fast)}.DemoGrid_selfHas__mpdFE .DemoGrid_chip__MmLA_:hover{color:var(--text)}.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipItem__yE_US:hover){border-color:var(--accent)}.DemoGrid_selfHas__mpdFE .DemoGrid_chipItem__yE_US:hover,.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipItem__yE_US:hover) .DemoGrid_cardIcon__ro7qB,.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipItem__yE_US:hover) .DemoGrid_proof__KPzNw{color:var(--accent-text)}.DemoGrid_selfHas__mpdFE .DemoGrid_chipItem__yE_US:hover{border-color:var(--accent)}.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipChecked__ZAoL5:hover){border-color:var(--accent-vivid);background:color-mix(in srgb,var(--accent-vivid) 9%,transparent)}.DemoGrid_selfHas__mpdFE .DemoGrid_chipChecked__ZAoL5:hover,.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipChecked__ZAoL5:hover) .DemoGrid_cardTitle__S72Hg,.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipChecked__ZAoL5:hover) .DemoGrid_proof__KPzNw{color:var(--accent-vivid)}.DemoGrid_selfHas__mpdFE .DemoGrid_chipChecked__ZAoL5:hover{border-color:var(--accent-vivid)}.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipHas__0TxvL:hover){outline:1px dashed var(--accent-tertiary);outline-offset:5px}.DemoGrid_selfHas__mpdFE .DemoGrid_chipHas__0TxvL:hover,.DemoGrid_selfHas__mpdFE:has(.DemoGrid_chipHas__0TxvL:hover) .DemoGrid_proof__KPzNw{color:var(--accent-tertiary)}.DemoGrid_selfHas__mpdFE .DemoGrid_chipHas__0TxvL:hover{border-color:var(--accent-tertiary)}.DemoGrid_cqBox__mbo1E{container-type:inline-size;display:block;width:100%;margin-top:.9rem;transition:width .45s ease}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_cqBox__mbo1E{width:45%}.DemoGrid_cqRow__nNMA_{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"thumb text badge";align-items:center;min-height:90px;align-content:center;grid-gap:.5rem .6rem;gap:.5rem .6rem;padding:.6rem;border:1px dashed var(--border);border-radius:var(--radius-md)}.DemoGrid_cqThumb__E0dEi{grid-area:thumb;width:30px;height:30px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent-vivid) 65%,var(--bg-alt))}.DemoGrid_cqText__kesDU{grid-area:text;display:flex;flex-direction:column;font-size:var(--text-label);line-height:var(--leading-snug);min-width:0}.DemoGrid_cqText__kesDU b{font-family:var(--font-display);font-weight:var(--weight-semibold);white-space:nowrap}.DemoGrid_cqText__kesDU i{font-style:normal;color:var(--text-secondary)}.DemoGrid_cqBadge__GblGC{grid-area:badge;padding:.1rem .4rem;border:1px solid var(--border);border-radius:var(--radius-badge);font-family:var(--font-mono);font-size:var(--text-badge);color:var(--text-secondary);white-space:nowrap}@container (max-width: 290px){.DemoGrid_cqRow__nNMA_{grid-template-columns:auto 1fr;grid-template-areas:"thumb text" "badge badge";justify-items:start}}@container (max-width: 215px){.DemoGrid_cqRow__nNMA_{grid-template-columns:1fr;grid-template-areas:"thumb" "text" "badge"}.DemoGrid_cqThumb__E0dEi{width:100%;height:20px}.DemoGrid_cqText__kesDU i{display:none}}.DemoGrid_selfAnchor__EcKi9 .DemoGrid_cardIcon__ro7qB{anchor-name:--card-anchor}.DemoGrid_tether__3jG3P{display:none}@supports (anchor-name:--a){.DemoGrid_tether__3jG3P{display:block;position:absolute;position-anchor:--card-anchor;position-area:right center;margin-left:.6rem;padding:.2rem .5rem;border-radius:var(--radius-badge);background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-size:var(--text-caption);white-space:nowrap;opacity:0;transition:opacity var(--duration-fast)}.DemoGrid_cardLink__z_h9M:hover .DemoGrid_tether__3jG3P{opacity:1}}@media (max-width:720px){.DemoGrid_featured__l_E0A{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.DemoGrid_cardLink__z_h9M:hover .DemoGrid_cqBox__mbo1E{width:100%}}@media (hover:none),(max-width:720px){.DemoGrid_chips__cOxxW,.DemoGrid_cqBox__mbo1E,.DemoGrid_proof__KPzNw{display:none}.DemoGrid_featuredCard__yuPTT{min-height:0}}@media (max-width:720px){.DemoGrid_toolbar__aWpqW{flex-wrap:nowrap;align-items:center;gap:.6rem}.DemoGrid_filters__N7Hjd{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-right:.25rem;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 82%,transparent);animation:DemoGrid_filters-edge__tHAE_ linear;animation-timeline:scroll(self x);animation-duration:auto}@keyframes DemoGrid_filters-edge__tHAE_{0%{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 82%,transparent);mask-image:linear-gradient(90deg,#000 0,#000 82%,transparent)}to{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000);mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000)}}.DemoGrid_filters__N7Hjd::-webkit-scrollbar{display:none}.DemoGrid_filterActive__u2h5O,.DemoGrid_filter__l1N6c{flex:none;scroll-snap-align:start}.DemoGrid_switcher__WL75z{flex:none}.DemoGrid_switchLabel__ixYPJ{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.DemoGrid_switchButtonActive__CkcWb,.DemoGrid_switchButton__CYwqV{padding:.5rem .65rem}}