/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */body.AuthBlock_hidden__YuN7S{overflow:hidden}.AuthBlock_login__ktB0E{display:flex;justify-content:center}.AuthBlock_container__HW4wp{margin-left:auto;margin-right:auto;padding:170px 15px 0;width:100%}@media screen and (min-width:768px){.AuthBlock_container__HW4wp{margin-left:0;min-width:320px}}.AuthBlock_title__q1P12{font-size:24px}.AuthBlock_text__RcN-4{color:#171717;font-size:14px}.AuthBlock_rightSide__7KOLJ{display:none}@media screen and (min-width:768px){.AuthBlock_rightSide__7KOLJ{background-image:url(/Phonebook/static/media/background.b00551eaf30596993a56.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;opacity:.95;width:100%}}.Button_button__JBBzO,.Button_redButton__Ln1mb{align-items:center;background-color:initial;border:1px solid #000;border-radius:5px;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-weight:500;height:40px;justify-content:center;line-height:1.75;min-width:100px;padding:5px 15px;transition-duration:.25s;transition-property:color,box-shadow,border-color}.Button_button__JBBzO:focus,.Button_button__JBBzO:hover,.Button_redButton__Ln1mb:focus,.Button_redButton__Ln1mb:hover{border-color:686868;box-shadow:0 5px 15px 0 rgba(0,0,0,.2);color:#686868}.Button_button__JBBzO:hover,.Button_redButton__Ln1mb:hover{border-color:686868;color:#686868}.Button_redButton__Ln1mb{background-color:initial;border:1px solid red;color:red}.Button_redButton__Ln1mb:hover{border-color:#870505;color:#870505}.CircularProgress_circleIndent__3O2KR{margin-left:5px}body.AuthForm_hidden__AkuNp{overflow:hidden}.AuthForm_form__63x-y{display:flex;flex-direction:column;gap:40px;margin:60px 0}body.AuthFormLabel_hidden__CwuOd{overflow:hidden}.AuthFormLabel_loginLabel__XIXyx{color:red;font-size:12px}.AuthFormLabel_labelName__aB8wW{color:#171717;font-size:12px}.AuthFormLabel_input__wqGvg{background-color:initial;border-style:none;border-bottom:.5px solid #000;font-size:18px;height:30px;width:100%}.AuthFormLabel_input__wqGvg:-internal-autofill-selected{background-color:initial}body.WelcomePage_hidden__SWVLw{overflow:hidden}.WelcomePage_wrapper__kGnRs{display:flex;flex-direction:column;margin:100px 50px 50px}@media screen and (min-width:768px){.WelcomePage_wrapper__kGnRs{flex-direction:row;margin-top:200px}}.WelcomePage_iconWrapper__myr82{align-content:center;align-items:center;display:flex;justify-content:center;margin:0 auto;width:120px}@media screen and (min-width:400px){.WelcomePage_iconWrapper__myr82{width:300px}}.WelcomePage_textWrapper__GnJeu{margin-top:50px}@media screen and (min-width:768px){.WelcomePage_textWrapper__GnJeu{display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;margin-top:0}}.WelcomePage_paragraph__ywlXO,.WelcomePage_title__qL3ev{text-align:center}.WelcomePage_loginButtonWrapper__PFN3n{display:flex;justify-content:center;margin-top:15px}body.ContactAddForm_hidden__RumEy{overflow:hidden}.ContactAddForm_openButton__2u\+pt{background-color:#9acd32;border:none;border-radius:50%;cursor:pointer;height:40px;left:80%;padding:10px;position:fixed;top:90%;transition-duration:.25s;transition-property:background-color,box-shadow;width:40px}.ContactAddForm_openButton__2u\+pt:focus,.ContactAddForm_openButton__2u\+pt:hover{background-color:#85c343;box-shadow:0 5px 15px 0 rgba(0,0,0,.2)}.ContactAddForm_openButton__2u\+pt:focus svg,.ContactAddForm_openButton__2u\+pt:hover svg{fill:#f5f5f5;transition-duration:.25s;transition-property:fill}.ContactAddForm_openButton__2u\+pt svg{height:20px;width:20px}@media screen and (min-width:768px){.ContactAddForm_openButton__2u\+pt{height:60px;left:88%;width:60px}.ContactAddForm_openButton__2u\+pt svg{height:30px;width:30px}}body.ContactForm_hidden__Wgtsn{overflow:hidden}.ContactForm_title__sH\+Lb{font-size:24px;text-align:center}.ContactForm_form__RN-jP{margin:auto 0}body.ContactFormLabel_hidden__ti-DN{overflow:hidden}.ContactFormLabel_label__YUkxh{display:flex;flex-wrap:wrap;font-size:12px;justify-content:center;padding:15px 0;position:relative;width:100%}.ContactFormLabel_label__YUkxh span{bottom:-5%;color:red;position:absolute}.ContactFormLabel_label__YUkxh label:last-child{margin-bottom:30px}.ContactFormLabel_labelName__bBXGt{color:#171717;font-size:12px;margin:0 auto 10px}.ContactFormLabel_input__Dix9\+{border-radius:15px;border-style:none;box-shadow:0 7px 29px 0 rgba(102,135,86,.2);height:40px;padding-left:30px;width:100%}.ContactFormLabel_input__Dix9\+ #ContactFormLabel_text__GD19Q{color:brown}body.Modal_hidden__2YfUz{overflow:hidden}.Modal_overlay__rQGSK{background-color:rgba(0,0,0,.3);bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;width:100vw;z-index:999}.Modal_modal__7Omag{background-color:#fff;border-radius:15px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);display:flex;flex-direction:column;height:60%;justify-content:center;left:50%;padding:15px 15px 60px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%}.Modal_modal__7Omag:last-child button{margin:0 auto}@media screen and (min-width:768px){.Modal_modal__7Omag{width:60%}}@media screen and (min-width:1024px){.Modal_modal__7Omag{width:35%}}.Modal_closeButton__hgssU{align-items:center;border-radius:50%;border-style:none;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:2%;top:2%;transition-duration:.25s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:20px}.Modal_closeButton__hgssU:focus,.Modal_closeButton__hgssU:hover{-webkit-transform:rotate(20deg);transform:rotate(20deg)}@media screen and (min-width:768px){.Modal_closeButton__hgssU{font-size:28px;height:40px;width:40px}}body.ContactListItem_hidden__AuzqK{overflow:hidden}.ContactListItem_item__H4FaV{display:flex;flex-direction:column;flex-wrap:wrap;font-size:22px}@media screen and (min-width:768px){.ContactListItem_item__H4FaV{flex-basis:calc(50% - 15px)}}@media screen and (min-width:768px) and (min-width:1024px){.ContactListItem_item__H4FaV{flex-basis:calc(33.33333% - 15px);gap:22px}}.ContactListItem_item__H4FaV:last-child{margin-bottom:0}.ContactListItem_itemBox__Sh4Fo{align-content:center;align-items:center;background-color:#fff;border:1px solid gray;border-radius:15px;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;gap:15px;justify-content:center;min-height:140px;padding:30px 15px;width:100%}.ContactListItem_buttonsBox__gk5up{display:flex;flex-wrap:wrap;gap:9px}.ContactListItem_buttonsBox__gk5up button{min-width:60px}body.ContactListItemCard_hidden__7YnlL{overflow:hidden}.ContactListItemCard_image__NY4x7{display:flex;height:auto;margin:0 auto;max-width:95px}.ContactListItemCard_textBox__5HTUM{display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;justify-content:center}.ContactListItemCard_name__\+MYRB{text-align:center}@media screen and (min-width:768px){.ContactListItemCard_name__\+MYRB{width:100%}}.ContactListItemCard_phoneBox__Z30Gj{align-content:center;align-items:center;display:flex;flex-wrap:wrap}.ContactListItemCard_phoneIcon__uJsgC{height:15px}.ContactListItemCard_number__bTm1a{color:#000;margin-left:5px;text-decoration:none}body.ContactEdit_hidden__WLjH2,body.ContactList_hidden__POxpn{overflow:hidden}.ContactList_list__7O4vW{display:flex;flex-direction:column;gap:30px;margin-top:20px}@media screen and (min-width:768px){.ContactList_list__7O4vW{flex-direction:row;flex-wrap:wrap}}@media screen and (min-width:1024px){.ContactList_list__7O4vW{gap:22px}}body.ButtonsBox_hidden__0qcN\+{overflow:hidden}.ButtonsBox_buttonsBox__jUsgG{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.ButtonsBox_favBtn__LRGAY{background-color:initial;cursor:pointer}.ButtonsBox_favBtn__LRGAY,.ButtonsBox_favBtn__LRGAY.active{border:1px solid #000;border-radius:5px;height:40px;min-width:100px}.ButtonsBox_favBtn__LRGAY.active{background-color:#9acd32;color:#fff}body.Filter_hidden__LdHzQ{overflow:hidden}.Filter_label__CLSp2{display:flex;flex-direction:column;font-size:22px;margin-bottom:25px;position:relative}.Filter_label__CLSp2 button{height:30px;right:10px;top:6px;transition:none;width:30px}@media screen and (min-width:768px){.Filter_label__CLSp2 button{height:35px;right:5px;top:4px;width:35px}}.Filter_label__CLSp2 button :focus,.Filter_label__CLSp2 button:hover{-webkit-transform:none;transform:none}.Filter_text__WOakU,.Filter_title__7iS2q{display:none}.Filter_input__S09D5{border-radius:15px;border-style:none;box-shadow:0 7px 29px 0 hsla(240,5%,41%,.2);height:40px;margin:0;padding-right:48px;text-indent:15px}@media screen and (max-width:359px){.Filter_input__S09D5::-webkit-input-placeholder{font-size:14px}.Filter_input__S09D5::placeholder{font-size:14px}}@media screen and (min-width:360px){.Filter_input__S09D5::-webkit-input-placeholder{text-align:center}.Filter_input__S09D5::placeholder{text-align:center}}body.Contacts_hidden__AF9ph{overflow:hidden}.Contacts_container__Q8w2L{box-sizing:border-box;margin-left:auto;margin-right:auto;padding:80px 15px 60px;width:100%}@media screen and (min-width:768px){.Contacts_container__Q8w2L{margin-left:0;min-width:320px;padding:80px 15px 165px}}@media screen and (min-width:1024px){.Contacts_container__Q8w2L{padding:80px 15px 120px}}body.UserMenu_hidden__-lJTP{overflow:hidden}.UserMenu_wrapper__AaUM6{align-content:center;align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;margin-bottom:15px;margin-left:auto;margin-top:15px}@media screen and (min-width:768px){.UserMenu_wrapper__AaUM6{min-width:180px}}.UserMenu_welcomeMessage__qEfdU{display:none;font-size:18px;margin-right:15px;text-align:end}@media screen and (min-width:500px){.UserMenu_welcomeMessage__qEfdU{display:flex;margin-right:15px}}.UserMenu_userMenuWrapper__5kJS3 button{border:1px solid #fff;color:#fafafa}.UserMenu_logoutButton__mv6iG{height:36px}body.Header_hidden__LWXR0{overflow:hidden}.Header_wrapper__SXTn0{align-items:center;border-bottom-style:solid;display:flex;justify-content:space-between;padding:0 15px}@media screen and (min-width:768px){.Header_wrapper__SXTn0{display:flex}}.Header_title__l\+wMf{color:#3f7724;font-family:Roboto,sans-serif;font-size:26px;font-weight:700;line-height:1.19;text-decoration:none}.Header_nav__IIF23{align-items:center;display:flex;height:50px}body.App_hidden__PlKoC{overflow:hidden}.App_appWrapper__0fnnQ{background-image:url(/Phonebook/static/media/background.8a9bf1a140be7c5098ad.svg);background-repeat:no-repeat;background-size:contain;display:inline-block;width:100%}@media screen and (min-width:768px){.App_appWrapper__0fnnQ{background-attachment:fixed;background-position-y:-190px}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}body.hidden{overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}li{list-style:none}body{font-family:sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6,ol,p,ul{margin:0}ol,ul{padding:0}img{display:block;height:auto;max-width:100%}
/*# sourceMappingURL=main.225b7684.css.map*/