.mdc-elevation--z0{box-shadow:0 0 #0003,0 0 #00000024,0 0 #0000001f}.mdc-elevation--z1{box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.mdc-elevation--z2{box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.mdc-elevation--z3{box-shadow:0 3px 3px -2px #0003,0 3px 4px #00000024,0 1px 8px #0000001f}.mdc-elevation--z4{box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f}.mdc-elevation--z5{box-shadow:0 3px 5px -1px #0003,0 5px 8px #00000024,0 1px 14px #0000001f}.mdc-elevation--z6{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.mdc-elevation--z7{box-shadow:0 4px 5px -2px #0003,0 7px 10px 1px #00000024,0 2px 16px 1px #0000001f}.mdc-elevation--z8{box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.mdc-elevation--z9{box-shadow:0 5px 6px -3px #0003,0 9px 12px 1px #00000024,0 3px 16px 2px #0000001f}.mdc-elevation--z10{box-shadow:0 6px 6px -3px #0003,0 10px 14px 1px #00000024,0 4px 18px 3px #0000001f}.mdc-elevation--z11{box-shadow:0 6px 7px -4px #0003,0 11px 15px 1px #00000024,0 4px 20px 3px #0000001f}.mdc-elevation--z12{box-shadow:0 7px 8px -4px #0003,0 12px 17px 2px #00000024,0 5px 22px 4px #0000001f}.mdc-elevation--z13{box-shadow:0 7px 8px -4px #0003,0 13px 19px 2px #00000024,0 5px 24px 4px #0000001f}.mdc-elevation--z14{box-shadow:0 7px 9px -4px #0003,0 14px 21px 2px #00000024,0 5px 26px 4px #0000001f}.mdc-elevation--z15{box-shadow:0 8px 9px -5px #0003,0 15px 22px 2px #00000024,0 6px 28px 5px #0000001f}.mdc-elevation--z16{box-shadow:0 8px 10px -5px #0003,0 16px 24px 2px #00000024,0 6px 30px 5px #0000001f}.mdc-elevation--z17{box-shadow:0 8px 11px -5px #0003,0 17px 26px 2px #00000024,0 6px 32px 5px #0000001f}.mdc-elevation--z18{box-shadow:0 9px 11px -5px #0003,0 18px 28px 2px #00000024,0 7px 34px 6px #0000001f}.mdc-elevation--z19{box-shadow:0 9px 12px -6px #0003,0 19px 29px 2px #00000024,0 7px 36px 6px #0000001f}.mdc-elevation--z20{box-shadow:0 10px 13px -6px #0003,0 20px 31px 3px #00000024,0 8px 38px 7px #0000001f}.mdc-elevation--z21{box-shadow:0 10px 13px -6px #0003,0 21px 33px 3px #00000024,0 8px 40px 7px #0000001f}.mdc-elevation--z22{box-shadow:0 10px 14px -6px #0003,0 22px 35px 3px #00000024,0 8px 42px 7px #0000001f}.mdc-elevation--z23{box-shadow:0 11px 14px -7px #0003,0 23px 36px 3px #00000024,0 9px 44px 8px #0000001f}.mdc-elevation--z24{box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f}.mdc-elevation-transition{transition:box-shadow .28s cubic-bezier(.4,0,.2,1);will-change:box-shadow}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-family:Gordita,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:100vh;padding:0;margin:0;display:flex;flex-direction:column;scroll-behavior:smooth;background:#fefefe}main{width:100%}.flex-grid{display:flex}.col{flex:1}@media (max-width: 400px){.flex-grid{display:block}}@media (max-width: 600px){#github,#freshworks-container{display:none}}#menu{position:absolute;margin-left:auto;margin-right:auto;z-index:1}#menu ul li{display:inline}#menu ul li a{color:#fff;text-decoration:none;padding:4px 16px;font-size:.875rem}#menu mwc-button{--mdc-theme-primary: white}#menu mwc-button.demolink{--mdc-theme-primary: orangered;--mdc-theme-on-primary: white}#menu ul li a .material-icons{display:inline-flex;vertical-align:bottom}@media (max-width: 600px){#menu ul{padding-left:10px}}#welcome{background-image:url(/assets/background.c4dd82ff.jpg);height:700px;text-align:center;color:#fff;position:relative}#welcome h1{font-size:8rem;font-weight:100;margin-top:0;padding-top:150px;font-variant:common-ligatures;margin-bottom:0}#welcome h1 span{font-size:.8rem;background:red;font-weight:400;padding:5px 10px 5px 5px;border-radius:5px}#welcome h2{font-size:2.6rem;font-weight:100;color:#fff8f8}#welcome #badges{position:absolute;bottom:20px;left:0;right:0;margin-left:auto;margin-right:auto}@media (max-width: 600px){#welcome h1{font-size:4rem;padding-top:140px}#welcome h2{font-size:1.5rem}#welcome mwc-button{margin-top:90px}}.content{padding-top:40px;width:60%;margin-left:auto;margin-right:auto}.content h3{font-weight:300;font-size:3rem;line-height:110%;margin:1.78rem 0 1.424rem;text-align:center;padding-bottom:30px;margin-bottom:50px;border-bottom:1px dotted grey}.content div.text{font-weight:300;font-size:1.68rem;line-height:1.8em}.content div.text a{color:#ff4500}#what #demo{display:flex;justify-content:center;gap:20px;margin-top:24px;transform:scale(1.2)}#what a{text-decoration:none}#what a i{position:relative;font-size:.8rem;top:-10px}#why .why-container{position:relative}#why .why-content{font-weight:300;font-size:1.68rem;display:grid;grid-template-columns:45% 10% 45%;grid-gap:25px}#why .why-item{display:flex}#why .why-number{font-size:3.6em;padding:0;color:#f08080;margin-right:20px}#why .why-content span{font-size:.8em}#why .why-icon{position:absolute;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin-left:15px}#why .why-icon .material-icons{font-size:6em;opacity:.5;color:#d3d3d3;transition-duration:1.5s}#when{margin-bottom:-40px}#when pre{background:#0d1117;color:#f1f1f1;padding:20px;font-size:1.2em}#when .material-icons{position:relative;font-size:.8rem;top:-10px}#when h4{font-size:1.9em;font-weight:300}#when h5{font-size:1.6em;font-weight:300}#how h4{font-size:1.5em;font-weight:300;text-align:center;margin-top:-30px}#how h5{font-size:2em;font-weight:300;margin-top:25px}#how .how-card{background:#f1f1f1;padding:0 20px 10px;border-radius:0;display:none}#how .how-card.how-card--active{display:flex;flex:1;flex-direction:row}#how .how-card__code{width:55%;margin-right:20px;flex-grow:1;flex-basis:0}#how .how-card__title{text-align:center;flex-grow:1;flex-basis:0;color:#555}#how .how-card__title div{padding-left:24px;padding-right:24px;font-size:1.1em;line-height:2em}#how code{border-radius:10px;font-size:.8vw}#how div.text{font-size:1.4rem;line-height:1.6em;width:80%;margin-left:auto;margin-right:auto;text-align:center}#who h4{font-size:1.9em;font-weight:300;text-align:center}#where h4{font-size:1.9em;font-weight:300;text-align:center;margin-top:-15px}#where div.text{font-size:1.4rem;line-height:1.6em}#contactus h4{font-size:1.9em;font-weight:300;text-align:center;margin-top:-30px}#contactus #me{display:flex;font-size:1.1em;margin-top:30px}#who .reviews-strip{display:flex;gap:16px;margin-top:40px;padding-bottom:14px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}#who .reviews-strip .review{flex:0 0 300px;background:#f1f1f1;margin:0;padding:18px;border-radius:4px;display:flex;flex-direction:column;scroll-snap-align:start}#who .reviews-strip blockquote{margin:0;flex-grow:1;font-weight:300;font-size:.95rem;line-height:1.5em;color:#333}#who .reviews-strip blockquote:before{content:"\201c";color:#ff4500;font-size:1.3em;line-height:0;margin-right:2px}#who .reviews-strip figcaption{margin-top:14px;font-size:.85rem}#who .reviews-strip .review-author{font-weight:500;color:#111}#who .reviews-strip .review-role{display:block;color:#777;font-size:.9em}#who .reviews-strip .review-role a{color:#ff4500;text-decoration:none}@media (max-width: 600px){.content{width:90%}.content div.text{font-size:1.2rem;line-height:1.5em}#what #demo{transform:scale(.8)}#why .why-content{grid-template-columns:100%}#how,#contactus #me,#contactus #me2{display:none}footer{display:none}}footer{margin-top:40px;height:200px;color:#f1f1f1;position:relative;background-color:#485461;background-image:linear-gradient(315deg,#485461 0%,#28313b 74%)}footer .footer-content{display:flex;flex-direction:row;width:60%;margin-left:auto;margin-right:auto}footer .footer-column{width:50%;padding:20px}footer form mwc-textfield{--mdc-text-field-outlined-idle-border-color: rgba(250, 250, 250, .38);--mdc-text-field-outlined-hover-border-color: rgba(250, 250, 250, .87);--mdc-text-field-ink-color: rgba(250, 250, 250, .87);--mdc-text-field-label-ink-color: rgba(250, 250, 250, .6);--mdc-theme-primary: white}footer h4{font-size:1.4rem;line-height:110%;margin:.82rem 0 .656rem;font-weight:400}footer p{line-height:1.5}footer i.zmdi{color:#fff}footer .footer-copyright{background-color:#485461;padding:8px}footer .footer-copyright div{width:60%;margin-left:auto;margin-right:auto;font-size:.8rem}#pro{position:relative;margin-left:10%;margin-right:10%;background:white;min-height:calc(100% - 48px);width:80%;border-radius:20px;opacity:.9999;z-index:10000;text-align:center;padding:48px}#pro #pro_content{display:flex;flex-direction:row}#pro h1{font-weight:300;font-size:3rem;margin-bottom:8px;margin-top:8px}#pro h2{font-weight:300;font-size:2rem;margin-bottom:8px;margin-top:32px}#pro h3{font-weight:300;font-size:1.2rem;margin-bottom:16px;margin-top:32px}#pro .faq_text{font-size:1rem;line-height:1.6rem}#pro .pro-close{position:absolute;top:10px;right:10px}#pro .pro-option{margin:20px;flex-grow:1;flex-basis:0;border-top:20px solid #9a3cdf;border-radius:4px;padding:8px 16px 16px}#pro .pro-option mwc-icon{color:#9a3cdf}@media (max-width: 600px){#pro{margin-left:3%;margin-right:3%;padding:24px;width:94%}#pro h1{font-size:2rem}#pro #pro_content{flex-direction:column}}