@import url(https://fonts.googleapis.com/css2?family=Nunito&display=swap);:root{--color-white:#fff;--color-grey:#f8f8f8;--color-text:rgba(0,0,0,.87);--color-btn:#f4e041;--color-btn-hover:#ffe302;--color-input-border:#d0cfcf;--color-input-radio:#00bdd3}*{-webkit-appearance:none;-moz-appearance:none;border:none;box-sizing:border-box;font-family:inherit;font-style:normal;margin:0;outline:none;padding:0;word-break:break-word}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Nunito,sans-serif}p{line-height:26px}main{background-color:var(--color-grey)}.container{margin:0 auto;max-width:1170px;padding:0;width:100%}h3{color:rgba(0,0,0,.87);font-size:40px;font-weight:400;line-height:40px;text-align:center}.btn{align-items:center;border-radius:20px;color:var(--color-text);display:flex;font-size:16px;height:34px;justify-content:center;line-height:26px;padding:0 18px;text-decoration:none;width:100px}.btn-outline{background-color:var(--color-btn);transition:all .3s ease-in}.btn-outline:hover{background-color:var(--color-btn-hover)}@media screen and (max-width:1280px){.container{padding:0 60px}}@media screen and (max-width:768px){.container{padding:0 32px}}@media screen and (max-width:560px){.container{padding:0 16px}}header{background-color:var(--color-white)}.header-wrap{padding-bottom:13px;padding-top:13px}.btn-wrap,.header-wrap{display:flex;flex-direction:row;justify-content:space-between}.btn-wrap{width:210px}.main-wrap{align-items:center;background-image:url(/static/media/pexels-alexandr-podvalny-1227513.be7665f876bbd9138501.b9fa98b71874f013cc4c.webp);background-position:bottom;background-repeat:no-repeat;background-size:150%;display:flex;flex-direction:column;justify-content:center;min-height:650px;position:relative}.main-wrap:after{background-color:rgba(0,0,0,.5);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}.text-wrap{text-align:center;width:380px;z-index:2}.text-wrap h1,.text-wrap h3{color:var(--color-white);font-weight:400}.text-wrap h1{font-size:40px;line-height:40px}.text-wrap h3{font-size:16px;line-height:26px;margin-top:21px}.text-wrap .btn-wrap{justify-content:center;margin:32px auto 0}@media screen and (max-width:768px){.main-wrap{min-height:500px}}@media screen and (max-width:560px){.main-wrap{background-size:cover}.text-wrap{width:328px}.text-wrap .btn-wrap{margin:32px auto 31px}}#users{padding-top:140px}.users-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px 0 24px}.loading{animation:rot 1s linear 0s infinite normal none running;-webkit-animation:rot 1s linear 0s infinite normal none running;margin:20px auto 50px}@keyframes rot{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes rot{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.user-wrap{align-items:center;background-color:var(--color-white);border-radius:10px;display:flex;flex-basis:31%;flex-direction:column;height:254px;justify-content:space-between;margin-bottom:29px;padding:20px;text-align:center}.user-img{border-radius:80px;height:70px;object-fit:cover;width:70px}.user-wrap p{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#users .btn{margin:0 auto;width:120px}@media screen and (max-width:768px){.users-wrap{padding:50px 0 36px}.user-wrap{flex-basis:49%;margin-bottom:16px}}@media screen and (max-width:560px){.users-wrap{padding:50px 0 36px}.user-wrap{flex-basis:100%;margin-bottom:20px}}#userForm{padding:140px 0 100px}form.user-form{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:50px;position:relative}fieldset{margin-bottom:50px;position:relative;width:380px}.phone-wrap{margin-bottom:26px}form.user-form input:not(input[type=radio]):not(input[type=submit]){background-color:var(--color-grey);border:1px solid var(--color-input-border);border-radius:4px;line-height:24px;padding:14px 16px;width:380px}label{font-size:16px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.error-message,label{color:#7e7e7e;font-weight:400}.error-message{font-size:12px;line-height:17px;padding:0 0 0 16px}fieldset.warn>.error-message,fieldset.warn>input,fieldset.warn>label{transition:all .3s ease-in}fieldset.warn>.error-message,fieldset.warn>label{color:#cb3d40}fieldset.warn>input{border-color:#cb3d40!important}.email,.name,.phone{background:var(--color-grey);border-radius:5px;left:10px;padding:2px 4px;position:absolute;top:13px;transition:all .3s ease}input[type=email].active~.email,input[type=email]:active~.email,input[type=email]:focus~.email,input[type=tel].active~.phone,input[type=tel]:active~.phone,input[type=tel]:focus~.phone,input[type=text].active~.name,input[type=text]:active~.name,input[type=text]:focus~.name{font-size:12px;top:-13px}.fieldset-select{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:40px}.fieldset-select label:first-child{margin-bottom:15px}.fieldset-select label{color:var(--color-text);display:flex;font-size:16px;font-weight:400;margin-bottom:11px}input[type=radio]{-webkit-appearance:none;padding-top:1px;position:relative}input[type=radio]:before{border:1px solid var(--color-input-border);border-radius:20px;content:"";display:block;height:18px;margin-right:12px;width:18px}input[type=radio]:after{background-color:var(--color-input-radio);border:1px solid var(--color-input-radio);border-radius:20px;content:"";display:block;height:8px;left:5px;opacity:0;position:absolute;top:6px;transition:opacity .3s ease-in;width:8px}input[type=radio]:checked:before{border-color:var(--color-input-radio)}input[type=radio]:checked:after{opacity:1}.file-uploader-wrap{display:flex;flex-direction:column}#fileUploader{opacity:0;position:absolute;z-index:-1}#fileUploader:valid~label{color:var(--color-text)}.file-uploader{background-color:var(--color-grey);border:1px solid var(--color-input-border);border-radius:4px;padding:14px 0;width:380px}.file-uploader .uploader-btn{border:1px solid var(--color-text);border-radius:4px 0 0 4px;color:var(--color-text);margin-right:16px;padding:14px}.btn:disabled{background:#b4b4b4}@media screen and (max-width:768px){.error-message{padding:1px 0 0 16px}}@media screen and (max-width:560px){form.user-form{padding-top:48px}.file-uploader,fieldset,form.user-form input:not(input[type=radio]):not(input[type=submit]){width:328px}}#newUser{display:flex;flex-direction:column;height:100vh;justify-content:space-around;text-align:center}#newUser img{margin-top:50px}
/*# sourceMappingURL=main.32526286.css.map*/