@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css);:root{--color-bg1:#081522;--color-bg2:#0a1929;--color1:15,30,53;--color2:15,30,53;--color3:15,30,53;--color4:15,30,53;--color5:15,30,53;--circle-size:90%;--blending:hard-light;--color-primary:#5ca3f0;--color-blue:#1a5f9e;--color-green:#55f05b;--color-yellow:#ffc75a;--color-red:#ff5a5a;--color-black:#081522;--color-lightblue:#e8f0f7;--color-black-alpha:#0a192999;--color-primary-alpha:#5ca3f04d;--color-green-alpha:#53ea584d;--color-yellow-alpha:#eab5534d;--color-red-alpha:#ea53534d}*{border:none;box-sizing:border-box;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}#root,body,html{height:100%;overflow:hidden;width:100%}body{background:#081522;background:var(--color-black);color:#c0d4e6;font-family:Source Sans\ 3,serif;font-optical-sizing:auto;font-size:18px;font-style:normal;font-weight:400;line-height:1.4;overflow:hidden;@media screen and (max-width:768px){font-size:14px}&.connect-active,&.homepage-active{overflow-x:hidden;overflow-y:auto;#root{height:auto}}}h1,h2,h3{color:#e0f2f2;font-family:Poppins,serif;font-style:normal;font-weight:600}input,label{display:block;width:100%}input{background:#0000;border-bottom:1px solid #fff6;margin-left:auto;margin-right:auto;max-width:400px;padding:8px 0;transition:border-color .2s ease-in-out;&:focus{border-color:#fffc}&:not(:last-child){margin-bottom:32px}&:not(:placeholder-shown){color:#fff}}::placeholder{color:#fff6}main{height:100%;overflow-x:hidden;overflow-y:auto}.wrap,main{display:flex;width:100%}.wrap{align-items:center;flex-direction:column;justify-content:center;margin:0 auto;&.wrap-XL{max-width:1400px}&.wrap-L{max-width:75%;max-width:1280px}&.wrap-M{max-width:800px}&.wrap-S{max-width:400px}@media screen and (max-width:1440px){&.wrap-XL{max-width:90%}&.wrap-L{max-width:90%}}@media screen and (max-width:1024px){&.wrap-L,&.wrap-M,&.wrap-S{max-width:90%}}}.mt8{margin-top:8px}.mt16{margin-top:16px}.mt24{margin-top:24px}.mt32{margin-top:32px}.mt40{margin-top:40px}.mt60{margin-top:60px}.mb8{margin-bottom:8px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb32{margin-bottom:32px}.mb40{margin-bottom:40px}.mb60{margin-bottom:60px}.mr8{margin-right:8px}.mr16{margin-right:16px}.mr24{margin-right:24px}.mr32{margin-right:32px}.mr40{margin-right:40px}.ml8{margin-left:8px}.ml16{margin-left:16px}.ml24{margin-left:24px}.ml32{margin-left:32px}.ml40{margin-left:40px}.flex{display:flex}.alignCenter{align-items:center}.justifyCenter{justify-content:center}.flexRow{flex-direction:row}.flexCol{flex-direction:column}.flexColRev{flex-direction:column-reverse}.flexRowRev{flex-direction:row-reverse}.flexWrap{flex-wrap:wrap}.flexWrapRev{flex-wrap:wrap-reverse}.gap8{gap:8px}.gap16{gap:16px}.gap24{gap:24px}.gap32{gap:32px}.gap40{gap:40px}.gap60{gap:60px}a{color:#5ca3f0;color:var(--color-primary);cursor:pointer;text-decoration:underline}.tal{text-align:left}.tar{text-align:right}.cta,.tac{text-align:center}.cta{background:#5ca3f0;border-radius:14px;box-shadow:inset 0 0 0 2px #ffffff1a,0 1px 2px #09325d;color:#0a1929;cursor:pointer;display:inline-block;font-size:16px;font-weight:700;min-width:160px;padding:8px 48px;&:disabled{background-color:#2a3e54;box-shadow:inset 0 0 0 2px #ffffff1a,0 0 1px 2px #2a3e5433;opacity:.6}&.circle{align-items:center;border-radius:14px;display:flex;height:40px;justify-content:center;min-width:0;padding:0;width:40px}}.preventSelect{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none}.inputReveal{margin-left:auto;margin-right:auto;max-width:400px;position:relative;i{cursor:pointer;opacity:.3;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:2;&:hover{opacity:1}}}.error-message{background-color:#ea53534d;background-color:var(--color-red-alpha);border-radius:8px;color:#ff5a5a;color:var(--color-red);font-size:14px;font-weight:400;margin-left:auto;margin-right:auto;margin-top:8px;max-width:400px;padding:8px 16px;text-align:center}.modalContainer{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;.overlay{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#0006;height:100%;position:absolute;width:100%;z-index:0}}.modal{background-color:#142334;border-radius:16px;height:90%;left:50%;max-height:600px;max-width:680px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2}.modalHeader{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.075);display:flex;justify-content:space-between;margin-bottom:1em;padding:1em 1.5em;button{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px;&:hover{background-color:#192d43}}}.modalBody{display:flex;nav{font-size:1rem;width:180px;li{cursor:pointer;padding:4px 8px;position:relative;i{font-size:.8rem;margin-right:4px}button{border-radius:8px;padding:8px 12px;width:100%}&.active{button{background-color:#1a2a40}}}}.modalContent{height:100%;overflow-y:auto;padding:.5em 1.5em}}.cup{cursor:pointer}*{scrollbar-color:#222744;scrollbar-width:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a2a40}::-webkit-scrollbar-thumb{background-color:#5da4f04d}::-webkit-scrollbar-thumb:hover{background-color:#5da4f0b3}.wordmark{height:40px}.confirmModal{align-items:center;background-color:#142334;border-radius:16px;display:flex;flex-direction:column;gap:16px;height:90%;justify-content:center;left:50%;max-height:300px;max-width:400px;padding:16px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);width:90%;z-index:999;h2{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;span{background-color:#213450;border-radius:8px;color:#fff;display:inline-block;font-size:.8rem;font-style:italic;padding:8px 16px}}.actions{align-items:center;display:flex;gap:16px;justify-content:center;width:100%;.cta{min-width:0;padding:8px 24px;&.cancel{background-color:#fff;color:#142334}&.confirm{background-color:#142334;color:#fff}}}&.forgotPassword{&.success{i{align-items:center;background-color:var(--color-green);border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;width:60px}}}}.legalsModal{.modal{overflow:hidden;.modalHeader{margin-bottom:0}.modalContent{height:calc(100% - 77px);overflow-y:auto;.contentScroll{padding:24px}}}h2{margin-bottom:8px}strong{color:#a8c5d6;font-size:.875rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}ul{list-style:inside;li{&:not(:last-child){margin-bottom:8px}}}}.loginMain{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:60px 0;width:100%;>.wrap{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin:0 auto;width:100%;>div{width:100%}.form{h1{font-size:2rem;margin-bottom:16px}.subTitle,h1{text-align:center}.subTitle{margin-bottom:60px}}}&.verifySuccess{.form{h1{color:var(--color-green)}}}}.codeContainer{align-items:center;display:flex;gap:4px;justify-content:center;margin-bottom:30px;margin-top:32px;input{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-primary-alpha);border-radius:8px;font-size:1.625rem;font-weight:600;margin-bottom:0;padding:12px 0;position:relative;text-align:center;width:50px;&.filled{background-color:#1a2a40;border:2px solid var(--color-primary);color:var(--color-white)}}.separator{background:var(--color-primary-alpha);display:inline-block;height:2px;margin:0 8px;width:16px}&.success{input{background-color:#1a2a40;border:2px solid var(--color-green);color:var(--color-green)}}}.bgVideo{filter:hue-rotate(133deg) invert(1) brightness(.6) contrast(3) saturate(.9);height:100%;left:0;mix-blend-mode:exclusion;opacity:.2;position:absolute;top:0;width:100%;z-index:-1;video{height:100%;object-fit:cover;width:100%}}.forgotPassword{color:#a8c5d6;font-size:.875rem}.legals{align-items:center;display:flex;flex-wrap:wrap;gap:24px;justify-content:center;li{color:#a8c5d6;cursor:pointer;font-size:.625rem;text-decoration:none;text-transform:uppercase;&:hover{text-decoration:underline}}}.menuIcon{align-items:center;cursor:pointer;display:flex;height:44px;justify-content:center;left:16px;position:fixed;top:8px;transition:all .2s ease-in-out;width:44px;z-index:101}.menuIcon .icon{position:relative}.menuIcon .icon span{background:#fff;border-radius:25px;display:block;height:3px;margin:4px 0;transition:width .3s ease-in-out;width:24px}.menuIcon .icon span:nth-of-type(2){width:17px}.menuIcon .icon span:nth-of-type(3){width:9px}.menuIcon.open .icon span,.menuIcon:hover .icon span{width:24px}.menuNav{animation:navOpening .2s ease-in-out forwards;position:fixed;transform:translateX(-100%);transition:transform .2s ease-in-out;z-index:100}.menuNav,.menuNav .overlay{height:100%;left:0;top:0;width:100%}.menuNav .overlay{animation:overlayOpening .2s ease-in-out forwards;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:#0000;position:absolute;transform:translateX(100%);transition:none}.menuNav .navContainer{align-items:flex-start;background-color:#142435;display:flex;flex-direction:column;font-size:16px;height:100%;justify-content:space-between;left:0;max-width:400px;position:absolute;top:0;width:calc(100% - 80px)}@media screen and (max-width:1024px){.menuNav .navContainer{max-width:300px}}.menuNav .newConversation{align-items:center;cursor:pointer;display:flex;font-size:23px;gap:8px;height:44px;justify-content:center;padding:0;position:absolute!important;right:16px;top:9px;width:44px}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup{align-items:flex-start;display:flex;flex-direction:column;gap:4px;justify-content:flex-start;width:100%}.menuNav ul.navListContainer{height:100%;padding:80px 0 20px}.menuNav ul.navListContainer,.menuNav ul.navListContainer .conversationsListContainer{align-items:flex-start;display:flex;flex-direction:column;gap:32px;justify-content:flex-start;width:100%}.menuNav ul.navListContainer .conversationsListContainer{height:calc(100% - 164px)}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup h4{font-size:14px;font-weight:300;padding:0 25px}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;padding:0 16px 0 15px;width:100%}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li{align-items:center;color:#fff;font-weight:400;height:40px;justify-content:space-between;line-height:1;padding-left:10px;position:relative;width:100%}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li:hover{background-color:#1b2b41}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li.active{background-color:#213450}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li>p{align-items:center;cursor:pointer;display:flex;justify-content:flex-start;width:calc(100% - 50px)}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li.conversationItem{border-radius:8px}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li.conversationItem button{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;width:50px}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li .conversationDetails{background-color:#0e1925;border-radius:8px;height:max-content;padding:8px;position:absolute;right:0;top:90%;transform:translateX(67%);width:160px;z-index:2}@media screen and (max-width:1024px){.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li .conversationDetails{width:120px}}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li .conversationDetails ul li{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:400;gap:8px;justify-content:flex-start;padding:12px;width:100%}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li .conversationDetails ul li:hover{background-color:#fff3}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li .conversationDetails ul li.delete{color:var(--color-red)}.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li .conversationDetails ul li.delete:hover{background-color:var(--color-red-alpha)}.menuNav .conversationItem button,.menuNav ul.navListContainer .conversationsListContainer .conversationGroup>ul>li{display:flex}.menuNav footer{width:100%}.menuNav footer ul.profileContainer{border-top:1px solid #fff3;position:relative;width:100%}.menuNav footer ul.profileContainer>li{width:100%}.menuNav footer ul.profileContainer>li>button{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:400;gap:16px;height:80px;justify-content:flex-start;padding:0 25px;width:100%}.menuNav footer ul.profileContainer>li>button i{align-items:center;background-color:var(--color-primary-alpha);border-radius:50%;color:var(--color-primary);display:flex;height:34px;justify-content:center;width:34px}.menuNav footer ul.profileContainer .profileDetails{background-color:#0e1925;border-radius:8px;height:max-content;left:50%;padding:8px;position:absolute;top:-16px;transform:translateY(-100%) translateX(-50%);width:calc(100% - 50px)}.menuNav footer ul.profileContainer .profileDetails ul{display:flex;flex-direction:column-reverse}.menuNav footer ul.profileContainer .profileDetails ul li{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:400;gap:8px;justify-content:flex-start;padding:12px;width:100%}.menuNav footer ul.profileContainer .profileDetails ul li:hover{background-color:#fff3}.menuNav footer ul.profileContainer .profileDetails ul li button{align-items:center;display:flex;gap:8px;justify-content:flex-start}.menuNav footer ul.profileContainer .profileDetails ul li.logout{color:var(--color-red)}.menuNav footer ul.profileContainer .profileDetails ul li.logout:hover{background-color:var(--color-red-alpha)}@keyframes navOpening{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes overlayOpening{0%{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);background-color:#0000;transform:translateX(100%)}to{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-color:#0006;transform:translateX(0)}}.monthHeatmapContainer{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);padding:24px 8px;width:100%}.dayBox{aspect-ratio:1/1;border-radius:4px;color:#fff;font-size:.825rem;font-weight:600;font-weight:700;padding:6px 8px;width:100%}.mainDashboard{background-color:var(--color-black);height:100%;left:0;overflow-y:auto;padding:5%;position:fixed;top:0;width:100%;z-index:1000;.closeButton{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px;&:hover{background-color:#192d43}}@media screen and (max-width:1024px){padding-top:80px}}.dashboardContainer{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr);@media screen and (max-width:1024px){display:flex;flex-direction:column}}.card{align-items:center;background-color:#121c2b;border-radius:8px;display:flex;flex-direction:column;justify-content:center;padding:1rem;position:relative;label{color:#667f99;display:block;font-size:.825rem;font-weight:600;left:24px;letter-spacing:1px;position:absolute;text-transform:uppercase;top:24px;z-index:1}@media screen and (max-width:1024px){text-align:center;width:100%;label{margin-bottom:16px;position:static}}}.div1{grid-column:span 2/span 2;grid-row:span 3/span 3;video{height:100%;left:50%;mix-blend-mode:color-dodge;object-fit:contain;opacity:.4;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:0}.profileValue{font-size:clamp(1.5rem,3vw,5rem);text-transform:capitalize}}.div2{grid-column:span 2/span 2;grid-column-start:1;grid-row:span 2/span 2;grid-row-start:4;.moodScoreValue{font-size:clamp(1.5rem,3vw,5rem);&.pos{color:var(--color-green)}&.neg{color:var(--color-red)}}}.div3{grid-column:span 3/span 3;grid-column-start:3;grid-row:span 3/span 3;grid-row-start:1;.wordCloud{align-items:center;display:flex;flex-wrap:wrap;gap:10%;justify-content:center;padding:0 10%;.wordCloudItem{white-space:nowrap}}}.div4{align-items:flex-start;grid-column:span 2/span 2;grid-column-start:6;grid-row:span 5/span 5;grid-row-start:1;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;padding:80px 24px;.conversationGroup{&:not(:last-child){margin-bottom:24px}h4{color:#667f99;font-size:14px;font-weight:300;font-weight:600;margin-bottom:8px}}ul{display:flex;flex-direction:column;gap:8px;width:100%;li{border:1px solid #29333d;border-radius:8px;padding:16px;width:100%}}}.div5{align-items:flex-start;grid-column:span 3/span 3;grid-column-start:3;grid-row:span 2/span 2;grid-row-start:4;padding-top:50px}.loader{align-items:center;display:flex;height:400px;justify-content:center;mix-blend-mode:plus-lighter;pointer-events:none;position:relative;transition:transform .5s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;width:600px;&:after{background:#fff;content:"";height:60%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg) scaleY(0);width:4px}&:after,img{position:absolute}img{left:0;top:0;width:100%}&.muted{transform:scale(.5);&:after{transform:translate(-50%,-50%) rotate(-45deg) scaleY(1);transition:transform .5s}}}.monogram{max-width:200px}.modeContainer{align-items:center;cursor:pointer;display:flex;height:44px;justify-content:center;position:fixed;right:16px;top:8px;width:44px;z-index:99;button{align-items:center;display:flex;height:44px;justify-content:center;width:44px}i{color:#fff;font-size:24px}svg{height:44px;width:44px}}.chatContainer{display:flex;flex-direction:column}@keyframes ripple{0%{opacity:.3;transform:scale(1)}50%,to{opacity:0;transform:scale(1.4)}}.callScreen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;.loaderGif{mix-blend-mode:plus-lighter}}.buttonsContainer{align-items:center;bottom:44px;display:flex;gap:16px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:2;button{align-items:center;background-color:var(--color-primary-alpha);border-radius:50%;color:var(--color-primary);cursor:pointer;display:flex;font-size:1.5rem;height:64px;justify-content:center;width:64px;&.hangupButton{background-color:var(--color-red-alpha);border-radius:50%;color:var(--color-red);font-size:2rem;height:80px;width:80px}}}.conversationContainer{height:calc(100% - 128px);width:100%;&:before{content:"";height:100px;left:0;pointer-events:none;position:absolute;top:0;z-index:2}&:before,.messages{width:100%}.messages{display:flex;flex:1 1;flex-direction:column;height:100%;max-height:100%;min-height:100%;overflow-y:auto;padding:32px 20px;.messageList{margin-top:auto}.message{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:768px;padding:0 24px;&.ai{align-items:flex-start}&.user{align-items:flex-end;.messageContent{background-color:#5da5f0;color:#0a1929;display:inline-block;max-width:70%}}&:not(:last-child){margin-bottom:16px}.time{color:#b0b3c6;display:block;font-size:.625rem;margin-bottom:8px;padding:0 16px}.messageContent{border-radius:8px;padding:16px}}}}.keyboardContainer{height:max-content;margin-left:auto;margin-right:auto;max-width:768px;width:100%;.inputContainer{align-items:center;background-color:#1a2a40;border:1px solid #2a3e54;border-radius:24px;border-radius:32px;display:flex;height:max-content;position:relative;textarea{border:none;max-height:600px;min-height:104px;overflow-y:auto;padding:24px 12px 24px 24px;scrollbar-color:#1a2a40;scrollbar-width:auto;width:calc(100% - 75px);word-break:break-all;::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:#1a2a40}&::-webkit-scrollbar-thumb{background-color:#5da4f04d;border-bottom:28px solid #1a2a40;border-top:28px solid #1a2a40}&::-webkit-scrollbar-thumb:hover{background-color:#5da4f0b3}}button{bottom:32px;position:absolute;right:24px}}}@media screen and (max-width:768px){.conversationContainer{height:calc(100% - 100px)}.keyboardContainer{margin-bottom:0;.inputContainer{background-color:#3a4475;border-radius:0}}}.voiceSlider{background-color:#0d0f1a;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000;.closeSlider{align-items:center;background-color:#b0b3c633;border-radius:50%;color:#b0b3c6;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;position:absolute;right:16px;top:16px;width:44px}.prevButton{left:16px}.nextButton,.prevButton{align-items:center;background-color:#b0b3c633;border-radius:50%;color:#b0b3c6;cursor:pointer;display:flex;font-size:1.5rem;height:44px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:44px}.nextButton{right:16px}.confirmButton{bottom:40px;cursor:pointer;left:50%;position:absolute;transform:translateX(-50%)}.voiceDisplay{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;top:calc(50% + 100px);h2{color:#9cffff;font-size:2.5rem}.dotnav{display:flex;gap:8px;margin-top:16px;li{background-color:#b0b3c633;border-radius:50%;cursor:pointer;height:16px;width:16px;&.active{background-color:#9cffff}}}}.voiceDisplay,.voiceImage{left:50%;position:absolute;transform:translate(-50%,-50%)}.voiceImage{display:block;height:400px;mix-blend-mode:plus-lighter;pointer-events:none;top:calc(50% - 50px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;width:auto}}.test{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;label{font-size:1.5rem;font-weight:600;margin-bottom:8px}label,select{display:block}select{border:1px solid #fff;padding:16px;text-transform:capitalize;width:100%;option{background-color:#101036}}.ctaContainer{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:24px;button{min-width:0;&:first-child{background-color:var(--color-primary-alpha);color:#fff}&:last-child{background-color:var(--color-red-alpha);color:var(--color-red)}}}.loaderContainer{height:400px;position:relative;width:600px;img{height:100%;object-fit:cover;width:100%}}}.mainHeader{align-items:center;display:flex;font-size:16px;height:80px;justify-content:space-between;left:0;overflow:hidden;padding:0 3%;position:fixed;top:0;width:calc(100% - 8px);z-index:2;&:after{background-color:var(--color-black);content:"";height:100%;left:0;position:absolute;top:0;transform:translateY(-100%);transition:transform .2s ease-in-out;width:100%;z-index:-1}&.scrolled{&:after{transform:translateY(0)}}>svg{height:20px}ul{align-items:center;display:flex;font-weight:600;justify-content:flex-end;li{cursor:pointer}}@media screen and (max-width:1024px){padding-bottom:0;padding-left:32px;padding-right:32px;padding-top:0;>svg{height:25px}}}.homeMain{height:100vh;.wrap{flex-direction:row;gap:5%;justify-content:space-between;max-width:60%}.imageContainer{position:relative;transform:rotate(8deg);width:30%;.mockup{position:relative;width:100%}.loader{left:50%;mix-blend-mode:lighten;object-fit:contain;position:absolute;top:50%;transform:translate(-50%,-50%);width:89%;z-index:2}}.content{width:60%;h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:40px;span{color:var(--color-primary);position:relative;&:after{background-color:var(--color-primary);content:"";display:inline;height:90%;position:absolute;right:-10px;top:50%;transform:translateY(-50%);width:3px}&.paused{&:after{animation:animatePipe 1s linear infinite}}}}p{line-height:1.6}}@media screen and (max-width:1500px){.wrap{.imageContainer{width:30%}.content{width:65%;h1{font-size:clamp(2rem,5vw,3rem)}}}}@media screen and (max-width:1024px){.wrap{align-items:center;flex-direction:column-reverse;gap:0;justify-content:center;max-width:85%;.content{margin-left:auto;margin-right:auto;text-align:center;width:100%;h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:30px;span{height:80px}}p{font-size:1.25em}}.imageContainer{transform:none;width:100%;.mockup{display:none}.loader{aspect-ratio:2/1;height:150px;object-fit:cover;position:relative;width:100%}}}}}.typing-container{overflow:hidden;position:relative}@media (max-width:768px){.typing-container{font-size:1em}}@keyframes animatePipe{0%,49%{opacity:1}50%,to{opacity:0}}.homeSection{background-color:var(--color-lightblue);.wrap{padding:10vh 0}h2{font-size:40px}h2,h3{color:#2a3a4d}h3{font-size:24px}&.sectionTechnology{h2{font-size:40px;margin-bottom:60px;margin-left:auto;margin-right:auto;max-width:540px;text-align:center}ul{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);li{background-color:#fff;border:1px solid #c0d0e0;border-radius:20px;display:flex;flex-direction:column;gap:20px;padding:32px 40px;p{color:#6b7d8f}i{color:#5a7a85}}@media screen and (max-width:1024px){grid-template-columns:1fr}}}&.sectionWhy{.wrap{align-items:flex-start;align-items:center;flex-direction:row;justify-content:space-between}.imgContainer{background-color:#081522;width:50%;img{height:100%;object-fit:cover;width:100%}}.content{padding-right:5%;h2{margin-bottom:60px}ul{.whyElement{cursor:pointer;&:not(:last-of-type){border-bottom:1px solid #c0d0e0;margin-bottom:24px;padding-bottom:24px}h3{align-items:center;display:flex;justify-content:space-between;i{color:#5a7a85;font-size:.825em;margin-right:12px}}.content{color:#5a7185;max-height:0;overflow:hidden;h4{color:#2a3a4d;font-size:1.25em;font-weight:600;margin-bottom:16px}ul{li{&:before{color:#5a7185;content:"•";display:inline-block;font-weight:700;margin-right:6px}&:not(:last-of-type){margin-bottom:8px}}}}&.active{h3{color:var(--color-primary);i{color:var(--color-primary)}}.content{margin-top:16px;max-height:1000px}}}}}@media screen and (max-width:1024px){.wrap{flex-direction:column;gap:0}.imgContainer{display:none}.content{padding-right:0;width:100%}}}}.homeFooter{position:relative;.wrap{align-items:center;flex-direction:column;justify-content:center;padding:20vh 0;>a{color:var(--color-primary);display:block;font-size:clamp(1.25rem,5vw,4rem);font-weight:600;text-decoration:none}ul{align-items:center;bottom:0;display:flex;flex-wrap:wrap;font-size:.825em;gap:40px;justify-content:center;left:0;letter-spacing:.5px;padding:16px 0;position:absolute;text-align:center;text-transform:uppercase;width:100%;li{a,p{color:#a8c5d6;text-decoration:none}}@media screen and (max-width:1024px){flex-direction:column-reverse;gap:16px;margin-top:30px;position:static}}@media screen and (max-width:1024px){padding-bottom:50px;padding-left:0;padding-right:0;padding-top:50px}}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.fadeIn{animation-duration:.1s;animation-fill-mode:forwards;animation-name:fadeIn;animation-timing-function:ease-in-out;display:inline-block;opacity:0;transform:translateY(-24px)}:root{--gradient-color-1:#222744;--gradient-color-2:#5ca3f0;--gradient-color-3:#5da4f0;--gradient-color-4:#081522}#bgCanvas{height:100vh;left:0;opacity:.1;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,:after,:before{box-sizing:border-box}ol,ul{list-style:none}img{max-width:100%}table{border-collapse:collapse}textarea{white-space:revert}
/*# sourceMappingURL=main.f699dfa5.css.map*/