body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,body,html{height:100%;margin:0 auto;min-height:100vh;min-width:100vw;overflow:hidden;width:100%}#root{--brand-blue:#2b6bf3}.App,.app-container{animation:fadeIn 1s;flex-direction:row;font-family:Source Sans Pro,sans-serif;height:100%!important;width:100%!important}.App,.app-container,.step-container{align-items:center;display:flex;justify-content:center}.step-container{height:100%;width:50%!important}@media screen and (max-width:1024px){.step-container{width:80%!important}}@media screen and (max-width:768px){.step-container{width:100%!important}.app-container{flex-direction:column;overflow-x:hidden!important;overflow-y:auto!important}}@media screen and (max-width:425px){.step-container{margin-top:32px;padding-left:32px;padding-right:32px;width:90%!important}.app-container{flex-direction:column;overflow-x:hidden!important;overflow-y:auto!important}}.image-container{height:100%;position:relative;width:50%!important}.image-container .image{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.image-container .image.next-image{align-items:center;display:flex;justify-content:center;opacity:0}.fade-in{animation:fadeIn 1s forwards}@media screen and (max-width:768px){.image-container{display:none!important}}.welcome-step.step-component-container{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;max-width:500px}.welcome-step.step-component-container .logo-image{margin-bottom:22px;-webkit-user-select:none;user-select:none}.welcome-step.step-component-container .logo-image img{height:32px;width:100px}.welcome-step.step-component-container .welcome-user-text{font-size:26px;font-weight:600;letter-spacing:0;line-height:48px;text-align:left}.welcome-step.step-component-container .welcome-intro-text{font-family:Source Sans Pro;font-size:26px;font-weight:900;letter-spacing:0;line-height:48px;margin-bottom:32px;text-align:left}.fade-in-250{animation:fadeIn__250 3s linear}.fade-in-250-500{animation:fadeIn__250-500 3s linear}.fade-in-500-750{animation:fadeIn__500-750 3s linear}@keyframes fadeIn__250{0%{opacity:0}10%{opacity:1}}@keyframes fadeIn__250-500{0%{opacity:0}40%{opacity:0}70%{opacity:1}}@keyframes fadeIn__500-750{0%{opacity:0}85%{opacity:0}to{opacity:1}}.step-progress-container{background-color:#fff;height:8px;left:0;position:absolute;top:0;width:50%}.step-progress-container .progress-bar{background-color:var(--brand-blue);border-bottom-right-radius:4px;border-top-right-radius:4px;height:100%;transition:width 1s ease-in-out;width:5%}.pulse{animation:pulse .5s linear}.shrink{animation:shrink 1.5s forwards}@media screen and (max-width:768px){.step-progress-container{width:100%!important}}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(43,106,243,.514)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 0 0 #0000}}@keyframes shrink{0%{height:8px}80%{height:8px}to{height:0}}.who-is-using-step{transition:fade-in 1s linear}.who-is-using-step .logo-image{margin-bottom:22px;-webkit-user-select:none;user-select:none}.who-is-using-step .logo-image img{height:32px;width:100px}.who-is-using-step .who-is-using-step-title{font-size:26px;font-weight:600;letter-spacing:0;line-height:48px;margin-bottom:18px;text-align:left}.who-is-using-step .who-is-using-step-buttons{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-top:12px}.who-is-using-step .who-is-using-step-buttons button{margin-right:12px;margin-top:18px}.image-checkbox-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.image-checkbox-container .image-checkbox-item{align-items:center;border:1px solid rgba(43,107,243,.102);border-radius:8px;display:flex;flex-direction:column;height:158px;justify-content:space-around;margin-right:10px;margin-top:10px;padding:12px;position:relative;transition-duration:.25s;width:136px}.image-checkbox-container .image-checkbox-item:first-child{margin-left:0}.image-checkbox-container .image-checkbox-item:hover{background-color:rgba(43,106,243,.016);cursor:pointer}.image-checkbox-container .image-checkbox-item.selected,.image-checkbox-container .image-checkbox-item:hover{border:1px solid var(--brand-blue);transition-duration:.25s}.image-checkbox-container .image-checkbox-item .check-icon-container{align-items:flex-end;display:flex;height:-webkit-max-content;height:max-content;justify-content:flex-end;position:absolute;right:5%;top:5%;width:100%}.image-checkbox-container .image-checkbox-item .check-icon-container .image-checkbox-check-icon{transition-duration:.25s}.image-checkbox-container .image-checkbox-item .check-icon-container .image-checkbox-check-icon.checked{opacity:1}.image-checkbox-container .image-checkbox-item .check-icon-container .image-checkbox-check-icon.unchecked{opacity:0}.image-checkbox-container .image-checkbox-item .image-checkbox-image{align-self:center!important;height:100px;width:100px}.image-checkbox-container .image-checkbox-item .image-checkbox-label{font-size:16px;font-weight:600;letter-spacing:0;line-height:24px;margin-bottom:6px;margin-top:6px;text-align:center}.image-checkbox-container.small .image-checkbox-item{height:120px;padding:8px;width:100px}.image-checkbox-container.small .image-checkbox-item .image-checkbox-image{height:70px;width:70px}.image-checkbox-container.small .image-checkbox-item .image-checkbox-label{font-size:14px;line-height:20px}@media screen and (max-width:425px){.image-checkbox-container .image-checkbox-item{height:120px;padding:8px;width:100px}.image-checkbox-container .image-checkbox-item .image-checkbox-image{height:70px;width:70px}.image-checkbox-container .image-checkbox-item .image-checkbox-label{font-size:14px;line-height:20px}.image-checkbox-container.small .image-checkbox-item{height:100px!important;width:80px!important}.image-checkbox-container.small .image-checkbox-item .image-checkbox-image{height:50px;width:50px}}.team-intro-step{transition:fade-in 1s linear}.team-intro-step .logo-image{margin-bottom:22px;-webkit-user-select:none;user-select:none}.team-intro-step .logo-image img{height:32px;width:100px}.team-intro-step .team-intro-step-title{font-size:26px;font-weight:600;letter-spacing:0;line-height:48px;margin-bottom:18px;text-align:left}.team-intro-step .team-intro-step-input{max-width:350px}.team-intro-step .drui-inputLabel,.team-intro-step .size-title{color:#969ba5!important;font-size:14px;font-weight:600;margin-top:12px}.team-intro-step .team-intro-company-size{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin-top:12px}.team-intro-step .team-intro-company-size button{margin-right:10px}.team-intro-step .team-intro-step-buttons{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-top:12px}.team-intro-step .team-intro-step-buttons button{margin-right:12px;margin-top:18px}@media screen and (max-width:425px){.team-intro-step{width:90%!important}.team-intro-step .team-intro-company-size button{margin-top:6px}}.usage-step{max-width:550px;transition:fade-in 1s linear}.usage-step .logo-image{margin-bottom:22px;-webkit-user-select:none;user-select:none}.usage-step .logo-image img{height:32px;width:100px}.usage-step .usage-step-title{font-size:26px;font-weight:600;letter-spacing:0;line-height:48px;margin-bottom:18px;text-align:left}.usage-step .usage-step-buttons{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;margin-top:12px}.usage-step .usage-step-buttons button{margin-right:12px;margin-top:18px}.fade-in{animation:fadeIn 1s}.fade-out{animation:fadeOut 1s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app-downloads-container{height:100%;position:relative;width:50%!important}.app-downloads-container,.app-downloads-container .downloads-list{align-items:center;display:flex;flex-direction:column;justify-content:center}.app-downloads-container .downloads-list .download-option{align-items:center;background-color:#f8f9fc;border:1px solid rgba(43,106,243,.075);border-radius:4px;display:flex;height:48px;justify-content:space-between;margin-bottom:18px;padding:12px;width:448px}.app-downloads-container .downloads-list .download-option .left-aligned{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:8px}.app-downloads-container .downloads-list .download-option .right-aligned{margin-right:8px}.app-downloads-container .downloads-list .download-option img{height:40px;margin-right:16px;width:40px}.app-downloads-container .downloads-list .download-option .download-text{display:flex;flex-direction:column;font-size:14px}.app-downloads-container .downloads-list .download-option .download-text span{font-size:16px;font-weight:600}.app-downloads-container .downloads-list .download-option .download-button{min-width:85px}.app-downloads-container .downloads-list .download-option .download-click{font-size:14px;font-weight:600}.app-downloads-container .skip-for-now{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.app-downloads-container .skip-for-now .also-available{color:#2c2f36;font-size:14px;font-weight:400;margin-bottom:18px}.app-downloads-container .skip-for-now .skip-text{color:#000;font-size:14px;font-weight:600;text-decoration:underline}.app-downloads-container .skip-for-now .skip-text:hover{cursor:pointer}.late-fade-in{animation:late-fade-in 3s forwards}@media screen and (max-width:1024px){.app-downloads-container .download-option{width:350px!important}}@media screen and (max-width:768px){.app-downloads-container{text-align:center;width:320px}.app-downloads-container .download-option{width:300px!important}}@media screen and (max-width:320px){.app-downloads-container{text-align:center;width:280px}.app-downloads-container .download-option{width:260px!important}}.finish-step{max-width:500px}.finish-step .logo-image{margin-bottom:22px;-webkit-user-select:none;user-select:none}.finish-step .logo-image img{height:32px;width:100px}.finish-step .finish-text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.finish-step .finish-text .title{font-size:24px;font-weight:600;margin-bottom:16px}.finish-step .finish-text .subtitle{color:var(--brand-blue);font-size:32px;font-weight:900;margin-bottom:16px}.finish-step .finish-text .subtitle .subtitle-blue{color:#000;font-weight:700}.finish-step .finish-text .about-droplr{font-size:14px;font-weight:400;line-height:22px}.fast-fade-in{animation:fast-fade-in 1s forwards}.slow-fade-in{animation:late-fade-in 2s forwards}.slower-fade-in{animation:late-fade-in 3s forwards}.slowest-fade-in{animation:late-fade-in 4.5s forwards}@media screen and (max-width:768px){.finish-step{margin-top:36px;padding:36px}}@media screen and (max-width:320px){.finish-step{margin-top:188px;padding:36px}}@keyframes fast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes late-fade-in{0%{opacity:0}80%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=main.5e4ee0e2.css.map*/