.page{font-family:"Roboto",sans-serif}*{box-sizing:border-box;outline:none;border:none;margin:0;padding:0}.button-google{height:50px;width:100%;border-radius:8px;margin-top:30px;color:#444;font-size:16px;line-height:19px;background-color:#fff;box-shadow:0 4px 20px 0 rgba(0,0,0,.07);cursor:pointer}.button-google img{width:26px;margin-right:10px}.error-icon{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:1.5em}.error-icon .container{display:none;position:absolute;right:-1.5em;background-color:#fff;padding:.6em 1em;border-radius:1em;top:-3em;box-shadow:0 3px 20px rgba(0,0,0,.11)}.error-icon .container .error-message{width:-webkit-max-content;width:-moz-max-content;width:max-content;font-size:.775em;color:#444}.error-icon .container:before{content:"";position:absolute;bottom:-.4em;right:1.5em;width:1em;height:1em;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-clip-path:polygon(0 100%,100% 0,100% 100%);clip-path:polygon(0 100%,100% 0,100% 100%);background-color:#fff}.error-icon .icon{width:17px;height:17px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;background-color:#ff2f48;cursor:pointer}.error-icon .icon:hover+.container{display:block}.error{border:1px solid #ff2f48}.error::-webkit-input-placeholder{color:#ff93a0}.error:-ms-input-placeholder{color:#ff93a0}.error::-ms-input-placeholder{color:#ff93a0}.error::placeholder{color:#ff93a0}.submit-button{height:42px;border-radius:21px;background-color:#00c67b;box-shadow:0 6px 10px -5px rgba(0,198,123,.35);padding:0 1.75em;color:#fff;font-size:1em;cursor:pointer}.submit-btn{width:100%}.button{height:42px;border-radius:21px;background-color:#00c67b;box-shadow:0 6px 10px -5px rgba(0,198,123,.35);padding:0 1.75em;color:#fff;font-size:1em;cursor:pointer}.title{color:#444;font-size:1.25em;font-weight:700}.info{color:#444;font-size:.75em;line-height:.875em}.info a{color:inherit;text-decoration:none}.info-link{text-align:center;margin-top:1em}.info-link a{text-decoration:underline}.seperator{position:relative;width:100%;border-top:1px solid rgba(68,68,68,.1)}.account .input-background-wrapper,.account__content,.account__content .workspaces .add-workspace,.account__content .workspaces .workspace .tools li,.account__content .workspaces__search,.account__nav .logout,.account__nav .user,.button-google,.error-icon .icon,.login,.registration .step-window .styles-configuration__icons{display:flex;align-items:center;justify-content:center}.account__content .workspaces .workspace,.account__nav,.registration .step-window .styles-configuration__themes{display:flex;align-items:center;justify-content:space-between}.registration{display:flex}.registration .bar{background-image:linear-gradient(13.08deg,#600bfb,#6b54fb);padding:30px;height:100vh}.registration .bar .logo{text-align:center}.registration .bar .seperator{border-top:1px solid hsla(0,0%,100%,.15);margin:1.875em 0;width:190px}.registration .bar .registration-steps__list{list-style:none}.registration .bar .registration-steps__item{margin-bottom:2.25em}.registration .bar .registration-steps__item a{font-size:1em;color:#fff;text-decoration:none;display:flex;align-items:center;cursor:default}.registration .bar .registration-steps__item a .checkbox{width:1.125em;height:1.125em;border:1px solid #fff;border-radius:50%;display:inline-block;position:relative;margin-right:.6em}.registration .bar .registration-steps .disabled{pointer-events:none}.registration .bar .registration-steps .active a{font-weight:700;cursor:pointer}.registration .bar .registration-steps .active a .checkbox:after{content:"";position:absolute;left:.3em;top:.15em;width:.25em;height:.5em;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.registration .bar .registration-steps .checked a .checkbox{border:1px solid #00c67b;background-color:#00c67b}.registration .step-window{display:flex;justify-content:center;align-items:center;flex:1 1}.registration .step-window .account-info{width:540px;text-align:center}.registration .step-window .account-info__icon{margin-bottom:45px}.registration .step-window .account-info .wrapper{position:relative}.registration .step-window .account-info__input{display:block;margin:36px 0;padding:15px;height:60px;width:100%;background-color:#f7f7fa;border-radius:8px;color:#444;font-size:1.5em;text-align:center}.registration .step-window .account-info .start-button{min-width:150px}.registration .step-window .styles-configuration{text-align:center}.registration .step-window .styles-configuration__icons{margin-top:28px;margin-bottom:50px}.registration .step-window .styles-configuration__icons img{cursor:pointer}.registration .step-window .styles-configuration__themes{margin:30px auto}.registration .step-window .styles-configuration__theme{width:66px;height:66px;margin:auto 8px;position:relative;cursor:pointer}.registration .step-window .styles-configuration__theme .theme{width:100%;height:100%;border-radius:50%;border:5px solid #fff;background-image:linear-gradient(45deg,var(--theme-bg-1),var(--theme-bg-2))}.registration .step-window .styles-configuration__theme input{display:none}.registration .step-window .styles-configuration__theme input:checked+.theme:before{content:"";position:absolute;top:-3px;left:-3px;width:66px;height:66px;border:3px solid var(--theme-border);border-radius:50%}.registration .step-window .styles-configuration .create-button{min-width:200px}.registration .step-window .registration-form{width:423px;text-align:center}.registration .step-window .registration-form .seperator{position:relative;width:100%;border-top:1px solid rgba(68,68,68,.1);margin:30px 0}.registration .step-window .registration-form .seperator:before{content:"or";position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:1.5em;background-color:#fff}.registration .step-window .registration-form .input-wrapper{width:100%;height:50px;margin:0 0 10px;display:flex;position:relative}.registration .step-window .registration-form .input-wrapper>.input-wrapper:first-child:before{content:"";position:absolute;top:50%;right:0;height:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-right:1px solid rgba(68,68,68,.25)}.registration .step-window .registration-form__input{flex:1 1;width:100%;height:100%;background-color:#f7f7fa;padding:15px;color:#444;font-size:1em;border-radius:.5em}.registration .step-window .registration-form__input::-webkit-input-placeholder{font-weight:700;color:#a7a7a7}.registration .step-window .registration-form__input:-ms-input-placeholder{font-weight:700;color:#a7a7a7}.registration .step-window .registration-form__input::-ms-input-placeholder{font-weight:700;color:#a7a7a7}.registration .step-window .registration-form__input::placeholder{font-weight:700;color:#a7a7a7}.registration .step-window .registration-form__input[placeholder="First Name"]{border-bottom-right-radius:0;border-top-right-radius:0;border-right:none}.registration .step-window .registration-form__input[placeholder="Last Name"]{border-bottom-left-radius:0;border-top-left-radius:0;border-left:none}.registration .step-window .registration-form__user-form{text-align:left}.registration .step-window .registration-form .info:first-of-type{margin:2.5em 0}.registration .step-window .success{text-align:center}.registration .step-window .success__icon{margin:0 0 10px}.registration .step-window .success__text{margin:30px 0;color:#444}.login{height:100vh;flex:1 1}.login .login-form{width:423px;text-align:center}.login .login-form .seperator{position:relative;width:100%;border-top:1px solid rgba(68,68,68,.1);margin:30px 0}.login .login-form .seperator:before{content:"or";position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;width:1.5em;background-color:#fff}.login .login-form .input-wrapper{width:100%;height:50px;margin:0 0 10px;display:flex;position:relative}.login .login-form .input-wrapper>.input-wrapper:first-child:before{content:"";position:absolute;top:50%;right:0;height:30px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-right:1px solid rgba(68,68,68,.25)}.login .login-form__input{flex:1 1;width:100%;height:100%;background-color:#f7f7fa;padding:15px;color:#444;font-size:1em;border-radius:.5em}.login .login-form__input::-webkit-input-placeholder{font-weight:700;color:#a7a7a7}.login .login-form__input:-ms-input-placeholder{font-weight:700;color:#a7a7a7}.login .login-form__input::-ms-input-placeholder{font-weight:700;color:#a7a7a7}.login .login-form__input::placeholder{font-weight:700;color:#a7a7a7}.account{height:100vh;display:flex;flex-direction:column}.account__nav{padding:1em 1.5em}.account__nav .user__iamge-wrapper{width:3em;height:3em;border-radius:50%;background-color:#9d9d9f}.account__nav .user__info{margin-left:.7em}.account__nav .user__full-name{color:#444;font-size:1.2em}.account__nav .user__email{color:#9d9d9f;font-size:.875em}.account__nav .logout{cursor:pointer;width:100%;height:100%}.account__content{height:-webkit-fill-available}.account__content .workspaces{width:423px}.account__content .workspaces .search-label{width:100%;position:relative;cursor:pointer}.account__content .workspaces .search-label:before{content:"";position:absolute;right:0;width:9px;height:9px;border-radius:50%;border:2px solid #444}.account__content .workspaces .search-label:after{content:"";height:2px;width:6px;border-radius:2px;background:#444;position:absolute;right:0;-webkit-transform:translate(-9px,-3px) rotate(-45deg);transform:translate(-9px,-3px) rotate(-45deg)}.account__content .workspaces__search{width:100%;color:#444;font-size:.75em;line-height:.875em;background-color:#f7f7fa}.account__content .workspaces .workspace{width:100%;position:relative}.account__content .workspaces .workspace .tools{display:none;position:absolute;right:0}.account__content .workspaces .workspace .tools li{width:38px;height:38px;border-radius:50%;background-color:#fff;margin-left:.7em;box-shadow:0 0 15px 0 rgba(0,0,0,.07);cursor:pointer}.account__content .workspaces .workspace .options{z-index:1000;cursor:pointer}.account__content .workspaces .workspace .options div{width:5px;height:5px;border-radius:50%;background-color:#444;margin:2px 1em}.account__content .workspaces .workspace .checkbox{position:relative;display:none}.account__content .workspaces .workspace .checkbox:checked+ul{display:flex}.account__content .workspaces .add-workspace{width:100%;height:100%;color:#444;cursor:pointer}.account .input-background-wrapper{width:100%;height:60px;background-color:#f7f7fa;border-radius:.5em;margin:5px 0;padding:0 .7em;color:#9d9d9f}
/*# sourceMappingURL=main.02f5fe3d.chunk.css.map */