@layer components{.ng{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:4rem;display:grid}.ng_list{border-top:var(--border-width) solid var(--border);margin:0;padding:0;list-style:none}.ng_list li{border-bottom:var(--border-width) solid var(--border)}.ng_row{width:100%;min-height:3.75rem;color:color-mix(in lab, var(--text) 55%, transparent);font:inherit;text-align:left;cursor:pointer;transition:color var(--hover-duration) var(--hover-ease);background:0 0;border:0;align-items:center;gap:.875rem;padding:.625rem 0;font-size:1.0625rem;display:flex;position:relative}.ng_row:hover,.ng_row.is-active{color:var(--text)}.ng_icon{background:color-mix(in lab, var(--text) 7%, transparent);width:2.25rem;height:2.25rem;color:color-mix(in lab, var(--text) 55%, transparent);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);border-radius:.625rem;flex:none;place-items:center;display:grid}.ng_icon svg{width:1.125rem;height:1.125rem}.ng_row.is-active .ng_icon{background:var(--brand-500);color:var(--light-100)}.ng_title{font-weight:var(--primary-medium);letter-spacing:-.01em}.ng_progress{background:var(--brand-500);transform-origin:0;height:.125rem;animation:ng-progress var(--ng-interval) linear forwards;position:absolute;bottom:-.0625rem;left:0;right:0;transform:scaleX(0)}.ng.is-paused .ng_progress{animation-play-state:paused}@keyframes ng-progress{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ng_progress{animation:none;transform:scaleX(1)}}.ng_details{margin-top:1.5rem;display:grid}.ng_detail{opacity:0;visibility:hidden;transition:opacity .4s var(--hover-ease), transform .4s var(--hover-ease), visibility 0s .4s;flex-direction:column;grid-area:1/1;align-items:flex-start;gap:1rem;display:flex;transform:translateY(.375rem)}.ng_detail.is-active{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ng_text{max-width:30em;color:color-mix(in lab, var(--text) 72%, transparent);margin:0;line-height:1.6}.ng_link{color:var(--text);font-weight:var(--primary-medium);align-items:center;gap:.375rem;text-decoration:none;display:inline-flex}.ng_link svg{color:var(--brand-500);transition:transform var(--hover-duration) var(--hover-ease)}.ng_link:hover svg{transform:translate(.1875rem)}.ng_stage{aspect-ratio:4/3;border-radius:var(--radius-card);border:var(--border-width) solid var(--border);isolation:isolate;background:radial-gradient(80% 60% at 50% 45%, color-mix(in lab, var(--brand-500) 22%, transparent), transparent 70%), radial-gradient(60% 40% at 80% 100%, lab(60.8052% 21.9378 38.4634/.1), transparent 70%), var(--dark-950);grid-template:auto/minmax(0,1fr);min-height:auto;display:grid;position:relative;overflow:clip}.ng_grid{pointer-events:none;grid-area:1/1;position:relative;overflow:hidden;mask-image:radial-gradient(at 50% 42%,#000 18%,#0000 74%)}.ng_grid:before{content:"";background-image:linear-gradient(to right, color-mix(in lab, var(--light-100) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in lab, var(--light-100) 6%, transparent) 1px, transparent 1px);background-size:2.5rem 2.5rem;animation:6s linear infinite ng-drift;position:absolute;inset:-2.5rem}.ng.is-paused .ng_grid:before{animation-play-state:paused}@keyframes ng-drift{to{transform:translate(-2.5rem,2.5rem)}}.ng_cards{z-index:1;grid-area:1/1;grid-template-columns:minmax(0,1fr);place-items:center;padding:1.5rem;display:grid;position:relative}.ng_card{opacity:0;visibility:hidden;width:100%;transition:opacity .6s var(--hover-ease), transform .9s var(--hover-ease), visibility 0s .6s;grid-area:1/1;grid-template-columns:minmax(0,1fr);justify-items:center;display:grid;transform:translateY(2.5rem)scale(.98)}.ng_card.is-active{opacity:1;visibility:visible;transition-delay:0s;transform:none}.ng_card>.glass-card{zoom:var(--ng-card-zoom,1)}@media (min-width:40rem){.ng{--ng-card-zoom:1.32}}@media (min-width:64rem){.ng{--ng-card-zoom:1.2}}.ng_card .glass-card_row{opacity:0;transition:opacity .36s var(--ease-out,cubic-bezier(.23, 1, .32, 1)), transform .48s var(--ease-out,cubic-bezier(.23, 1, .32, 1));transform:translateY(.5rem)}.ng_card.is-active .glass-card_row{opacity:1;transition-delay:.32s;transform:none}.ng_card.is-active .glass-card_row:nth-child(2){transition-delay:.4s}.ng_card.is-active .glass-card_row:nth-child(3){transition-delay:.48s}.ng_card.is-active .glass-card_row:nth-child(4){transition-delay:.56s}@media (prefers-reduced-motion:reduce){.ng_card,.ng_detail,.ng_card .glass-card_row{transition:none;transform:none}.ng_grid:before{animation:none}}@media (max-width:64rem){.ng{grid-template-columns:minmax(0,1fr);gap:2.5rem}.ng_stage{aspect-ratio:4/3.4}}@media (max-width:30rem){.ng_stage{aspect-ratio:4/4.6}.ng_cards{padding:.875rem}}}
