:root{font-family:meiryo,Hiragino Sans;font-size:16px;color:#333}body{margin:0}*{box-sizing:border-box}@scope (.component-app) to (.component-root){:scope{max-width:800px;margin:auto;padding:10px}ul{margin-top:20px 0 0;padding:0;list-style:none}li{margin:0;padding:0;border:1px solid #ddd}li+li{border-top:0}.message{text-align:center;align-content:center;background:#f0f0f0;padding:24px;min-height:200px;font-size:1.2rem;overflow-wrap:break-word}.loader{width:25px;height:25px;padding:3px;margin:10px auto;border-radius:50%;background:#aaa;mask:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask-composite:source-out;mask-composite:subtract;animation:infinite-loop 1s infinite linear}@keyframes infinite-loop{to{transform:rotate(360deg)}}}@scope (.component-item) to (.component-root){:scope{padding:5px 10px;color:inherit;display:block;text-decoration:none}:scope:hover{background:#f8f8f8}.head{display:flex;gap:10px;font-size:.8rem}.head .gist-id{font-weight:700}.head .created-at{margin-left:auto}.body{font-size:.9rem}.body mark{background:#ff0a}}@scope (.component-search) to (.component-root){:scope{margin:30px 10px}input{width:100%;padding:10px 16px;outline:none;border:0;background:#eee;border-radius:3px;font-size:1.4rem;font-family:inherit}.info{display:flex;justify-content:space-between;color:silver;font-size:.75rem}}