.status{border-radius:5px;margin-bottom:1em}.connected-badge{display:inline-block;position:relative;width:10px;height:10px;margin-right:10px}.connected-badge:after{width:100%;height:100%;position:absolute;content:"";border-radius:999px;background-color:#f687b3}.connected-badge:before{width:100%;height:100%;position:absolute;content:"";animation:ping 1s cubic-bezier(0,0,.2,1) infinite;border-radius:999px;background-color:#f687b3}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@media(min-width:550px){.blogPosts{column-count:2;column-gap:1rem}}.blogPost{border:1px solid #eee;padding:1rem;border-radius:5px;margin-bottom:2rem;break-inside:avoid-column}.blogPost-title{font-weight:700;font-size:1.2em;margin:1em 0}.blogPost-title a{color:inherit;text-decoration:none}.blogPost-excerpt{font-size:.9em;color:#666;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogPost-excerpt>*{margin:0}.blogPost-image{border-radius:3px;flex-shrink:0}.blogPost-author{display:flex;align-items:center;font-size:.9em;margin-top:1em;color:#666}.blogPost-author-image{border-radius:50%;margin-right:15px;width:25px}input{width:100%;padding:10px;box-sizing:border-box}.result{margin:1rem 0;border:1px solid #eee;border-radius:5px;padding:1rem;display:grid;gap:.5em}.result pre{font-size:.8em;background-color:#fefefe;padding:1rem;overflow:hidden;width:100%}.result details{overflow:hidden}.result-title{color:inherit}.result-highlights{color:#666;font-size:.8em}.result-highlights mark{background:#ff0}ul.react-paginate{margin-bottom:2rem;display:flex;flex-direction:row;justify-content:space-between;list-style-type:none;padding:0 5rem}ul.react-paginate li a{border-radius:7px;padding:.1rem 1rem;border:gray 1px solid;cursor:pointer}ul.react-paginate li.previous a,ul.react-paginate li.next a,ul.react-paginate li.break a{border-color:transparent}ul.react-paginate li.selected a{background-color:#0366d6;border-color:transparent;color:#fff;min-width:32px}ul.react-paginate li.disabled a{color:gray}ul.react-paginate li.disable,ul.react-paginate li.disabled a{cursor:default}nav{display:flex;gap:1rem}nav a{color:#845ef7}.example{border:1px solid #eee;padding:1rem;margin-block:2rem;display:grid;gap:1rem;border-radius:5px}.example:before{content:attr(data-title);font-weight:700;font-size:1.3em}html{font-family:system-ui,sans-serif}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{padding:1rem;max-inline-size:800px;margin:auto}img{display:block}