2 lines
20 KiB
CSS
2 lines
20 KiB
CSS
@font-face{font-family:"Haas Grot Disp";src:url(/fonts/hinted-subset-HaasGrotDispR-55Roman.woff2) format("woff2"),url(/fonts/hinted-subset-HaasGrotDispR-55Roman.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Haas Grot Disp";src:url(/fonts/hinted-subset-HaasGrotDispR-65Medium.woff2) format("woff2"),url(/fonts/hinted-subset-HaasGrotDispR-65Medium.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Haas Grot Text";src:url(/fonts/hinted-subset-HaasGrotTextR-75Bold.woff2) format("woff2"),url(/fonts/hinted-subset-HaasGrotTextR-75Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Haas Grot Text";src:url(/fonts/hinted-subset-HaasGrotTextR-65Medium.woff2) format("woff2"),url(/fonts/hinted-subset-HaasGrotTextR-65Medium.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:"Haas Grot Text";src:url(/fonts/hinted-subset-HaasGrotTextR-55Roman.woff2) format("woff2"),url(/fonts/hinted-subset-HaasGrotTextR-55Roman.woff) format("woff");font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;font-weight:400;line-height:1.78;font-family:"Haas Grot Text",serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f7f2;color:#171917}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.25}a{text-decoration:none}li{list-style:none}button,input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;outline:none;font-family:"Haas Grot Text",serif;font-size:16px}input[type=email],input[type=password],input[type=search],input[type=text]{display:block;width:100%}a,button,input[type=checkbox],input[type=radio],input[type=submit],label{cursor:pointer}img,svg{display:block;max-width:100%}.red-text{color:#e65c5c}.green-text{color:#57b560}.dark-gray-text{color:#171917}.truncate{width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.offscreen{position:absolute;left:-999em}.width{width:90%;max-width:900px;margin:0 auto}.divider{width:48px}.divider,.small-divider{height:2px;background:currentColor}.small-divider{width:8px}@-webkit-keyframes float{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes float{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes floatLarge{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-40%);transform:translateY(-40%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatLarge{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-40%);transform:translateY(-40%)}to{-webkit-transform:translate(0);transform:translate(0)}}.fadeInUp{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,transform 1s;transition:opacity 1s,transform 1s,-webkit-transform 1s}.active .fadeInUp{opacity:1;-webkit-transform:none;transform:none}.fadeInUp.delay2{-webkit-transition-delay:.2s;transition-delay:.2s}.fadeInUp.delay3{-webkit-transition-delay:.3s;transition-delay:.3s}.fadeInUp.delay4{-webkit-transition-delay:.4s;transition-delay:.4s}.fadeInUp.delay5{-webkit-transition-delay:.5s;transition-delay:.5s}.fadeInUp.delay6{-webkit-transition-delay:.6s;transition-delay:.6s}.fadeInUp.delay7{-webkit-transition-delay:.7s;transition-delay:.7s}.fadeInUp.delay8{-webkit-transition-delay:.8s;transition-delay:.8s}.fadeInUp.delay9{-webkit-transition-delay:.9s;transition-delay:.9s}.fadeInUp.delay10{-webkit-transition-delay:1s;transition-delay:1s}.fadeInUp.delay11{-webkit-transition-delay:1.1s;transition-delay:1.1s}.fadeInUp.delay12{-webkit-transition-delay:1.2s;transition-delay:1.2s}.fadeInUp.delay13{-webkit-transition-delay:1.3s;transition-delay:1.3s}.fadeInUp.delay14{-webkit-transition-delay:1.4s;transition-delay:1.4s}.app{position:relative;overflow-x:hidden;max-width:100%}.top-swoosh{position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:340px;width:622px;max-width:none}@media (min-width:840px){.top-swoosh{margin-left:380px}}.home-white{background:#fff;padding:80px 0}@media (min-width:840px){.home-white{padding:120px 0}}.button{display:inline-block;background:#57b560;color:#fff;border-radius:4px;box-shadow:0 0 16px 0 rgba(87,181,96,.1);line-height:48px;font-weight:700;padding:0 32px;-webkit-transition:background-color .2s,color .2s,-webkit-transform .2s;transition:background-color .2s,color .2s,-webkit-transform .2s;transition:background-color .2s,color .2s,transform .2s;transition:background-color .2s,color .2s,transform .2s,-webkit-transform .2s}@media (min-width:840px){.button{font-size:18px}}.button:hover{background-color:#4ea156;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.code-examples-tabs{border-top-left-radius:12px;border-top-right-radius:12px;display:flex;align-items:flex-end;height:65px}.code-examples-tabs li{display:block;flex:1 1;color:hsla(0,0%,100%,.6);line-height:57px;padding:0 16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#343734;-webkit-transition:line-height .2s,background-color .2s,color .2s;transition:line-height .2s,background-color .2s,color .2s;text-align:center}@media (min-width:840px){.code-examples-tabs li{padding:0 32px;font-size:18px}}.code-examples-tabs li.active,.code-examples-tabs li:hover{color:#fff;background-color:#171917;line-height:65px}.code-examples-tabs li:first-child{border-top-left-radius:12px}.code-examples-tabs li:last-child{border-top-right-radius:12px}.code-examples-tabs li.filler,.code-examples-tabs li.filler:hover{flex:1 1;height:57px;border-top-right-radius:12px;background-color:#343734;cursor:default}.code-examples-body{padding:24px;background-color:#171917;border-bottom-left-radius:12px;border-bottom-right-radius:12px;font-size:14px}.react-syntax-highlighter-line-number{color:hsla(0,0%,100%,.5);margin-right:16px}.sample{display:block;text-align:center}.sample a{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;display:block}.sample a:hover{-webkit-transform:translateY(5px);transform:translateY(5px)}.sample svg{margin:0 auto;width:34px;height:46px}.sample-name{color:#171917;display:block}@media (min-width:840px){.sample-name{font-size:18px}}a:hover .sample-name{color:#000}.sample-download{display:block;color:#57b560;font-size:13px}@media (min-width:840px){.sample-download{font-size:14px}}a:hover .sample-download{color:#4ea156}.social-link{display:flex;color:#171917}.social-link-icon{width:32px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}a:hover .social-link-icon{-webkit-transform:scale(1.07);transform:scale(1.07)}.social-link-icon svg{width:32px;height:32px}.social-link-text{flex:1 1;margin-left:16px;-webkit-transition:color .2s;transition:color .2s}.social-link-title{display:block}.social-link-green{color:#57b560;font-size:14px;display:inline-flex;-webkit-transition:color .2s;transition:color .2s}a:hover .social-link-green{color:#171917}.circle-icon{width:64px;height:64px;border-radius:32px;box-shadow:0 0 8px 0 rgba(23,25,23,.2);border:2px solid;display:flex;align-items:center;justify-content:center}.faq{display:flex;margin-bottom:30px}.faq-text{flex:1 1;margin-left:16px}.faq-text h3{font-weight:700;color:#5a5e5b;margin-bottom:10px;line-height:1.78;font-size:16px}@media (min-width:840px){.faq-text h3{font-size:18px}}.faq-text p{color:#969a97;line-height:1.7;font-size:13px}@media (min-width:840px){.faq-text p{font-size:14px}}.faq-dash{height:2px;width:32px;background:#57b560;box-shadow:0 0 8px 0 rgba(87,181,96,.3);margin-top:16px}.upload-file{display:flex;align-items:center;padding:20px 0}.upload-file-icon{display:block;min-width:36px;width:36px;max-width:36px}.upload-file-text{display:block;margin:0 18px;flex:1 1}.upload-file-text h3{margin-bottom:5px;font-size:16px;font-weight:400}@media (min-width:840px){.upload-file-text h3{font-size:18px}}.upload-file-text p{font-size:14px;color:#969a97}.upload-file-text a{color:#57b560}.upload-file-text .url{word-break:break-word}.upload-file-text .url:hover{text-decoration:underline}.upload-file-copy,.upload-file-loading{margin-left:auto}.upload-file-copy{position:relative}.upload-file-copy:hover{color:#57b560}.upload-file-copy textarea{position:absolute;left:-999em}.upload-file-copy-tooltip{position:absolute;bottom:100%;margin-bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;background:rgba(23,25,23,.9);font-size:14px;white-space:nowrap;line-height:32px;box-shadow:0 2px 8px 0 rgba(23,25,23,.2);border-radius:4px;width:140px;text-align:center;opacity:0;left:-9999em;-webkit-transition:left 0s .15s,opacity .15s;transition:left 0s .15s,opacity .15s}.upload-file-copy:hover .upload-file-copy-tooltip{left:50%;opacity:1;-webkit-transition:left 0s,opacity .15s;transition:left 0s,opacity .15s}.upload-file-copy-tooltip:after{width:0;height:0;border-color:rgba(23,25,23,.9) transparent transparent;border-style:solid;border-width:6px 6px 0;top:100%;left:50%;margin-left:-6px;content:"";position:absolute;box-shadow:0 2px 8px 0 rgba(23,25,23,.2)}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-spinner{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.footer{background-color:#171917;padding:60px 0 100px;overflow:hidden;position:relative}@media (min-width:840px){.footer{padding:60px 0 140px}}@media (min-width:840px){.footer .width{display:flex;justify-content:space-between}}.footer .footer-column+.footer-column{margin-top:40px}@media (min-width:840px){.footer .footer-column+.footer-column{margin:0 0 0 60px}}.footer h2{font-size:16px;color:#fff;margin-bottom:25px}@media (min-width:840px){.footer h2{font-size:18px}}.footer li+li{margin-top:5px}.footer ul+h2{margin-top:40px}.footer a{color:#57b560;display:inline-flex;align-items:center;-webkit-transition:color .2s;transition:color .2s;font-size:13px}@media (min-width:840px){.footer a{font-size:14px}}.footer a:hover{color:#fff}.footer a svg{margin-left:10px}.footer-orb{position:absolute;right:10px;bottom:100px;margin-top:-13px;margin-left:-13px;-webkit-animation:floatLarge 8s infinite;animation:floatLarge 8s infinite}@media (min-width:840px){.footer-orb{margin-left:180px;right:auto;left:50%;bottom:90px}}.footer-cube{position:absolute;right:30px;top:100%;margin-top:-109px;margin-left:-163px;-webkit-animation:float 8s infinite;animation:float 8s infinite}@media (min-width:840px){.footer-cube{margin-left:-100px;right:auto;left:50%}}.footer-built{margin-top:30px}.home-stay-form{max-width:342px;margin:36px 0 24px}.home-stay-form .relative{position:relative}.home-stay-form .message{font-size:12px;margin-top:10px;color:#969a97}.home-stay-form .message.red-text{color:#e65c5c}.home-stay-form input[type=email]{border-radius:4px;box-shadow:0 2px 4px 0 rgba(90,94,91,.1);border:1px solid #cbd3cd;padding:12px 0 12px 16px;-webkit-transition:border-color .2s;transition:border-color .2s}.home-stay-form input[type=email]:hover{border-color:#8f8f8f}.home-stay-form input[type=email]:focus{border-color:#57b560}.home-stay-form input[type=checkbox]{width:20px;height:20px;border-radius:3px;border:1px solid #cbd3cd;display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;background-image:url(/images/green-check.svg);background-repeat:no-repeat;background-size:28px;background-position:top -300px center}.home-stay-form input[type=checkbox]:checked{background-position:top -3px center}.home-stay-form button{font-weight:400}@media (min-width:840px){.home-stay-form button{font-size:16px}}.home-stay-form .email-error{font-size:12px;margin-top:8px;color:#e65c5c}.home-stay-form.light input[type=email]{box-shadow:0 2px 4px 0 rgba(90,94,91,.1);border-color:hsla(0,0%,100%,.5);color:#fff}.home-stay-form.light input[type=email]:hover{border-color:#fff}.home-stay-form.light input[type=email]:focus{border-color:#57b560}.home-stay-form.light input[type=checkbox]{border-color:hsla(0,0%,100%,.5)}.home-stay-form.light label{color:hsla(0,0%,100%,.5)}.home-stay-form.light .message{color:hsla(0,0%,100%,.3)}.home-stay-form.light .message.red-text{color:#e65c5c}.home-form-stay-existing{margin:15px 0 20px}.home-form-stay-existing label{color:#171917}.home-top{text-align:center;padding:60px 0 50px;position:relative}@media (min-width:840px){.home-top{padding:60px 0 70px}}.home-top .logo{margin:0 auto 35px;-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:opacity 1s,-webkit-transform 1s;transition:opacity 1s,-webkit-transform 1s;transition:transform 1s,opacity 1s;transition:transform 1s,opacity 1s,-webkit-transform 1s}.home-top.active .logo{-webkit-transform:none;transform:none;opacity:1}.home-top h1{font-size:44px;line-height:1.14;margin-bottom:38px}@media (min-width:840px){.home-top h1{font-size:56px}}.home-top p{font-size:20px;line-height:1.33;max-width:560px;margin:0 auto}@media (min-width:840px){.home-top p{font-size:24px;max-width:670px}}.deco-1{position:absolute;left:100%;bottom:54%;margin-left:-20px;-webkit-animation:float 6s infinite;animation:float 6s infinite}@media (min-width:591px){.deco-1{margin-left:100px}}.deco-2{position:absolute;left:100%;bottom:34%;margin-left:-40px;-webkit-animation:float 8s infinite;animation:float 8s infinite}@media (min-width:591px){.deco-2{margin-left:50px}}.home-upload{position:relative}.home-upload .bottom-text{color:#969a97;font-size:13px;text-align:center;max-width:670px;margin:25px auto 0}@media (min-width:840px){.home-upload .bottom-text{font-size:14px}}.home-upload-box{background:#fff;border-radius:12px;box-shadow:0 8px 24px 0 rgba(90,94,91,.15),0 2px 4px 0 rgba(0,0,0,.05);padding:16px}.home-upload-dashed{border:1px dashed #c5cec7;border-radius:4px;padding:0 20px;height:210px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;outline:none;-webkit-transition:background-color .2s,border .2s,color .2s;transition:background-color .2s,border .2s,color .2s}.home-upload-dashed:hover{background-color:rgba(0,0,0,.03);cursor:pointer}.home-upload-dashed:hover .button{background-color:#4ea156;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.home-upload-dashed.drop-active{background-color:#57b560;border:1px solid #57b560}.home-upload-dashed.drop-active .button{display:none}.home-upload-dashed .button{margin-top:15px}.home-upload-text{color:#5a5e5b;display:block;-webkit-transition:color .2s;transition:color .2s}@media (min-width:840px){.home-upload-text{font-size:18px}}.drop-active .home-upload-text{color:#fff}.deco-3{top:-70px;left:-5px;-webkit-animation:float 8s infinite;animation:float 8s infinite}.deco-3,.deco-4{position:absolute}.deco-4{top:-32px;left:-90px;-webkit-animation:float 6s infinite;animation:float 6s infinite}.deco-5{position:absolute;top:52px;left:-56px;-webkit-animation:float 10s infinite;animation:float 10s infinite}.home-uploaded-files{border:1px solid #c5cec7;padding:0 40px;margin-top:10px;border-radius:4px}.home-uploaded-files .upload-file+.upload-file{border-top:1px solid rgba(197,206,199,.4)}.home-built{padding-top:80px}@media (min-width:840px){.home-built{padding-top:150px}}.home-built-header{text-align:center}.home-built-header h2{text-align:center;font-size:32px;margin-bottom:50px}@media (min-width:840px){.home-built-header h2{margin-bottom:70px}}.home-built-divider{display:inline-flex;align-items:center;margin:0 auto 32px}@media (min-width:840px){.home-built-divider{margin-bottom:40px}}.home-built-divider .circle-icon{margin:0 14px}.home-built-divider .small-orb:first-of-type{margin-left:14px}.home-built-divider .small-orb:last-of-type{margin-right:14px}.home-built-divider .small-divider:first-of-type{margin-right:8px}.home-built-divider .small-divider:last-of-type{margin-left:8px}.home-samples{text-align:center;margin:0;padding:60px 0}@media (min-width:840px){.home-samples{padding:65px 0 100px}}.home-samples p{margin:0 auto 48px;max-width:460px}@media (min-width:840px){.home-samples p{font-size:18px;max-width:560px}}.home-samples .sample{display:inline-block;margin:10px;min-width:124px;text-align:center}@media (min-width:374px){.home-samples .sample{margin:10px 20px}}@media (min-width:500px){.home-samples .sample{margin:10px 40px}}.home-stay-header h2{font-size:32px;margin-bottom:36px}.home-stay-divider{display:flex;align-items:center;color:#57b560;margin-bottom:32px}@media (min-width:840px){.home-stay-divider{margin-bottom:40px}}.home-stay-divider .circle-icon{box-shadow:0 0 8px 0 rgba(87,181,96,.3);margin-right:14px}.home-stay-divider .divider{margin:0 8px 0 14px}@media (min-width:840px){.home-stay-flex{display:flex}}@media (min-width:840px){.home-stay-left{flex:1 1;margin-right:60px}}.home-stay-left p{max-width:553px}@media (min-width:840px){.home-stay-left p{font-size:18px}}.home-stay-left .disclaimer-text{font-size:13px;color:#969a97;line-height:1.7;max-width:438px}@media (min-width:840px){.home-stay-left .disclaimer-text{font-size:14px}}.home-stay-right{margin-top:40px}@media (min-width:840px){.home-stay-right{width:305px;margin-top:0}}.home-stay-right li+li{margin-top:24px}.home-network{padding:80px 0}@media (min-width:840px){.home-network{padding:120px 0}}.home-network-header h2{font-size:32px;margin-bottom:36px}.home-network-divider{display:flex;align-items:center;color:#57b560;margin-bottom:32px}@media (min-width:840px){.home-network-divider{margin-bottom:40px}}.home-network-divider .circle-icon{box-shadow:0 0 8px 0 rgba(87,181,96,.3);margin-right:14px}.home-network-divider .divider{margin:0 8px 0 14px}.home-network-stats{background:#57b560;border-radius:12px;box-shadow:0 4px 24px 0 rgba(87,181,96,.3);padding:32px 24px;position:relative}@media (min-width:840px){.home-network-stats{display:flex;align-items:center;padding:40px 30px;padding:50px 20px}}.home-network-stats .divider{height:2px;width:240px;background:rgba(0,0,0,.1);margin:20px auto}@media (min-width:840px){.home-network-stats .divider{height:56px;width:2px}}.deco-6{top:-185px;right:10px;-webkit-animation:float 8s infinite;animation:float 8s infinite}.deco-6,.deco-7{position:absolute}.deco-7{top:-130px;right:35px;-webkit-animation:float 6s infinite;animation:float 6s infinite}.deco-8{position:absolute;top:-65px;right:-95px;-webkit-animation:float 10s infinite;animation:float 10s infinite}.home-network-stat{text-align:center}@media (min-width:840px){.home-network-stat{text-align:center;width:calc(20% - 2px)}}@media (min-width:840px){.home-network-stat .inner{margin:0 auto;display:inline-block;text-align:left;min-width:110px}}.home-network-stat h3{font-weight:700;color:#fff;font-size:32px;min-width:10px}@media (min-width:840px){.home-network-stat h3{font-size:40px}}.network-stat-name{font-size:14px;color:hsla(0,0%,100%,.5)}.home-network-columns{margin-top:40px}@media (min-width:840px){.home-network-columns{display:flex;margin-top:60px}}@media (min-width:840px){.home-network-column{flex:1 1;display:flex;flex-direction:column}}.home-network-column+.home-network-column{margin-top:40px}@media (min-width:840px){.home-network-column+.home-network-column{margin:0 0 0 30px}}.home-network-column.left p{color:#5a5e5b}@media (min-width:840px){.home-network-column.left p{font-size:18px}}.home-network-column.left p+p{margin-top:30px}@media (min-width:840px){.home-network-column.left p+p{margin-top:40px}}.home-network-column .more{color:#57b560;font-size:13px;display:inline-flex;align-items:center;-webkit-transition:color .2s;transition:color .2s}.home-network-column .more:hover{color:#000}@media (min-width:840px){.home-network-column .more{font-size:14px}}.home-network-column .more svg{margin-left:10px;-webkit-transition:color .2s,-webkit-transform .2s;transition:color .2s,-webkit-transform .2s;transition:transform .2s,color .2s;transition:transform .2s,color .2s,-webkit-transform .2s}.home-network-column .more:hover svg{-webkit-transform:translateX(2px);transform:translateX(2px);color:#000}.home-network-column .more-faq{margin-left:48px}
|
|
/*# sourceMappingURL=main.4771139d.chunk.css.map */ |