cs-blend-flood{gap:var(--w-space-s);display:grid}.cs-flood-panel{min-height:21rem;padding:var(--w-space-l) var(--w-space-m);border-radius:var(--w-radius-l);corner-shape:squircle;background:var(--ground);text-align:center;transition:background-color var(--dur-slow) var(--ease-out-sharp);align-content:center;justify-items:center;display:grid;position:relative}.cs-flood-spice{width:4.5rem;height:4.5rem;margin-bottom:var(--w-space-s);color:var(--ink)}.cs-flood-spice svg{width:100%;height:100%;display:block}article.project-body .cs-flood-panel p,.dark article.project-body .cs-flood-panel p{color:var(--fg);transition:color var(--dur-base) ease-out;margin:0}article.project-body .cs-flood-panel p.cs-flood-name,.dark article.project-body .cs-flood-panel p.cs-flood-name{font-family:var(--font-display);color:var(--display);font-size:clamp(2rem,7cqw,2.75rem);line-height:1.05}article.project-body .cs-flood-panel p.cs-flood-note{margin-top:.4rem;font-size:.875rem}article.project-body .cs-flood-panel p.cs-flood-sample{max-width:22rem;margin-top:var(--w-space-m);font-size:1rem;line-height:1.5}.cs-flood-ratio{top:var(--w-space-s);right:var(--w-space-s);padding:var(--w-space-xxs) var(--w-space-xs);border-radius:var(--w-radius-s);corner-shape:squircle;background:var(--c-card);box-shadow:var(--w-shadow-s);color:var(--c-text);font-variant-numeric:tabular-nums;align-items:center;gap:.3em;font-size:.8125rem;display:inline-flex;position:absolute}.dark .cs-flood-ratio{color:var(--c-dark-text)}.cs-flood-ratio:before{content:"";background:currentColor;width:.95em;height:.95em}.cs-flood-ratio[data-pass=false]:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Cline x1=%225%22 y1=%225%22 x2=%2215%22 y2=%2215%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22/%3E%3Cline x1=%225%22 y1=%2215%22 x2=%2215%22 y2=%225%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Cline x1=%225%22 y1=%225%22 x2=%2215%22 y2=%2215%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22/%3E%3Cline x1=%225%22 y1=%2215%22 x2=%2215%22 y2=%225%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-width=%222%22/%3E%3C/svg%3E") 50%/contain no-repeat}.cs-flood-ratio[data-pass=true]:before{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Cpolyline points=%224 11 8 15 16 5%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%222%22/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22%3E%3Cpolyline points=%224 11 8 15 16 5%22 fill=%22none%22 stroke=%22%23000%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%222%22/%3E%3C/svg%3E") 50%/contain no-repeat}.cs-flood-controls{justify-content:space-between;gap:var(--w-space-xs);flex-wrap:wrap;display:flex}.cs-flood-blends button{padding:var(--w-space-xxs) var(--w-space-xs);place-items:center;display:grid}.cs-flood-blends button span{background:linear-gradient(135deg, var(--g) 50%, var(--k) 50%);border-radius:50%;width:1.25rem;height:1.25rem}@media (width<=560px){.cs-flood-controls>.cs-seg{width:100%}}@media (prefers-reduced-motion:reduce){.cs-flood-panel,.cs-flood-panel p{transition:none}}