@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Source Code Pro;src:url(/fonts/SourceCodePro-Semibold.woff2)format("woff2");font-weight:600 700;font-style:normal;font-display:swap}:root{color:#363241;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f7f4f8;font-family:Source Code Pro,monospace;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{width:min(100% - 2rem,40rem);margin:3rem auto}header{margin-bottom:1.5rem}h1{font-size:1.3rem;font-weight:600}h1 a{color:inherit;text-decoration:none}h2{margin-top:0;font-size:1.05rem;font-weight:600}a{color:#5d497b;text-underline-offset:.2em}section{margin:2rem 0}nav,.feed-heading,.post-meta,.color-picker{justify-content:space-between;align-items:center;gap:1rem;display:flex}nav{border-bottom:1px solid #dfd9e5;padding-bottom:1rem;font-size:.85rem}nav form{margin:0}fieldset{border:0;min-width:0;margin:0;padding:0}label{margin:1rem 0 .4rem;font-size:.9rem;display:block}button,input,textarea{font:inherit}textarea{width:100%;color:inherit;resize:vertical;background:#fffdfd;border:1px solid #c9bfd4;border-radius:.4rem;padding:.8rem;display:block}.color-picker{justify-content:flex-start;font-size:.85rem}input[type=color]{cursor:pointer;background:#fffdfd;border:1px solid #c9bfd4;border-radius:.3rem;width:4rem;height:2.7rem;padding:.15rem}small{color:#696170;font-size:.75rem;display:block}button,.button{color:#363241;cursor:pointer;background:#e2d7ef;border:1px solid #b8a7ce;border-radius:.4rem;padding:.6rem .9rem;font-size:.85rem;text-decoration:none;display:inline-block}button[type=submit]{margin-top:1rem}button:hover,.button:hover{background:#d6c8e7}button.secondary{background:0 0;padding:.3rem .6rem;font-size:.75rem}nav button[type=submit]{margin:0}button:disabled,fieldset:disabled{opacity:.65;cursor:default}:focus-visible{outline-offset:3px;outline:3px solid #8a719e}.feed-heading{margin-bottom:1rem}.feed-heading h2{margin:0}article{overflow-wrap:anywhere;background:#fffdfd;border:1px solid #ded8e3;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.swatch{border:1px solid rgba(0,0,0,.07);border-radius:.25rem;height:5rem;margin-bottom:.8rem}.post-meta{flex-wrap:wrap;font-size:.8rem}code{font:inherit;color:#696170}.description{white-space:pre-wrap;margin:.7rem 0}.message{background:#e9f1e9;border:1px solid #c5d8cb;border-radius:.4rem;padding:.8rem;font-size:.85rem}[role=alert]{color:#7b394b}@media (width<=480px){main{margin-top:1.5rem}:root{font-size:14px}}