*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,h1,h6,input,ul{margin:0;padding:0;list-style-type:none;border:none;background-color:transparent}button:focus,input:focus,select:focus{outline:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center;padding-top:10vh}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-float 3s ease-in-out infinite;animation:App-logo-float 3s ease-in-out infinite}}.App__header{position:fixed;top:0;display:flex;height:60px;width:100vw;flex-direction:row;align-items:center;justify-content:space-between;padding:0 20px;background-color:#fff;z-index:3}.App__body{margin-top:60px;min-height:90vh;min-width:100%;overflow:hidden}.App__contacts{position:relative;max-width:1600px;margin:0 auto;padding:20px 0}.App-link{color:#704cb6}@-webkit-keyframes App-logo-float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes App-logo-float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.header{border-bottom:1px solid #d3d3d3;box-shadow:5px -3px 29px -6px rgba(0,0,0,.91)}.header__wrapper{display:flex;flex-direction:row}.header__navigation{display:flex;justify-content:center;align-items:center;padding:0 20px}.nav__list{display:flex;flex-direction:row}.nav__item{font-size:16px;padding-left:10px}.nav__link{text-decoration:none;color:#1890ff}.nav__link.nav__link--active{text-decoration:none;color:#000;cursor:default}.login-form{position:relative;padding:24px}.login-form__input-wrapper{padding:5px 0 5px 5px;border:1px solid #d3d3d3}.login-form__input{position:relative;top:-5px;margin-left:5px;border:none;width:80%;outline:none}.login-form__input-wrapper:focus-within{border-color:#1890ff}.login-form__input-instructions{margin-bottom:10px;font-size:.5em}.login-form__input-instructions--error{margin-bottom:10px;font-size:.5em;color:red}.login-form__password{padding-right:10px;float:right;color:#d3d3d3}.login-form__password:hover{color:grey}.login-form__footer{margin-top:10px}.footer__wrapper{display:flex}.footer__submit{flex:0.8 1}.footer__cancel{position:relative;flex-direction:row;flex:0.20 1}.footer__submit-button{width:100%;height:100%;background-color:#1890ff;color:#fff;cursor:pointer;border:1px solid #d9d9d9;border-radius:5px;transition:background-color .2s;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-o-transition:background-color .2s}.footer__submit-button:hover{background-color:#40a9ff}.footer__cancel-button{width:100%;height:100%;background-color:#fff;color:red;cursor:pointer;border:none}.footer__cancel-image{vertical-align:-.15em;padding-right:10px}.login__popup{display:grid;place-items:center;position:fixed;top:0;right:0;text-align:center;height:100vh;width:100vw;background:hsla(0,0%,78.4%,.7);opacity:1}.login__popup--hidden{display:none;visibility:hidden;top:-100vh;opacity:0}.login__popup-wrapper{max-width:520px;width:inherit;border-radius:3px;text-align:left;background-color:#fff}.login__header{padding:16px 24px}.login__icon{margin-right:5px;vertical-align:middle}.login__button{padding:3px 2px;color:#1890ff;cursor:pointer;font-size:14px;border:none;background-color:transparent}.user-dashboard__wrapper{display:flex;position:relative;align-items:center;width:-webkit-max-content;width:-moz-max-content;width:max-content;cursor:pointer;transition:color .1s}.user-dashboard__image{width:50px;height:50px;margin-left:5px;border-radius:50%}.user-dashboard__text{font-size:16px;padding-right:5px}.user-dashboard__wrapper:hover .user-dashboard__dropdown{top:100%}.user-dashboard__wrapper:hover{color:#1890ff}.user-dashboard__arrow{width:16px;height:16px;transform:translateY(-.2em)}.user-dashboard__dropdown{font-size:16px}@media screen and (max-width:560px){.user-dashboard__text{display:none}}.dropdown{flex-direction:column;position:absolute;background-color:#fff;border-radius:3px;width:-webkit-fill-available;width:-moz-available;width:stretch;overflow:hidden;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown__link{display:block;padding:8px 16px;border-bottom:1px solid #e6f7ff;color:#000;text-decoration:none;text-align:start;transition:color .2s}.dropdown__link:hover{color:#1890ff}.dropdown__icon{vertical-align:-.15em;padding-right:10px}@media screen and (max-width:560px){.dropdown__icon{margin-left:10px}}.contacts{display:flex;flex-wrap:wrap;justify-content:center;width:100%;margin-bottom:40px}.contacts__search-bar{display:flex;width:100%;margin-bottom:0 auto 10px}.contacts__pagination{margin:0 auto 60px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.contacts__loading{display:grid;place-items:center;position:fixed;top:60px;left:0;opacity:.8;width:100vw;overflow:scroll;height:100%;min-height:100vh;background-color:#d3d3d3;z-index:1}.contacts__loader{display:inline-block;width:300px;-webkit-animation:spin 4s linear infinite;animation:spin 8s linear infinite}.contacts__header{display:flex;justify-content:space-between;padding:0 10px;margin-bottom:20px}.contacts__button-group{display:flex}.contacts__button--dotted{width:32px;height:32px;border-radius:50%;border:1px dotted #1890ff;color:#1890ff;background-color:#fff;transition:color .2s;z-index:2}.contacts__button--dotted:hover{color:#f08080;border-color:#40a9ff}.contacts__button{width:32px;height:32px;margin-left:3px;border-radius:5px;border:1px solid #d3d3d3;color:#d3d3d3;background-color:#fff;transition:color .2s,border-color .2s}.contacts__button:hover{color:#40a9ff;border-color:#40a9ff}.search-bar{max-width:1200px;width:-webkit-fill-available;width:-moz-available;width:stretch;min-height:60px;justify-content:center;align-items:center;margin:0 auto 30px;padding:5px;background-color:#f7f7f7}.search-bar__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;min-height:50px;padding:0 5px;background-color:#fff;box-shadow:1px 6px 7px 2px hsla(0,0%,72.2%,.57);-webkit-box-shadow:1px 6px 7px 2px hsla(0,0%,72.2%,.57);-moz-box-shadow:1px 6px 7px 2px hsla(0,0%,72.2%,.57)}.search-bar__name,.search-bar__nationality,.search-bar__wrapper{width:100%;height:100%}.search-bar__item{height:30px;min-width:130px;margin-right:5px;padding:0 0 0 5px;flex:1 1 19%;display:flex;justify-content:space-evenly;align-items:center;border:1px solid #d3d3d3;transition:border .3s,transform .2}.search-bar__item:hover{border-color:#40a9ff}.search-bar__item:last-child,.search-bar__item:nth-last-child(2){border:none}.search-bar__checkbox{min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.search-bar__button{color:red;transition:transform .2s,font-weight .2s}.search-bar__button:hover{transform:scale(1.1);font-weight:700}.contact{width:320px;margin:10px;padding-bottom:10px;border:1px solid #d3d3d3;border-radius:8px;overflow:hidden;transition:box-shadow .2s,transform .2s}.contact:hover{transform:scale(1.02);box-shadow:5px -3px 29px -6px rgba(0,0,0,.91)}.contact__foto{width:100%;height:65%}.contact__text-area{display:flex;flex-direction:column;padding:5px 10px}.contact__link{text-decoration:none}.contact__nationality{margin:5px 0 10px;border:1px solid red;border-radius:5px;padding:3px 5px;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#fafad2}.contactsTable{display:flex;justify-content:center;width:100%;margin:0 auto 40px;overflow:scroll;font-size:12px}.contactsTable__box{width:100%}.contactsTable__wrapper{border-collapse:collapse;min-width:1180px}.contactsTable__row{border-bottom:1px solid #d3d3d3}.contactsTable__avatar{position:-webkit-sticky;position:sticky;left:-5px;padding:0;background-color:#fff}.contactsTable__cursor-area{cursor:pointer}.contactsTable__headers{width:100%;margin-right:10px}.contactsTable__headers,.contactsTable__headers--clickable{float:left;max-height:16px;padding:0;font-size:14px;text-align:left;background-color:#fff}.contactsTable__headers--clickable{width:70px}.contactsTable__headers--clickable:hover{background-color:#fafafa}.contactsTable__arrow-down--active,.contactsTable__arrow-up--active{color:#1890ff}.contactsTable__arrow-down{transform:rotate(180deg)}.contactsTable__headers--center{float:left;text-align:center;margin-right:10px;font-size:14px;max-height:16px;background-color:#fff;width:100%}.contact-row{max-height:80px;border-bottom:1px solid #d3d3d3;transition:background-color .2s}.contact-row:hover,.contact-row:hover>.contact-row__header{background-color:#fafafa}.contact-row__image{left:-10px;width:50px;height:50px;margin:10px;border-radius:50%}.contact-row__header{position:-webkit-sticky;position:sticky;left:-5px;padding:0;background-color:#fff;transition:background-color .2s}.contact-row__name{cursor:pointer;color:#1890ff}.contact-row__age,.contact-row__location,.contact-row__name,.contact-row__tel{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.contact-row__age{margin-right:10px}.contact-row__nationality{display:block;text-align:center;border:1px solid red;border-radius:5px;padding:3px 5px;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#fafad2}.statistic{display:flex;flex-direction:column;width:100%;max-width:1200px;justify-content:center;margin:0 auto 40px;padding:20px;box-shadow:1px 6px 7px 2px hsla(0,0%,72.2%,.57);-webkit-box-shadow:1px 6px 7px 2px hsla(0,0%,72.2%,.57);-moz-box-shadow:1px 6px 7px 2px hsla(0,0%,72.2%,.57)}.statistic__title{font-size:1.5em}.statistic__general{display:flex;flex-direction:row;flex-wrap:wrap}.statistic__item{display:flex;width:-webkit-max-content;width:-moz-max-content;width:max-content;flex-direction:column;margin-right:10px;align-items:center}.statistic__headers{font-size:14px;color:rgba(0,0,0,.45)}.statistic__item--big{font-size:24px;font-weight:700}.statistic__predominator{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;margin-left:30px;background-color:#fff6a1}.statistic__nationality{padding:2em;display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.statistic__nationality--bold{margin-left:10px;font-weight:700}.home{width:50vw;margin:auto;-webkit-animation:spin 4s linear infinite;animation:spin 8s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}.not-found{display:grid;place-items:center;height:100vh}.not-found__title{font-size:10vw}.profile{padding-top:30px}.profile__wrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:auto;max-width:560px;border-radius:8px;overflow:hidden}.profile__title{text-align:center;margin:0}.profile__foto{display:block;width:200px;height:200px;object-fit:fill}.profile__text-area{display:flex;flex-direction:column;padding:20px;max-width:360px}.profile__link{text-decoration:none}.profile__nationality{border:1px solid red;border-radius:5px;padding:3px 5px;width:-webkit-max-content;width:-moz-max-content;width:max-content;background-color:#fafad2}.profile__button{width:120px;height:25px;display:block;background-color:#1890ff;border-radius:4px;margin:40px auto 0;transition:transform .2s,opacity .7s cubic-bezier(.22,1.88,0,-1.04)}.profile__button:hover{transform:scale(1.05)}.profile__button:active{opacity:.5}
/*# sourceMappingURL=main.90c421d5.chunk.css.map */