.steps-list.svelte-zyuuk1{list-style:none;padding:0;margin:0;counter-reset:steps;display:flex;flex-direction:column;gap:1rem}.steps-list.svelte-zyuuk1 li.step-item{counter-increment:steps;display:flex;gap:1rem;align-items:flex-start}.steps-list.svelte-zyuuk1 li.step-item:before{content:counter(steps);flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:50%;background-color:#3b82f61f;border:1px solid rgba(59,130,246,.25);color:#93c5fd;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center;margin-top:.2rem}.steps-list.svelte-zyuuk1 li.step-item>div{flex:1;min-width:0}.steps-list.svelte-zyuuk1 li.step-item p{color:#d4d4d4;font-size:.9375rem;line-height:1.7;margin:0 0 .5rem}.steps-list.svelte-zyuuk1 li.step-item p:last-child{margin-bottom:0}.steps-list.svelte-zyuuk1 li.step-item strong{color:#e5e5e5}.steps-list.svelte-zyuuk1 li.step-item code{background:#0006;border-radius:.25rem;padding:.125rem .375rem;font-size:1rem;font-weight:600;color:#93c5fd;font-family:ui-monospace,monospace}.steps-list.svelte-zyuuk1 li.step-item pre.shiki{margin-top:.75rem}.doc-card.svelte-r0twbw{--card-accent: 59 130 246;--card-accent-secondary: 14 165 233;position:relative;display:flex;min-height:13.75rem;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:1.25rem;background:radial-gradient(circle at 88% 88%,rgba(39,39,42,.32),transparent 36%),#101012;box-shadow:0 1px #ffffff0a inset,0 24px 80px #00000038;padding:1.15rem;color:inherit;text-decoration:none!important;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.doc-card.svelte-r0twbw:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 45% 35%,black,transparent 72%);mask-image:radial-gradient(circle at 45% 35%,black,transparent 72%);opacity:.92;transition:opacity .2s ease}.doc-card.svelte-r0twbw:after{content:"";position:absolute;top:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--card-accent) / .42),transparent);opacity:.42}.ambient.svelte-r0twbw{position:absolute;inset:auto -10% -34% 34%;z-index:-1;height:7rem;border-radius:999px;background:rgb(var(--card-accent) / .045);filter:blur(34px);transform:rotate(-8deg);transition:opacity .2s ease,transform .2s ease}.doc-card.svelte-r0twbw:hover,.doc-card.svelte-r0twbw:focus-visible{border-color:rgb(var(--card-accent) / .35);background:radial-gradient(circle at 88% 88%,rgba(39,39,42,.38),transparent 36%),#111113;box-shadow:0 1px #ffffff14 inset,0 0 0 1px rgb(var(--card-accent) / .08),0 20px 56px rgb(var(--card-accent) / .08),0 16px 54px #0000004d;transform:translateY(-3px);outline:none}.doc-card.svelte-r0twbw:hover:before,.doc-card.svelte-r0twbw:focus-visible:before{opacity:1}.doc-card.svelte-r0twbw:hover .ambient:where(.svelte-r0twbw),.doc-card.svelte-r0twbw:focus-visible .ambient:where(.svelte-r0twbw){opacity:.72;transform:translateY(-.12rem) rotate(-5deg)}.doc-card.svelte-r0twbw:hover .arrow-shell:where(.svelte-r0twbw),.doc-card.svelte-r0twbw:focus-visible .arrow-shell:where(.svelte-r0twbw){border-color:rgb(var(--card-accent) / .34);background:rgb(var(--card-accent) / .16);color:rgb(var(--card-accent) / 1);transform:translate(.15rem)}.featured.svelte-r0twbw{min-height:15.5rem;padding:1.35rem}.card-top.svelte-r0twbw{display:flex;align-items:start;justify-content:space-between;gap:.85rem}.card-footer.svelte-r0twbw{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.doc-card-icon.svelte-r0twbw{display:inline-flex;height:2.55rem;width:2.55rem;align-items:center;justify-content:center;border-radius:.9rem;background:linear-gradient(180deg,rgb(var(--card-accent) / .12),rgb(var(--card-accent) / .045)),#ffffff06;box-shadow:0 1px rgb(var(--card-accent) / .18) inset,0 10px 26px rgb(var(--card-accent) / .055);color:rgb(var(--card-accent) / 1)}.emoji.svelte-r0twbw{font-size:1.2rem;line-height:1;filter:saturate(.9)}.doc-card.svelte-r0twbw:focus-visible .card-title:where(.svelte-r0twbw){color:#fff}.icon-svg{height:1.1rem;width:1.1rem}.card-label.svelte-r0twbw{max-width:12rem;overflow:hidden;border:1px solid rgba(255,255,255,.025);border-radius:999px;background:#ffffff09;padding:.3rem .55rem;color:#d4d4d8;font-size:.68rem;font-weight:720;letter-spacing:.055em;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.card-copy.svelte-r0twbw{margin:1.35rem 0 1.15rem}.card-title.svelte-r0twbw{margin:0;color:#f8fafc;font-size:1.05rem;font-weight:720;letter-spacing:-.018em;line-height:1.25}.featured.svelte-r0twbw .card-title:where(.svelte-r0twbw){font-size:1.2rem}.card-description.svelte-r0twbw{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;margin:.55rem 0 0;color:#c4c4cc;font-size:.93rem;line-height:1.62}.card-footer.svelte-r0twbw{width:100%;color:#71717a;font-size:.78rem;font-weight:650;line-height:1.35}.arrow-shell.svelte-r0twbw{display:inline-flex;height:1.75rem;width:1.75rem;flex:0 0 auto;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;color:#d4d4d8;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.arrow-icon{height:.95rem;width:.95rem}.accent-cyan.svelte-r0twbw{--card-accent: 34 211 238;--card-accent-secondary: 59 130 246}.accent-emerald.svelte-r0twbw{--card-accent: 52 211 153;--card-accent-secondary: 20 184 166}.accent-amber.svelte-r0twbw{--card-accent: 251 191 36;--card-accent-secondary: 249 115 22}.accent-violet.svelte-r0twbw{--card-accent: 167 139 250;--card-accent-secondary: 99 102 241}.accent-rose.svelte-r0twbw{--card-accent: 251 113 133;--card-accent-secondary: 244 63 94}.accent-neutral.svelte-r0twbw{--card-accent: 161 161 170;--card-accent-secondary: 113 113 122}@media (prefers-reduced-motion: reduce){.doc-card.svelte-r0twbw,.ambient.svelte-r0twbw,.arrow-shell.svelte-r0twbw{transition:none}.doc-card.svelte-r0twbw:hover,.doc-card.svelte-r0twbw:focus-visible,.doc-card.svelte-r0twbw:hover .ambient:where(.svelte-r0twbw),.doc-card.svelte-r0twbw:focus-visible .ambient:where(.svelte-r0twbw),.doc-card.svelte-r0twbw:hover .arrow-shell:where(.svelte-r0twbw),.doc-card.svelte-r0twbw:focus-visible .arrow-shell:where(.svelte-r0twbw){transform:none}}.style-demo-shell.svelte-1czmgi6{margin:2rem 0}.style-demo-grid.svelte-1czmgi6{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.example-card.svelte-1czmgi6{--x: 50%;--y: 0%;position:relative;display:flex;min-height:14.5rem;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:1.25rem;padding:1.2rem;isolation:isolate;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease}.example-card.svelte-1czmgi6:hover{transform:translateY(-2px)}.card-head.svelte-1czmgi6,.card-foot.svelte-1czmgi6{display:flex;align-items:center;justify-content:space-between;gap:.85rem}.card-head.svelte-1czmgi6 span:where(.svelte-1czmgi6){border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff08;padding:.26rem .55rem;color:#d4d4d8;font-size:.72rem;font-weight:720;letter-spacing:.055em;line-height:1;text-transform:uppercase}.example-icon.svelte-1czmgi6{display:inline-flex;height:2.55rem;width:2.55rem;align-items:center;justify-content:center;border-radius:.9rem;color:#e4e4e7}.icon{height:1.1rem;width:1.1rem}.card-body.svelte-1czmgi6{margin:1.45rem 0 1.2rem}.card-body.svelte-1czmgi6 h3:where(.svelte-1czmgi6){margin:0;color:#f8fafc;font-size:1.12rem;font-weight:720;letter-spacing:-.018em;line-height:1.25}.card-body.svelte-1czmgi6 p:where(.svelte-1czmgi6){margin:.6rem 0 0;color:#c4c4cc;font-size:.93rem;line-height:1.62}.card-foot.svelte-1czmgi6{color:#85858f;font-size:.78rem;font-weight:650;line-height:1.35}.arrow{height:.95rem;width:.95rem;color:#d4d4d8}.spotlight.svelte-1czmgi6{border:1px solid rgba(255,255,255,.11);background:radial-gradient(260px circle at var(--x) var(--y),rgba(255,255,255,.14),transparent 42%),#121214;box-shadow:0 1px #ffffff0d inset,0 24px 80px #00000047}.spotlight.svelte-1czmgi6:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(460px circle at var(--x) var(--y),rgba(255,255,255,.12),transparent 48%);opacity:0;transition:opacity .2s ease}.spotlight.svelte-1czmgi6:hover:before{opacity:1}.spotlight.svelte-1czmgi6 .example-icon:where(.svelte-1czmgi6){border:1px solid rgba(255,255,255,.12);background:#ffffff0b}.glass.svelte-1czmgi6{border:1px solid rgba(255,255,255,.09);background:#ffffff09;box-shadow:0 1px #ffffff0f inset,0 28px 90px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.glass.svelte-1czmgi6:before{content:"";position:absolute;inset:-40%;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 30%),radial-gradient(circle at 85% 12%,rgba(255,255,255,.07),transparent 28%)}.glass.svelte-1czmgi6 .example-icon:where(.svelte-1czmgi6){border:1px solid rgba(255,255,255,.1);background:#ffffff0b}.mesh.svelte-1czmgi6{border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at 18% 12%,rgba(148,163,184,.16),transparent 34%),radial-gradient(circle at 82% 24%,rgba(63,63,70,.22),transparent 30%),radial-gradient(circle at 58% 88%,rgba(39,39,42,.9),transparent 42%),#101012;box-shadow:0 1px #ffffff0d inset,0 24px 80px #00000042}.mesh.svelte-1czmgi6:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at 45% 35%,black,transparent 72%);mask-image:radial-gradient(circle at 45% 35%,black,transparent 72%)}.mesh.svelte-1czmgi6 .example-icon:where(.svelte-1czmgi6){border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.matte.svelte-1czmgi6{border:1px solid rgba(255,255,255,.15);background:#161616;box-shadow:0 1px #ffffff0b inset,0 18px 52px #00000057}.matte.svelte-1czmgi6:hover{border-color:#ffffff38;background:#181818}.matte.svelte-1czmgi6 .example-icon:where(.svelte-1czmgi6){border:1px solid rgba(255,255,255,.13);background:#202020}@media (max-width: 720px){.style-demo-grid.svelte-1czmgi6{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.example-card.svelte-1czmgi6,.spotlight.svelte-1czmgi6:before{transition:none}.example-card.svelte-1czmgi6:hover{transform:none}}