@layer starlight.components{.card:where(.astro-a3p4eayn){--sl-card-border:var(--sl-color-purple);--sl-card-bg:var(--sl-color-purple-low);border:1px solid var(--sl-color-gray-5);background-color:var(--sl-color-black);flex-direction:column;gap:clamp(.5rem,.125rem + 1vw,1rem);padding:clamp(1rem,.125rem + 3vw,2.5rem)}.card:where(.astro-a3p4eayn):nth-child(4n+1){--sl-card-border:var(--sl-color-orange);--sl-card-bg:var(--sl-color-orange-low)}.card:where(.astro-a3p4eayn):nth-child(4n+3){--sl-card-border:var(--sl-color-green);--sl-card-bg:var(--sl-color-green-low)}.card:where(.astro-a3p4eayn):nth-child(4n+4){--sl-card-border:var(--sl-color-red);--sl-card-bg:var(--sl-color-red-low)}.card:where(.astro-a3p4eayn):nth-child(4n+5){--sl-card-border:var(--sl-color-blue);--sl-card-bg:var(--sl-color-blue-low)}.title:where(.astro-a3p4eayn){font-weight:600;font-size:var(--sl-text-h4);color:var(--sl-color-white);line-height:var(--sl-line-height-headings);align-items:center;gap:1rem}.card:where(.astro-a3p4eayn) .icon:where(.astro-a3p4eayn){border:1px solid var(--sl-card-border);background-color:var(--sl-card-bg);border-radius:.25rem;flex-shrink:0;padding:.2em}.card:where(.astro-a3p4eayn) .body:where(.astro-a3p4eayn){font-size:clamp(var(--sl-text-sm), calc(.5rem + 1vw), var(--sl-text-body));margin:0}.card-grid:where(.astro-fhydhfcf){grid-template-columns:100%;gap:1rem;display:grid}.card-grid:where(.astro-fhydhfcf)>*{margin-top:0!important}@media (width>=50rem){.card-grid:where(.astro-fhydhfcf){grid-template-columns:1fr 1fr;gap:1.5rem}.stagger:where(.astro-fhydhfcf){--stagger-height:5rem;padding-bottom:var(--stagger-height)}.stagger:where(.astro-fhydhfcf)>:nth-child(2n){transform:translateY(var(--stagger-height))}}}permission-demo:where(.astro-4u3aosto) :where(.astro-4u3aosto):is(div,span,button,code,small,p){margin-top:0}permission-demo:where(.astro-4u3aosto){color:#e8ebff;font-family:var(--sl-font);background:#10121d;border:1px solid #383b50;border-radius:20px;display:block;overflow:hidden;box-shadow:0 24px 80px #06081730}permission-demo:where(.astro-4u3aosto) p:where(.astro-4u3aosto){margin:0}.demo-toolbar:where(.astro-4u3aosto){background:#171925;border-bottom:1px solid #2b2e40;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.demo-toolbar:where(.astro-4u3aosto)>span:where(.astro-4u3aosto){font:600 .7rem var(--sl-font-mono);letter-spacing:.12em;align-items:center;gap:.6rem;display:flex}i:where(.astro-4u3aosto){background:#a99cff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #a99cff}button:where(.astro-4u3aosto){color:#c6c9e0;cursor:pointer;font:inherit;background:0 0;border:1px solid #42465f;border-radius:6px;padding:.4rem .65rem;font-size:.75rem}button:where(.astro-4u3aosto):focus-visible{outline-offset:4px;outline:2px solid #ad9fff}.demo-body:where(.astro-4u3aosto){background:radial-gradient(at 0,#7860ef13,#0000 70%);grid-template-columns:1fr 1.2fr;gap:2rem;padding:clamp(1.25rem,4vw,3rem);display:grid}.eyebrow:where(.astro-4u3aosto){color:#9b9fb9;font:500 .65rem var(--sl-font-mono);letter-spacing:.1em;margin-bottom:1.5rem}.call:where(.astro-4u3aosto){color:#858ca8;font:1rem var(--sl-font-mono)}.request:where(.astro-4u3aosto)>code:where(.astro-4u3aosto){color:#c1b6ff;background:0 0;margin-block:.6rem;padding:0;font-size:clamp(.95rem,2vw,1.45rem);display:block}.request-note:where(.astro-4u3aosto){color:#949bb8;font-size:.85rem;line-height:1.7}.connection:where(.astro-4u3aosto){background:#34324b;height:1px;margin-block:1.5rem;position:relative;overflow:hidden}.connection:where(.astro-4u3aosto) span:where(.astro-4u3aosto){background:linear-gradient(90deg,#0000,#b0a0ff);width:30%;height:100%;animation:2s linear infinite travel;display:block}.grant-list:where(.astro-4u3aosto){gap:.7rem;display:grid}.grant:where(.astro-4u3aosto){opacity:.45;background:#191c2b;border:1px solid #303347;border-radius:10px;justify-content:space-between;align-items:center;gap:.7rem;padding:1rem;transition:border-color .4s,opacity .4s,background .4s;display:flex}.grant:where(.astro-4u3aosto)[data-winner=true]{opacity:1;background:#a796ff16;border-color:#a796ff;box-shadow:inset 3px 0 #a796ff}.grant:where(.astro-4u3aosto) code:where(.astro-4u3aosto){color:#e7e4ff;background:0 0;padding:0;font-size:.9rem}small:where(.astro-4u3aosto){color:#999fbd;font:.6rem var(--sl-font-mono);letter-spacing:.06em;margin-top:.5rem;display:block}.value:where(.astro-4u3aosto){color:#73e7c4;font:600 .65rem var(--sl-font-mono)}.value:where(.astro-4u3aosto).deny{color:#ffa5b5}.demo-result:where(.astro-4u3aosto){border-top:1px solid #2b2e40;justify-content:space-between;align-items:center;gap:1rem;padding:1.3rem 1.5rem;display:flex}.demo-result:where(.astro-4u3aosto)>div:where(.astro-4u3aosto){color:#c2c7dd;align-items:center;gap:1rem;font-size:.8rem;display:flex}.result:where(.astro-4u3aosto){color:#73e7c4;font:600 .75rem var(--sl-font-mono);background:#73e7c414;border:1px solid #73e7c450;border-radius:5px;padding:.3rem .7rem}.result:where(.astro-4u3aosto)[data-denied=true]{color:#ffa5b5;background:#ffa5b514;border-color:#ffa5b550}.case:where(.astro-4u3aosto){white-space:nowrap;color:#949bb8;font:.65rem var(--sl-font-mono)}.demo-caption:where(.astro-4u3aosto){color:#949bb8;padding:0 1.5rem 1.2rem;font-size:.7rem}@keyframes travel{0%{transform:translate(-100%)}to{transform:translate(440%)}}permission-demo:where(.astro-4u3aosto)[data-paused=true] .connection:where(.astro-4u3aosto) span:where(.astro-4u3aosto){animation-play-state:paused}@media (width<=640px){.demo-body:where(.astro-4u3aosto){grid-template-columns:1fr}.demo-toolbar:where(.astro-4u3aosto){padding:1rem}.demo-toolbar:where(.astro-4u3aosto)>span:where(.astro-4u3aosto){font-size:.6rem}.demo-result:where(.astro-4u3aosto)>div:where(.astro-4u3aosto){flex-direction:column;align-items:flex-start}.request-note:where(.astro-4u3aosto),.connection:where(.astro-4u3aosto){display:none}}@media (prefers-reduced-motion:reduce){.connection:where(.astro-4u3aosto) span:where(.astro-4u3aosto){animation:none}.grant:where(.astro-4u3aosto){transition:none}}