.headers-flow:where(.astro-452od7bd){margin:2rem 0;border:1px solid rgba(148,163,184,.22);border-radius:1.35rem;background:radial-gradient(circle at 18% 0%,rgba(116,167,255,.14),transparent 31rem),linear-gradient(145deg,#121d30f0,#060a12fa);box-shadow:0 24px 70px #0000003d;overflow:hidden}.headers-flow:where(.astro-452od7bd) code:where(.astro-452od7bd){font-family:var(--sl-font-mono)}.headers-flow__grid:where(.astro-452od7bd){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1.35rem}.headers-flow__card:where(.astro-452od7bd),.headers-flow__rules:where(.astro-452od7bd),.headers-flow__validator:where(.astro-452od7bd),.headers-flow__success:where(.astro-452od7bd){min-width:0;padding:1rem;border:1px solid rgba(148,163,184,.18);border-radius:1rem;background:#070d18b8}.headers-flow__rules:where(.astro-452od7bd),.headers-flow__validator:where(.astro-452od7bd),.headers-flow__success:where(.astro-452od7bd){grid-column:1 / -1}.headers-flow__card-head:where(.astro-452od7bd){display:grid;grid-template-columns:2.6rem minmax(0,1fr);gap:.8rem;align-items:start}.headers-flow__card-head:where(.astro-452od7bd)>span:where(.astro-452od7bd){display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border:1px solid rgba(116,167,255,.32);border-radius:999px;background:#08111f;color:#8fb4e8;font-family:var(--sl-font-mono);font-size:.72rem;font-weight:900}.headers-flow__card-head:where(.astro-452od7bd) code:where(.astro-452od7bd),.headers-flow__validator-head:where(.astro-452od7bd) code:where(.astro-452od7bd){color:#eef6ff;font-family:var(--sl-font-mono);font-size:.86rem;font-weight:900}.headers-flow__card-head:where(.astro-452od7bd) p:where(.astro-452od7bd),.headers-flow__validator-head:where(.astro-452od7bd) p:where(.astro-452od7bd){margin:.35rem 0 0;color:#aebfd8;font-size:.84rem;line-height:1.55}.headers-flow__header-grid:where(.astro-452od7bd){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.headers-flow__header-grid--colors:where(.astro-452od7bd){align-content:start}.headers-flow__header-token:where(.astro-452od7bd){min-height:5.9rem;padding:.75rem;border:1px solid rgba(148,163,184,.16);border-radius:.85rem;background:#0f172ab8;text-align:center}.headers-flow__header-token:where(.astro-452od7bd) strong:where(.astro-452od7bd),.headers-flow__header-token:where(.astro-452od7bd) span:where(.astro-452od7bd),.headers-flow__header-token:where(.astro-452od7bd) small:where(.astro-452od7bd){display:block}.headers-flow__header-token:where(.astro-452od7bd) strong:where(.astro-452od7bd){color:#cfe2ff;font-family:var(--sl-font-mono);font-size:1.05rem}.headers-flow__header-token--color:where(.astro-452od7bd) strong:where(.astro-452od7bd){color:#ffdca3}.headers-flow__header-token:where(.astro-452od7bd) span:where(.astro-452od7bd){margin-top:.3rem;color:#f8fafc;font-weight:900}.headers-flow__header-token:where(.astro-452od7bd) small:where(.astro-452od7bd){margin-top:.25rem;color:#91a9ca;font-size:.7rem;line-height:1.35}.headers-flow:where(.astro-452od7bd) pre:where(.astro-452od7bd){margin:1rem 0 0;min-height:13.5rem;padding:1rem;border:1px solid rgba(148,163,184,.14);border-radius:.9rem;background:#07101d;color:#dcecff;font:700 .76rem/1.75 var(--sl-font-mono);overflow-x:auto}.headers-flow__rule-list:where(.astro-452od7bd){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}.headers-flow__rule:where(.astro-452od7bd){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.7rem .75rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:#0f172a9e}.headers-flow__rule:where(.astro-452od7bd) strong:where(.astro-452od7bd){color:#dcecff;font-size:.78rem}.headers-flow__rule:where(.astro-452od7bd) code:where(.astro-452od7bd){padding:.25rem .5rem;border-radius:999px;background:#ff737324;color:#ffc4c4;font-size:.66rem;white-space:nowrap}.headers-flow__rule--warning:where(.astro-452od7bd) code:where(.astro-452od7bd){background:#f2b84b24;color:#ffdca3}.headers-flow__validator-head:where(.astro-452od7bd){display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.9fr);gap:1rem;align-items:start}.headers-flow__examples:where(.astro-452od7bd){display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.headers-flow__examples:where(.astro-452od7bd) span:where(.astro-452od7bd){padding:.32rem .5rem;border:1px solid rgba(148,163,184,.14);border-radius:.5rem;background:#0f172ab8;color:#91a9ca;font-family:var(--sl-font-mono);font-size:.66rem}.headers-flow__form:where(.astro-452od7bd){display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:.6rem;margin-top:1rem}.headers-flow__form:where(.astro-452od7bd) select:where(.astro-452od7bd),.headers-flow__form:where(.astro-452od7bd) input:where(.astro-452od7bd),.headers-flow__form:where(.astro-452od7bd) button:where(.astro-452od7bd){min-height:2.45rem;border:1px solid rgba(148,163,184,.22);border-radius:.65rem;background:#07101d;color:#dcecff;font:800 .76rem/1 var(--sl-font-mono)}.headers-flow__form:where(.astro-452od7bd) select:where(.astro-452od7bd),.headers-flow__form:where(.astro-452od7bd) input:where(.astro-452od7bd){padding:0 .75rem}.headers-flow__form:where(.astro-452od7bd) button:where(.astro-452od7bd){padding:0 1rem;background:#1c3e7052;cursor:pointer}.headers-flow__form:where(.astro-452od7bd) button:where(.astro-452od7bd):hover,.headers-flow__form:where(.astro-452od7bd) button:where(.astro-452od7bd):focus-visible{border-color:#f2b84b7a;color:#fff1c5;outline:none}.headers-flow__result:where(.astro-452od7bd){min-height:2.6rem;margin-top:.7rem;padding:.75rem;border:1px solid rgba(148,163,184,.14);border-radius:.75rem;background:#07101d;color:#91a9ca;font-family:var(--sl-font-mono);font-size:.76rem}.headers-flow__result:where(.astro-452od7bd).is-ok{border-color:#68e0b052;color:#b8f3da}.headers-flow__result:where(.astro-452od7bd).is-error{border-color:#ff737352;color:#ffc4c4}.headers-flow__result:where(.astro-452od7bd).is-warning{border-color:#f2b84b52;color:#ffdca3}.headers-flow__swatch:where(.astro-452od7bd){display:inline-block;width:1rem;height:1rem;margin-left:.4rem;border:1px solid rgba(248,250,252,.24);border-radius:.25rem;vertical-align:middle}.headers-flow__success:where(.astro-452od7bd){border-color:#68e0b03d;background:#0c31273d}.headers-flow__success:where(.astro-452od7bd) p:where(.astro-452od7bd){margin:1rem 0 0;color:#b8f3da;font-size:.84rem;line-height:1.6}@media(max-width:720px){.headers-flow__intro:where(.astro-452od7bd),.headers-flow__grid:where(.astro-452od7bd),.headers-flow__rule-list:where(.astro-452od7bd),.headers-flow__validator-head:where(.astro-452od7bd),.headers-flow__form:where(.astro-452od7bd){grid-template-columns:1fr}.headers-flow__rules:where(.astro-452od7bd),.headers-flow__validator:where(.astro-452od7bd),.headers-flow__success:where(.astro-452od7bd){grid-column:auto}.headers-flow__examples:where(.astro-452od7bd){justify-content:flex-start}}