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}h1,h2,h3{margin-left:30px}.App_content__HiCJQ{align-items:center;display:flex;justify-content:center;margin:auto;max-width:1600px;padding:0 20px}.App_navWrap__h3iz5{align-items:center;display:flex;justify-content:space-between;width:100%}.App_navList__1oBJl{display:flex;gap:20px;list-style:none;margin:0;padding:0}.App_authList__FFGgw{display:flex;gap:20px;list-style:none;@media only screen and (max-width:550px){gap:10px}}.App_navButton__klzYu{color:#000;display:inline-flex;display:block;font-size:24px;font-weight:700;padding:40px 8px;text-decoration:none;&:hover{color:#8455f6;& span{color:#8455f6}}& span{color:#8455f6}@media only screen and (max-width:880px){font-size:20px}@media only screen and (max-width:550px){font-size:15px}}.App_isActive__pSD5-{border-bottom:2px solid #8455f6}.Profile_profileLink__D7vY9{align-items:center;background-color:#8455f6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:14px;justify-content:center;padding:20px;width:14px;&:focus,&:hover{background-color:#6e3ae8}@media (max-width:550px){font-size:16px;padding-bottom:14px;padding-left:14px;padding-right:14px;padding-top:14px}}.Profile_profileContainer__CUA1O{background-color:#fff;border-radius:10px;box-shadow:0 7px 29px 0 #64646f33;padding:20px 12px;position:absolute;right:0;text-align:center;top:14px;width:300px;z-index:10;& h2{border-bottom:.5px solid grey;margin:0;padding-bottom:5px;text-align:center}}.Profile_profileWrap__ZOwIm{position:relative}.Profile_backButton__wp08e{background:inherit;border:none;border-radius:50%;cursor:pointer;font-size:20px;left:0;padding:5px;position:absolute;top:0;&:focus,&:hover{color:#6e3ae8}}.Profile_infoContainer__RQdpb{display:flex;flex-direction:column;gap:10px;padding:15px 10px;& .Profile_infoName__iF8WV{font-size:20px;font-weight:700;margin:0}& .Profile_infoMail__uAGuC{font-size:15px;margin:0}}.Profile_logoutButton__QSAUA{background-color:#d3d3d3;border:none;border-radius:4px;cursor:pointer;padding:5px 10px;&:focus,&:hover{background-color:#fa5b5b;color:#fff}}.HomePage_heroContainer__g2ZS7{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px;@media screen and (max-width:1250px){padding-bottom:60px;padding-left:60px;padding-right:60px;padding-top:60px}@media only screen and (max-width:720px){padding-bottom:40px;padding-left:40px;padding-right:40px;padding-top:40px;padding-top:80px}@media only screen and (max-width:550px){padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.HomePage_heroContent__d-H4T{align-items:center;display:flex;justify-content:center;position:relative;@media screen and (max-width:750px){margin-top:70px}@media only screen and (max-width:500px){flex-direction:column;gap:40px;margin-top:70px}}.HomePage_heroButton__YYjs3{background-color:#8455f6;border-radius:10px;color:#fff;font-size:24px;margin:auto;max-width:300px;padding:20px 30px;text-decoration:none;&:hover{background-color:#6e3ae8}@media only screen and (max-width:880px){font-size:18px;margin-top:40px}}.HomePage_heroImg__Ne\+\+h{left:60%;opacity:1;top:15%;width:400px;z-index:-1}@media only screen and (max-width:1250px){.HomePage_heroImg__Ne\+\+h{width:300px}}@media only screen and (max-width:880px){.HomePage_heroImg__Ne\+\+h{width:250px}}@media only screen and (max-width:720px){.HomePage_heroImg__Ne\+\+h{width:200px}}@media only screen and (max-width:500px){.HomePage_heroImg__Ne\+\+h{width:180px}}.HomePage_heroTitle__\+fgiv{font-size:70px;margin:0;max-width:700px;@media only screen and (max-width:1250px){font-size:60px}@media only screen and (max-width:880px){font-size:50px}@media only screen and (max-width:720px){font-size:40px;text-align:center}@media only screen and (max-width:400px){font-size:30px}}.Filter_filterLabel__\+pnW-{align-items:center;border:none;display:flex;gap:10px;width:50%}.Filter_filterInput__1Cysk{background-color:#f6f6f6;border:none;border-radius:4px;font-size:18px;height:35px;outline:none;padding:4px 8px;width:100%}.Filter_searchButton__hizdL{align-items:center;background-color:#8455f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;gap:10px;height:41px;justify-content:center;padding:10px 16px;&:focus,&:hover{background-color:#6e3ae8}}.SelectedContacts_selectedContainer__yqa-C{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 3px 8px #0000003d;display:flex;flex-direction:column;height:300px;margin-top:60px;padding:30px;position:-webkit-sticky;position:sticky;right:8%;top:30px;width:40%;z-index:20;@media (max-width:1200px){height:400px;right:0}@media (max-width:880px){height:400px;padding-bottom:20px;padding-left:20px;padding-right:20px;padding-top:20px}}.SelectedContacts_profileImg__wbrJJ{align-items:center;background-color:#8455f6;border-radius:50%;color:#fff;display:flex;font-size:26px;height:100px;justify-content:center;width:100px}.SelectedContacts_infoList__s72p\+{display:flex;gap:60px;justify-content:center;list-style:none;margin:20px 0 0;padding:20px;width:100%;@media (max-width:1200px){flex-direction:column;gap:30px}}.SelectedContacts_infoListItem__XR2LN{& p{font-size:20px;font-weight:300;margin:0 0 10px}& span{font-size:25px}}.SelectedContacts_selectedButtonsContainer__2py4J{display:flex;gap:30px;justify-content:center;margin-top:30px;width:100%;& button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:8px 10px;width:33%}@media (max-width:1200px){gap:15px}}.SelectedContacts_deleteButton__OOpYD{background-color:#8455f6;&:hover{background-color:#ca1e1e}}.SelectedContacts_editButton__EFLmR{background-color:#8455f6;&:hover{background-color:#676666}}.SelectedContacts_telLink__fYG5t{background-color:#8455f6;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:8px 10px;text-align:center;text-decoration:none;width:33%;&:hover{background-color:#0ba00b}}.SelectedContacts_svgImg__dcbuu{position:absolute;top:70%;z-index:-10;@media (max-width:950px){top:75%;width:400px}}.AddContactModal_Overlay__A9nem{background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1200}.AddContactModal_Modal__JhT5D{display:flex;height:140px;justify-content:center;margin-top:10%;max-width:80%;position:relative;& .AddContactModal_closeButton__9ImaW{background-color:inherit;border:none;cursor:pointer;position:absolute;right:8px;top:10px;&:focus,&:hover{.AddContactModal_closeIcon__VcFYq{fill:#000}}}}.AddContactModal_confirmContentContainer__AZlcg{background-color:#fff;border-radius:4px;height:200px;margin:0;padding:30px;text-align:center;width:400px;& p{font-size:22px;margin:0;padding:25px 0}& .AddContactModal_buttonsContainer__38x36{align-items:center;display:flex;gap:30px;justify-content:center;padding:30px 0}button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:8px 10px;width:33%}.AddContactModal_confirmButton__UzUIv{background-color:#f82424;&:hover{background-color:#ca1e1e}}.AddContactModal_cancelButton__w3q50{background-color:#828282;&:hover{background-color:#676666}}}.ContactForm_form__dhl\+T{align-items:center;background-color:#fff;border-radius:4px;display:flex;flex-direction:column;gap:20px;height:280px;padding:40px;width:400px;@media (max-width:720px){padding-bottom:40px;padding-left:40px;padding-right:40px;padding-top:40px}}.ContactForm_label__-cVXI{display:flex;flex-direction:column;font-size:20px;font-weight:300;margin-bottom:10px;width:100%}.ContactForm_input__Bl93P{border:1px solid grey;border-radius:8px;font-size:20px;height:30px;margin-top:12px;padding:4px 8px;width:100%}.ContactForm_formButton__TN6Jq{background-color:#8455f6;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:22px 0 0;padding:12px;width:100%;&:hover{background-color:#6e3ae8}}.ContactsList_contactsContainer__zbNly{width:100%}.ContactsList_contactsList__ZQI1L{display:flex;flex-direction:column;gap:22px;justify-content:center;margin:0;padding:0}.ContactsList_listItem__KzRCz{align-items:center;background-color:#f6f6f6;border:none;border-radius:4px;cursor:pointer;display:flex;height:90px;justify-content:space-between;padding:0 20px;&:focus,&:hover{box-shadow:0 3px 8px #0000003d}}.ContactsList_infoWrap__RDgiR{align-items:center;display:flex;justify-content:flex-start;width:100%}.ContactsList_details__4rsXM{display:flex;flex-direction:column;gap:10px;justify-content:center;margin-left:10%}.ContactsList_profileWrap__x-8pT{align-items:center;background-color:inherit;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px;& svg{fill:#000}}.ContactsList_userName__yImvO{font-size:24px;font-weight:600;margin:0;padding:0;@media (max-width:1200px){font-size:18px}}.ContactsList_userName__yImvO,.ContactsList_userNumber__8zmjn{align-items:center;display:flex;font-style:normal;gap:16px;line-height:normal}.ContactsList_userNumber__8zmjn{font-size:14px;font-weight:400;& svg{width:20px}@media (max-width:1200px){font-size:12px}}.ContactsList_contactsButton__VdMSp{align-items:center;background-color:inherit;border:none;border-radius:5px;cursor:pointer;display:inline-flex;font-size:12px;padding:5px 10px;&:hover{svg{fill:#ff4a4a}}}.ContactsList_active__TeFaR{fill:#fff;background-color:#8455f6;border:none;box-shadow:none;color:#fff;outline:none;svg{fill:#fff}}.ContactsPage_contacts__m3nnh{padding:0 6% 40px;width:100%;@media (max-width:1200px){padding-bottom:40px;padding-left:2%;padding-right:2%;padding-top:0}}.ContactsPage_header__HNG06{align-items:center;border-top:.5px solid grey;padding:50px 0 20px}.ContactsPage_contactsMainPage__HkOMd,.ContactsPage_header__HNG06{display:flex;justify-content:space-between}.ContactsPage_contactsListContainer__u6vrO{width:50%}.ContactsPage_loader__H4WSR{height:50px;margin-left:40px;width:50px}.ContactsPage_addButton__0LLw4{align-items:center;background-color:#8455f6;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px 16px;&:focus,&:hover{background-color:#6e3ae8}& span{display:block;margin-right:4px;margin-top:-3px}}.ContactsPage_title__P3MkR{color:#8455f6}.LoginPage_loginFormWrap__x5kqb{background-color:#fff;border-radius:20px;box-shadow:0 30px 50px 0 #0003;margin:60px auto;padding:20px 0 0;text-align:center}.LoginPage_loginForm__fRcAC{padding:0 60px;@media (max-width:720px){padding-bottom:0;padding-left:40px;padding-right:40px;padding-top:0}@media (max-width:520px){padding-bottom:0;padding-left:20px;padding-right:20px;padding-top:0}& input{border-radius:4px;box-sizing:border-box;display:block;height:60px;line-height:60px;margin-top:10px;outline:none;width:100%}input[type=email],input[type=password],input[type=text]{-webkit-appearance:none;appearance:none;background:none;border:1px solid #c2c0ca;color:#8a8b8e;display:inline-block;font-size:16px;font-style:normal;padding:0 0 0 10px;position:relative;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:#3ca9e2}input[type=email]:focus:invalid,input[type=password]:focus:invalid,input[type=text]:focus:invalid{border-color:#cc1e2b;color:#cc1e2b}input[type=email]:valid~.LoginPage_validation__W8Mln,input[type=password]:valid~.LoginPage_validation__W8Mln,input[type=text]:valid~.LoginPage_validation__W8Mln{border-color:#0c0;display:block}input[type=email]:valid~.LoginPage_validation__W8Mln span,input[type=password]:valid~.LoginPage_validation__W8Mln span,input[type=text]:valid~.LoginPage_validation__W8Mln span{background:#0c0;border-radius:6px;position:absolute}input[type=email]:valid~.LoginPage_validation__W8Mln span:first-child,input[type=password]:valid~.LoginPage_validation__W8Mln span:first-child,input[type=text]:valid~.LoginPage_validation__W8Mln span:first-child{height:3px;left:14px;top:30px;transform:rotate(-45deg);width:20px}input[type=email]:valid~.LoginPage_validation__W8Mln span:last-child,input[type=password]:valid~.LoginPage_validation__W8Mln span:last-child,input[type=text]:valid~.LoginPage_validation__W8Mln span:last-child{height:3px;left:8px;top:35px;transform:rotate(45deg);width:11px}}.LoginPage_memberWrap__xdjHo{background-color:#eeedf1;border-radius:0 0 20px 20px;color:#8a8b8e;font-size:14px;padding:10px 0;width:100%}.LoginPage_loginButton__fCd1t{background-color:#8455f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:lighter;margin-bottom:20px;margin-top:20px;padding:12px 20px;text-decoration:none;&:hover{background-color:#6e3ae8}}
/*# sourceMappingURL=main.eccde7a5.css.map*/