.brand{color:var(--color-accent-primary);display:flex;align-items:flex-end;justify-content:center}.brand__text{padding-left:.1rem;font-size:.8rem}.search-box{width:100%;max-width:400px}.search-box___form{background:var(--bg-secondary);padding:.5rem;border-radius:4px;display:flex;width:100%;border:1px solid transparent;font-size:1rem}.search-box___form:hover{border:1px solid var(--color-primary)}.search-box___form:focus-within{border:1px solid var(--color-accent-primary)}.search-box__input{flex:1;outline:none;color:var(--color-primary)}.search-box__button{width:28px;padding-left:.5rem}.search-box__button,.search-box__input{height:28px;border-style:none;background:transparent}.search-box__hint{font-size:.8rem;color:var(--color-primary);padding-top:.5rem}.list__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;gap:1rem;padding:0}.list__item{background:var(--bg-secondary);border-radius:4px;flex-flow:column nowrap;gap:12px;cursor:pointer;padding:.5rem}.result-item{display:flex;flex-flow:column nowrap;gap:12px;cursor:pointer;padding:.5rem}.result-item__header{padding:.5rem 0}.result-item__name{padding-bottom:.5rem;padding-top:0;color:var(--color-accent-primary)}.result-item__cover{width:100%}.result-item,.result-item:visited{color:inherit;text-decoration:none}.skeleton{background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 80%),lightgray;background-repeat:repeat-y;background-size:50px 500px;background-position:0 0;animation:shine 1s infinite;border-radius:4px}@keyframes shine{to{background-position:100% 0}}.skeleton-item{display:flex;justify-content:center;align-items:flex-start;flex-flow:column nowrap;gap:1rem}.skeleton-item__kind{width:100px;height:18px}.skeleton-item__header{width:241px;height:241px}.skeleton-item__name{width:150px;height:16px}.repositories-error{padding:1rem;background:#ff5555;border-radius:4px}.app{max-width:900px;margin:0 auto;min-height:100vh}.app__header,.app__main{padding:1rem;grid-row:1fr}.app__header{display:flex;align-items:center;justify-content:center;flex-direction:column}.app__brand{padding-bottom:1rem}:root{--bg-primary: #282a36;--bg-secondary: #44475a;--color-primary: #f8f8f2;--color-accent-primary: #ff79c6}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--color-primary)}