@layer theme,base;@layer components{.fm-how{border-top:1px solid var(--hairline);gap:2.5rem;margin-top:4.5rem;padding-top:3rem;display:grid}.fm-how-h{max-width:22ch;color:var(--text-1);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:300;line-height:1.12}.fm-how-chain{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;display:grid;position:relative}.fm-how-chain:before{content:"";background:linear-gradient(90deg, var(--band-ice), var(--band-warm) 40%, var(--band-build) 75%, color-mix(in srgb, var(--band-build) 0%, transparent));opacity:.55;height:1px;position:absolute;top:.3125rem;left:.3125rem;right:0}.fm-how-step{align-content:start;gap:.625rem;display:grid;position:relative}.fm-how-node{background-color:var(--accent);width:.625rem;height:.625rem;box-shadow:0 0 10px var(--accent);border-radius:999px;margin-bottom:.875rem}.fm-how-title{color:var(--text-1);letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.fm-how-body{max-width:34ch;color:var(--text-2);font-size:.9375rem;line-height:1.6}.fm-how-status{gap:1rem;max-width:46rem;display:grid}.fm-how-status-h{color:var(--text-2);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:500}.fm-how-sources{gap:.25rem;display:grid}.fm-how-sources li{border-bottom:1px solid var(--hairline);grid-template-columns:auto 11rem minmax(0,1fr) auto;align-items:baseline;column-gap:.875rem;padding:.625rem 0;display:grid}.fm-how-led{border:1.5px solid var(--text-3);border-radius:999px;align-self:center;width:.5rem;height:.5rem}.fm-how-led[data-on]{border-color:var(--band-ice);background-color:var(--band-ice);box-shadow:0 0 8px var(--band-ice)}.fm-how-src{color:var(--text-1);font-weight:500}.fm-how-what{color:var(--text-3);font-size:.9375rem}.fm-how-state{color:var(--text-2);font-size:.875rem}.fm-how-note{max-width:68ch;color:var(--text-2);font-size:.9375rem;line-height:1.6}.fm-how-link{min-height:2.75rem;color:var(--accent);justify-self:start;align-items:center;gap:.5rem;font-weight:500;display:inline-flex}@media (max-width:900px){.fm-how-chain{grid-template-columns:minmax(0,1fr);gap:1.75rem;padding-left:1.75rem}.fm-how-chain:before{background:linear-gradient(180deg, var(--band-ice), var(--band-warm) 40%, var(--band-build) 75%, color-mix(in srgb, var(--band-build) 0%, transparent));width:1px;height:auto;inset:.3125rem auto 0 .3125rem}.fm-how-node{margin:0;position:absolute;top:.3125rem;left:-1.75rem}.fm-how-sources li{grid-template-columns:auto minmax(0,1fr) auto}.fm-how-what{grid-area:2/2/auto/-1}}}@layer utilities;