@import url(//hello.myfonts.net/count/346526);
input,label,select,button,textarea{margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;font-size:13px;font-family:Arial}input:focus{outline:0}input,textarea{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}button,input[type='reset'],input[type='button'],input[type='submit'],input[type='checkbox'],input[type='radio'],select{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type='checkbox'],input[type='radio']{width:13px;height:13px}input[type='search']{-webkit-appearance:textfield;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}button,input[type='reset'],input[type='button'],input[type='submit']{overflow:visible;width:auto}::-webkit-file-upload-button{padding:0;border:0;background:none}textarea{vertical-align:top;overflow:auto}select[multiple]{vertical-align:top}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}html{height:100%}html{font-size:.8rem}@media screen and (min-width: 20rem){html{font-size:calc( .8rem + .2 * (100vw - 20rem) / 80)}}@media screen and (min-width: 100rem){html{font-size:1rem}}body{width:100%;min-height:100vh;background:#fff;min-width:320px;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;-webkit-tap-highlight-color:transparent}strong,label,input,textarea,input,button{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif}::-webkit-input-placeholder,::-moz-placeholder,:-ms-input-placeholder,input:-moz-placeholder{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;color:#acacac}body,h1,h2,h3,h4,h5,h6,p,a,li,strong,label,input,textarea{color:#202125;line-height:1.4;text-rendering:optimizeLegibility}h1{font-size:2rem;font-weight:700}h2{font-size:1.8rem;font-weight:700}h3{font-size:1.6rem;font-weight:700}h4{font-size:1.4rem;font-weight:700}h5{font-size:1.2rem;font-weight:700}h6{font-size:1rem;font-weight:700}body>svg{display:none}p,label,textarea,input,label,select,button,textarea{font-size:1rem}@font-face{font-family:'AvertaStdPE-Black';src:url(d5c43ef4ed39b85bb198.eot);src:url(d5c43ef4ed39b85bb198.eot?#iefix) format("embedded-opentype"),url(78fb5724040adf697ccb.woff2) format("woff2"),url(ba63a728c00f9f58ddfe.woff) format("woff"),url(030c760fe94416ad7f99.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-BlackItalic';src:url(db303cc969ae49c6da73.eot);src:url(db303cc969ae49c6da73.eot?#iefix) format("embedded-opentype"),url(b34c157d5628056c54de.woff2) format("woff2"),url(e739f3e337559702c6cb.woff) format("woff"),url(18328c3357cb66fb1988.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-Bold';src:url(1acc79a375129d38f678.eot);src:url(1acc79a375129d38f678.eot?#iefix) format("embedded-opentype"),url(52f92516a741e39c884c.woff2) format("woff2"),url(81a961a4c28c26097291.woff) format("woff"),url(4c47264ccf1d69f5f73e.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-Extrabold';src:url(30463c13d55c89b22724.eot);src:url(30463c13d55c89b22724.eot?#iefix) format("embedded-opentype"),url(e8c234bfaf368e625216.woff2) format("woff2"),url(8595dcd7964f6df622f9.woff) format("woff"),url(e6409afa706e067a6bfd.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-BoldItalic';src:url(4745cae8a175a7d81a58.eot);src:url(4745cae8a175a7d81a58.eot?#iefix) format("embedded-opentype"),url(50c15a881ae4399d5db3.woff2) format("woff2"),url(cc07c38ee45e13bccb23.woff) format("woff"),url(447a779171f3f28b1013.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-ExtraboldItalic';src:url(248fcd7b4a29c1a860bb.eot);src:url(248fcd7b4a29c1a860bb.eot?#iefix) format("embedded-opentype"),url(66e8dd24c39d9126e0cb.woff2) format("woff2"),url(95c1b0367ed537e100e3.woff) format("woff"),url(5d621182bd9fc64648bb.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-Extrathin';src:url(66939b7ad9548f5fa39c.eot);src:url(66939b7ad9548f5fa39c.eot?#iefix) format("embedded-opentype"),url(9a300eb20dce55efece8.woff2) format("woff2"),url(5216dbf88363e4057641.woff) format("woff"),url(bb5d42c2f6d36142efd5.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-ExtrathinItalic';src:url(fcf73d99753d6bb1310c.eot);src:url(fcf73d99753d6bb1310c.eot?#iefix) format("embedded-opentype"),url(3a71252d98b400141aed.woff2) format("woff2"),url(a585b196d80dfbf640c2.woff) format("woff"),url(6c545bd91405ff18c7a2.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-Light';src:url(fa13c77bd65c31b0ecfe.eot);src:url(fa13c77bd65c31b0ecfe.eot?#iefix) format("embedded-opentype"),url(9ea24685eba1b6458747.woff2) format("woff2"),url(8dc0c5560be4761ef748.woff) format("woff"),url(f590178ead03ed3f7b3d.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-LightItalic';src:url(5f235e010a73ddddfd02.eot);src:url(5f235e010a73ddddfd02.eot?#iefix) format("embedded-opentype"),url(609f882a95cc3f036f5d.woff2) format("woff2"),url(9d38bcf8ea77e20735d0.woff) format("woff"),url(1d140b7a4749c56ff6e7.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-Regular';src:url(bbc697e4addefddffc38.eot);src:url(bbc697e4addefddffc38.eot?#iefix) format("embedded-opentype"),url(5ccfa1d0ccae3485fd63.woff2) format("woff2"),url(484d8a8f72dd7dc012e2.woff) format("woff"),url(59c652f12f81c11126c8.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-RegularItalic';src:url(4ea5c99a1576254f34ab.eot);src:url(4ea5c99a1576254f34ab.eot?#iefix) format("embedded-opentype"),url(06d46784d9dcca913b08.woff2) format("woff2"),url(189e5f8a8885ba1f0698.woff) format("woff"),url(be63b011cb4fac3eef80.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-Semibold';src:url(34672dcb28bd16d5da51.eot);src:url(34672dcb28bd16d5da51.eot?#iefix) format("embedded-opentype"),url(2698ac8eb8035cbb2f40.woff2) format("woff2"),url(49487b9aec179fb0f00b.woff) format("woff"),url(d84a1337260da3ce7f55.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-SemiboldItalic';src:url(59be867bde5a585c0650.eot);src:url(59be867bde5a585c0650.eot?#iefix) format("embedded-opentype"),url(c14e6f583b53b9fb0a5d.woff2) format("woff2"),url(86745ee61939fe99b8a6.woff) format("woff"),url(e2bdb3745f7aa60b1eec.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-Thin';src:url(893a245e11a3d7922d67.eot);src:url(893a245e11a3d7922d67.eot?#iefix) format("embedded-opentype"),url(f36809ba03896c8e3e4d.woff2) format("woff2"),url(12057cb2476836d6bf2b.woff) format("woff"),url(ae67bdf4630e1232d362.ttf) format("truetype")}@font-face{font-family:'AvertaStdPE-ThinItalic';src:url(dd125d6f2ca27f63ca07.eot);src:url(dd125d6f2ca27f63ca07.eot?#iefix) format("embedded-opentype"),url(1a7316670a2e72eda0e5.woff2) format("woff2"),url(1332b4270e418396c856.woff) format("woff"),url(e0d6446e5e6587721d24.ttf) format("truetype")}h2{font-family:Helvetica;font-weight:400;font-size:60px;line-height:70px}@media screen and (max-width: 600px){h2{font-size:40px;line-height:50px}}.button{border-radius:4px;padding:1rem;min-width:10rem;color:#fff;font-weight:500;background-color:#0019ff}.button:hover,.button:focus{outline:none;background-color:#3d50ff}.button:active{background-color:#041ae5}.hero{height:100vh}.hero .header{height:70px;background-color:#fff;display:flex;align-items:center;justify-content:center}.hero .button{margin-bottom:2.5rem}.hero .logo{width:7.5rem;height:4.25rem;z-index:1}.hero .content{z-index:1;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:0}.hero .title{font-family:AvertaStdPE-Semibold;font-size:6.6rem;margin:0;margin-bottom:2rem}@media screen and (max-width: 600px){.hero .title{font-size:4rem}}.hero .description{margin:0 2rem 3.5rem;font-size:1.5rem;max-width:700px;text-align:center}.hero .link{position:relative;font-weight:500;text-decoration:none;line-height:1.8}.hero .link::after{position:absolute;bottom:0;left:0;width:100%;content:'';border:1px solid #202125;border-bottom:0}.hero .title,.hero .description,.hero .link{background-image:radial-gradient(rgba(255,255,255,0.2), rgba(255,255,255,0))}.hero .imagesContainer{position:absolute;z-index:0;width:100%;height:100%;will-change:transform}.hero .img1{position:absolute;top:7.16146%;left:63.81944%}.hero .img1>.image-canvas-bg{position:absolute;z-index:-1;top:0;width:100%;height:100%}.hero .img1>.image-bg{will-change:opacity;opacity:1}.hero .img2{position:absolute;top:22.00521%;left:15%}.hero .img2>.image-canvas-bg{position:absolute;z-index:-1;top:0;width:100%;height:100%}.hero .img2>.image-bg{will-change:opacity;opacity:1}.hero .img3{position:absolute;top:44.01042%;left:80.69444%}.hero .img3>.image-canvas-bg{position:absolute;z-index:-1;top:0;width:100%;height:100%}.hero .img3>.image-bg{will-change:opacity;opacity:1}.hero .img4{position:absolute;top:62.76042%;left:72.08333%}.hero .img4>.image-canvas-bg{position:absolute;z-index:-1;top:0;width:100%;height:100%}.hero .img4>.image-bg{will-change:opacity;opacity:1}.hero .img5{position:absolute;top:71.74479%;left:16.31944%}.hero .img5>.image-canvas-bg{position:absolute;z-index:-1;top:0;width:100%;height:100%}.hero .img5>.image-bg{will-change:opacity;opacity:1}.animateImages{animation:revealBlurhash 5s 2.5s infinite}@keyframes revealBlurhash{0%{opacity:1}25%,50%{opacity:0}75%,100%{opacity:1}}.section{position:relative;background:#fff;display:flex;flex-direction:column}@keyframes cross-fade{0%{opacity:0}10%{opacity:1}50%{opacity:1}60%{opacity:0}}.why-blurhash{position:relative;padding-top:24px;padding-bottom:50px;padding-left:10vw;display:flex;min-height:800px}.why-blurhash:before,.why-blurhash:after{content:'';height:731px;width:365px;position:absolute;top:75px;right:75%;background-size:100% 100%}.why-blurhash:before{background-image:url(4d105029b5b864fb8225.png)}.why-blurhash:after{background-image:url(795ed289706e62297532.png);opacity:0;animation:cross-fade 5s infinite}@media screen and (min-width: 600px){.why-blurhash{padding-left:30vw}.why-blurhash:before,.why-blurhash:after{right:60%}}.why-blurhash .content{background:rgba(229,238,255,0.37);height:100%;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;font-size:16px;line-height:22px;padding:0 24px 24px 20vw}@media screen and (min-width: 600px){.why-blurhash .content{padding:0 20vw 50px}}.why-blurhash .content p{max-width:590px}.why-blurhash h3{font-size:20px;font-weight:700;letter-spacing:0.34px}.how-it-works{text-align:center}.how-it-works p{font-family:Helvetica;font-size:28px;letter-spacing:-0.5px;max-width:870px;margin:0 auto}@media screen and (max-width: 600px){.how-it-works p{font-size:20px;padding:0 24px}}.demo{max-width:1200px;margin:0 auto;padding:100px 10px 130px;display:flex;justify-content:stretch}@media screen and (max-width: 600px){.demo{flex-direction:column;padding:24px}}.demo .part{position:relative;flex:1;margin:0 24px}.demo .part:first-child{margin-left:0}.demo .part:last-child{margin-right:0}.demo .part:last-child:after{content:unset}@media screen and (max-width: 600px){.demo .part{margin:24px 0}}.demo .part:after{content:'';background:url(e27133c6bb559c07f9a2.svg);width:72px;height:25px;position:absolute;top:-32px;right:-63px}@media screen and (max-width: 600px){.demo .part:after{top:unset;right:unset;bottom:-45px;left:calc(50% - 32px);transform:rotate(90deg);z-index:1}}.demo .explain{margin:24px 0;font-size:18px;text-align:center;line-height:24px}.demo .explain-small{font-size:14px;color:#838383;letter-spacing:-0.15px;text-align:center;line-height:18px}.demo .predefined{position:relative;display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;height:200px}.demo .predefined label{position:relative;width:45%;height:90px;margin-bottom:5%;cursor:pointer;background-size:cover}.demo .predefined label input{position:absolute;top:16px;left:16px}.demo .predefined label:nth-of-type(1){background-image:url(12c2aca29ea896a628be.jpg)}.demo .predefined label:nth-of-type(2){background-image:url(e08adedc9f82ade9f9d5.jpg)}.demo .predefined label:nth-of-type(3){background-image:url(a355ab362a07a267e078.jpg)}.demo .predefined label:nth-of-type(4){background-image:url(ea9e499f8080ce9956a8.jpg)}.demo .predefined label>img{display:none}.demo .predefined #original-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 0.2s ease-in-out;background:#eee}.demo .predefined #original-canvas.visible{pointer-events:unset;opacity:1;cursor:pointer}.demo #file-upload{display:none}.demo .dimension{margin-top:24px;font-size:14px;color:#868789;letter-spacing:-0.15px;text-align:center;line-height:20px}.demo .dimension>div{margin-top:12px}.demo .dimension input{background:#ffffff;border:1px solid rgba(32,33,37,0.12);border-radius:4px;text-align:center;width:46px;height:40px}.demo .demo-blurhash{position:relative;box-shadow:0 4px 20px rgba(32,33,37,0.2);height:200px;padding:24px;background:#ffffff;border-radius:2px;font-size:18px;text-align:center;line-height:24px;display:flex;justify-content:center;align-items:center}.demo .demo-blurhash:focus-within{box-shadow:0 4px 20px rgba(32,33,37,0.4)}.demo #demo-blurhash{color:#0019ff;word-break:break-all}.demo #demo-blurhash.error{color:#ff1900}.demo #demo-canvas{height:200px;width:100%;background:#ddd}.get-started{background:url(9b7171b998e865342e33.jpg);max-width:1180px;height:556px;margin:0 auto;display:flex;align-items:center;justify-content:center;text-align:center}.get-started h2{margin:0}.get-started h2,.get-started p{color:#fff}.get-started p{font-size:24px;line-height:32px;padding:0 20%}@media screen and (max-width: 600px){.get-started p{padding:0 24px}}.get-started .white-button{background:#fff;padding:1rem 2rem;color:#0019ff;text-decoration:none}footer{background-color:#141414;height:80px;width:100%;display:flex;justify-content:center;align-items:center;gap:24px}footer a{color:#eff1f3;text-decoration:none}footer p{color:#838383}


/*# sourceMappingURL=blurhash.e4db0ef2cfeaacb59009.css.map*/