@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap);blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}ul{list-style:none}button,input,select,textarea{margin:0}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}td:not([align]),th:not([align]){text-align:left}body,html{width:100%}button{border:none;background-color:transparent;padding:0;cursor:pointer}a{text-decoration:none;color:currentColor}button:focus{outline:none}#root{align-items:flex-start;display:flex;flex-direction:column;min-width:360px;min-height:100vh;width:100%}:root{--fs-ss:12px;--fs-s:16px;--fs-sl:22px;--fs-l:30px;--fs-m:40px;--fs-x:52px;--ff-open-sans:"Open Sans",Helvetica,sans-serif;--primary-black:#222831;--primary-gray:#686d76;--tiny-gray:#fdfdfd;--dark-cyan:#19a2ae;--white:#fff;--danger:#ec5858;--box-shadow:0 10px 40px -10px rgba(0,64,128,0.2);--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700}.form-wrapper,.form-wrapper .form,.form-wrapper button{align-items:center;display:flex}.form-wrapper{flex-direction:column;font-family:var(--ff-open-sans);padding:16px 0;box-shadow:var(--box-shadow);width:100%;z-index:20;position:fixed;top:0;left:0;background-color:var(--white)}.form-wrapper h1{font-size:var(--fs-sl);color:var(--primary-black);font-weight:var(--fw-bold);margin-bottom:18px}.form-wrapper .form{justify-content:center;align-items:stretch;width:90%;max-width:640px}.form-wrapper input,.form-wrapper label{width:100%}.form-wrapper input{font-family:var(--ff-open-sans);color:var(--primary-black);font-size:var(--fs-s);border:2px solid var(--primary-gray);border-right:none;padding:12px;border-radius:6px 0 0 6px}.form-wrapper input:focus{outline:none}.form-wrapper button{justify-content:center;padding:8px 20px;background-color:var(--primary-black);border-radius:0 6px 6px 0}.form-wrapper button svg{height:20px;width:20px;fill:var(--white)}.form-wrapper button:disabled,.form-wrapper input:disabled{cursor:not-allowed;opacity:.7}.form-wrapper .form.invalid input{border-color:var(--danger);color:var(--danger)}.form-wrapper .form.invalid input::-webkit-input-placeholder{color:var(--danger)}.form-wrapper .form.invalid input:-ms-input-placeholder{color:var(--danger)}.form-wrapper .form.invalid input::-ms-input-placeholder{color:var(--danger)}.form-wrapper .form.invalid input::placeholder{color:var(--danger)}.users-list{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--dark-cyan);min-height:calc(100vh - 130px);padding:30px 0;margin-top:130px}.users-list .user__link{display:flex;align-items:center;justify-content:space-between;background-color:var(--white);box-shadow:var(--box-shadow);width:90%;max-width:640px;border-radius:6px;padding:12px;transition:all .3s}.users-list .user__link:hover{transform:scale(1.01)}.users-list .user__link:not(:last-child){margin-bottom:30px}.users-list .user__name{font-size:var(--fs-s);font-weight:var(--fw-semibold);color:var(--primary-black)}.users-list .user__id{font-size:calc(var(--fs-ss)*0.9);font-weight:var(--fw-semibold);color:var(--primary-gray)}.users-list .user__service svg{width:24px;height:24px}.user-details{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;font-family:var(--ff-open-sans);position:relative;background-color:var(--dark-cyan)}.user-details .back-button{align-self:flex-start;top:26px;left:26px;font-size:var(--fs-sl);font-family:var(--ff-open-sans);color:var(--primary-black);padding:7px 14px;background-color:var(--tiny-gray);position:absolute;box-shadow:var(--box-shadow);border-radius:3px;transition:all .3s}.user-details .back-button:active{transform:scale(.97)}.user-details .back-button:hover{transform:scale(1.03)}.user-card{background-color:var(--white);width:auto;border-radius:12px;min-width:360px;box-shadow:var(--box-shadow)}.user-card .card__header{height:160px;width:100%;background-color:var(--white);position:relative;border-radius:12px 12px 0 0;background-image:url(/static/media/bg-pattern-card.b61daebd.svg);background-size:cover}.user-card .card__header .profile-img{display:flex;align-items:center;justify-content:center;position:absolute;width:140px;background-color:var(--white);border-radius:50%;height:140px;top:100%;left:50%;padding:6px;transform:translate(-50%,-50%);box-shadow:var(--box-shadow)}.user-card .card__header img{width:100%;height:100%;border-radius:50%;background-color:var(--white);object-fit:cover}.user-card .card__info{display:flex;flex-direction:column;align-items:center;padding:60px 20px 20px;margin-top:30px}.user-card .user__name{display:flex;align-items:center;font-size:var(--fs-sl);color:var(--primary-black);font-weight:var(--fw-semibold);margin-bottom:6px}.user-card .user__id{font-size:calc(var(--fs-ss)*0.9);font-weight:var(--fw-bold);color:var(--primary-gray);margin:3px 3px 0}.user-card .user__username{font-size:var(--fs-s);color:var(--dark-cyan);font-weight:var(--fw-semibold)}.user-card .user__profile-link{display:flex;font-size:var(--fs-ss);align-items:center;font-weight:var(--fw-semibold);text-transform:capitalize;justify-content:flex-end;width:100%;margin-top:16px}.user-card .user__followers{font-size:var(--fs-ss);color:var(--primary-gray);font-weight:var(--fw-bold);margin-top:6px}.user-card .user__profile-link svg{width:20px;height:20px;margin-left:6px}.user-card .sk-fading-circle{margin:auto;width:40px;height:40px;position:relative}.user-card .sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.user-card .sk-fading-circle .sk-circle:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:var(--dark-cyan);border-radius:100%;-webkit-animation:sk-circleFadeDelay 1.2s ease-in-out infinite both;animation:sk-circleFadeDelay 1.2s ease-in-out infinite both}.user-card .sk-fading-circle .sk-circle2{transform:rotate(30deg)}.user-card .sk-fading-circle .sk-circle3{transform:rotate(60deg)}.user-card .sk-fading-circle .sk-circle4{transform:rotate(90deg)}.user-card .sk-fading-circle .sk-circle5{transform:rotate(120deg)}.user-card .sk-fading-circle .sk-circle6{transform:rotate(150deg)}.user-card .sk-fading-circle .sk-circle7{transform:rotate(180deg)}.user-card .sk-fading-circle .sk-circle8{transform:rotate(210deg)}.user-card .sk-fading-circle .sk-circle9{transform:rotate(240deg)}.user-card .sk-fading-circle .sk-circle10{transform:rotate(270deg)}.user-card .sk-fading-circle .sk-circle11{transform:rotate(300deg)}.user-card .sk-fading-circle .sk-circle12{transform:rotate(330deg)}.user-card .sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.user-card .sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.user-card .sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.user-card .sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.user-card .sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.user-card .sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.user-card .sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.user-card .sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.user-card .sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.user-card .sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.user-card .sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,39%,to{opacity:0}40%{opacity:1}}.loading-spinner{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.loading-spinner .sk-chase{width:40px;height:40px;position:relative;-webkit-animation:sk-chase 2.5s linear infinite both;animation:sk-chase 2.5s linear infinite both}.loading-spinner .sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:sk-chase-dot 2s ease-in-out infinite both;animation:sk-chase-dot 2s ease-in-out infinite both}.loading-spinner .sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;-webkit-animation:sk-chase-dot-before 2s ease-in-out infinite both;animation:sk-chase-dot-before 2s ease-in-out infinite both}.loading-spinner .sk-chase-dot:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading-spinner .sk-chase-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.loading-spinner .sk-chase-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading-spinner .sk-chase-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading-spinner .sk-chase-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}.loading-spinner .sk-chase-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.loading-spinner .sk-chase-dot:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.loading-spinner .sk-chase-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s}.loading-spinner .sk-chase-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.loading-spinner .sk-chase-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.loading-spinner .sk-chase-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.loading-spinner .sk-chase-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes sk-chase{to{transform:rotate(1turn)}}@keyframes sk-chase{to{transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes sk-chase-dot{80%,to{transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}.error-message{display:flex;align-items:center;flex-direction:column;font-size:var(--fs-sl);color:var(--tiny-gray);font-family:var(--ff-open-sans);text-align:center;width:90%}.error-message h2{max-width:640px;text-align:center}.error-message svg{width:120px;fill:var(--tiny-gray);height:120px;margin-bottom:-10px}
/*# sourceMappingURL=main.068dae38.chunk.css.map */