html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}canvas#starfield{display:block;position:absolute;top:-150%;left:0;right:0;bottom:0;max-width:100vw;max-height:1300px;z-index:-1;opacity:.6;margin:auto;overflow:hidden}.tool__container{padding:20px}.tool__form{background-color:rgba(9,9,11,.9);background-image:radial-gradient(221.02% 101.62% at 50% 0px, rgba(255, 255, 255, 0.1) 0px, rgba(255, 255, 255, 0) 78.73%);border-radius:16px;box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,.5) 0px 2px 20px 0px,rgba(0,0,0,.4) 0px 20px 28px 0px,rgba(153,253,255,.1) 0px .5px 0px 0px inset,hsla(0,0%,100%,.06) 0px 0px 0px 1px inset;position:relative;padding:25px}.tool__form input,.tool__form button{font-family:"Intel One Mono",monospace;font-optical-sizing:auto;font-style:normal}.tool__form input{background-color:rgba(14,165,233,.25);border-radius:16px;box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,.4) 0px 8px 16px 0px;border-radius:16px 50px 50px 16px;display:block;width:100%;font-size:26px;padding:20px;border:none;color:#fff;position:relative}.tool__form input:focus{background:hsla(0,0%,100%,.95);outline:none;color:#282828}.tool__form button{background-color:#09090b;border-radius:0 16px 16px 0;border:none;color:#282828;font-size:36px;position:absolute;right:25px;top:25px;bottom:25px;width:100px;color:#fff;cursor:pointer;transition:all .15s ease}.tool__form button:hover{background:#38bdf8}.tool__form button:focus{outline:none}.tool__results{display:flex;flex-direction:column;max-width:300px;width:100%;margin:auto}.tool__results.active{max-width:500px}#thumbnails{margin-top:-100px;background-color:rgba(9,9,11,.17);border-radius:16px;box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,.5) 0px 2px 20px 0px,rgba(0,0,0,.4) 0px 20px 28px 0px,rgba(153,253,255,.1) 0px .5px 0px 0px inset,hsla(0,0%,100%,.06) 0px 0px 0px 1px inset;border:1px dashed hsla(0,0%,100%,.1);opacity:.05}#thumbnails.active{margin-top:50px;opacity:1}#thumbnails>a{background:rgba(0,0,0,0);display:block;border-top:1px dashed hsla(0,0%,100%,.1);text-align:center;padding:20px;color:#fff;text-decoration:none;position:relative;transition:all .15s ease;border-radius:0 0 16px 16px}#thumbnails>a:before,#thumbnails>a:after{content:"";background-image:linear-gradient(to right, rgba(56, 189, 248, 0), rgba(56, 189, 248, 0.9), rgba(56, 189, 248, 0));position:absolute;width:80%;height:1px;opacity:.5;left:0;right:0;margin:auto;transition:all .15s ease}#thumbnails>a:before{top:0}#thumbnails>a:after{bottom:0}#thumbnails>a:hover{background:rgba(56,189,248,.9)}#thumbnails>a:hover span{color:#282828}#thumbnails>a:hover:before,#thumbnails>a:hover:after{opacity:1}#thumbnails>a span{color:#71717a}.thumb-grid{display:flex}.thumb-grid div{padding:25px;width:100%}.thumb-grid div.active{opacity:1}.thumb-grid img{display:block;width:100%;border-radius:16px}.beacon__container{position:relative}.beacon__container svg{display:block;width:100%}.beacon{position:absolute;height:254px;width:100%;margin:auto;left:0;right:0;top:60px}.beacon div{animation:beacon 5s infinite;background-color:rgba(14,165,233,.08);border-radius:16px;box-shadow:rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,0) 0px 0px 0px 0px,rgba(0,0,0,.4) 0px 8px 16px 0px;position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(56,189,248,.15)}.beacon div+div{animation-delay:3s}.beacon div+div+div{animation-delay:1s}@keyframes beacon{from{transform:scale(0.1) translateZ(0px);border-radius:50%}to{transform:scale(1) translateZ(0px);border-radius:16px}}.faq{margin:48px auto;max-width:500px;width:100%;padding:20px}.faq h2{color:#38bdf8;font-size:12px;font-weight:500}.faq h3{color:#fff;font-size:14px}.faq p{color:#a1a1aa;margin-top:10px;font-size:14px;line-height:1.5}.faq ul{display:flex;flex-direction:column}.faq ul li{margin-top:24px}*{box-sizing:border-box}body{background:#000;font-family:"Intel One Mono",monospace;font-optical-sizing:auto;font-style:normal;padding:50px 20px}.tool{display:flex;flex-direction:column;max-width:1000px;width:100%;margin:auto}.intro{max-width:100%;width:400px;margin:50px auto}.intro h1{color:#fff;font-size:21px;text-align:center;line-height:1.25}/*# sourceMappingURL=styles.css.map */