*{margin:0;padding:0;box-sizing:border-box}a{text-decoration:underline;color:#222}main{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{color:#222;margin-bottom:12px}h4{color:#222;font-size:14px;margin-bottom:32px}.container{width:400px;height:400px;border:1px solid #eee;border-radius:12px;overflow:hidden}.list{justify-content:center;display:flex;flex-wrap:wrap;padding:24px}.item{height:80px;width:80px;margin:12px;border-radius:12px;cursor:pointer;position:relative;overflow:hidden}.copy{width:100%;height:100%;background-color:#0006;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;position:absolute;top:0;left:0;opacity:0;transition:opacity .2s ease-in-out}.item:hover .copy{opacity:1}.cpoied{position:absolute;bottom:60px;color:#222;text-align:center;font-size:12px}.github{fill:#444;color:#fff;position:absolute;top:0;border:0;right:0}.octo-arm{transform-origin:130px 106px}.w{width:30px;height:30px;background:#000}.hidden{display:none}#container{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;scrollbar-width:thin}#end-of-list{height:32px;width:100%}#loading-wrapper{width:100%;height:32px;display:flex;justify-content:center;align-items:center}.dots{width:3.5em;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between}.dots div{width:.8em;height:.8em;border-radius:50%;-webkit-animation:fade .8s ease-in-out alternate infinite;animation:fade .8s ease-in-out alternate infinite}.dots div:nth-of-type(1){-webkit-animation-delay:-.4s;animation-delay:-.4s}.dots div:nth-of-type(2){-webkit-animation-delay:-.2s;animation-delay:-.2s}@-webkit-keyframes fade{0%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:1}to{opacity:0}}@media (max-width: 480px){.dots div{width:.7em;height:.7em}}