html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.root,body,html{height:100%}body{margin:0;padding:0;font-family:sans-serif;line-height:1.5}.app,body{background:#f5f5f5}.close-create-contact{display:block;width:60px;height:60px;background-image:url(/static/media/arrow-back.28f88991.svg);background-position:50%;background-repeat:no-repeat;background-size:30px;font-size:0}.create-contact-form{padding:20px;max-width:500px;margin:0 auto;display:flex}.create-contact-details{margin-left:20px}.create-contact-avatar-input{min-width:60px;height:60px;background-color:#fff;background-image:url(/static/media/person.d0dfce7a.svg);background-size:32px 32px;background-position:50%;background-repeat:no-repeat;border-radius:50%}.create-contact-details input{width:100%;padding:5px 10px;margin-bottom:10px;font-size:inherit;background:transparent;border:none;border-bottom:1px solid #ccc;outline:0}.create-contact-details button{margin-top:20px;background:#ccc;padding:10px;text-transform:uppercase;font-size:inherit;border:none;outline:0}.list-contacts{padding-top:60px}.list-contacts-top{position:fixed;width:100%;top:0;border-bottom:1px solid #d5d8df;display:flex}.search-contacts{width:100%;padding:20px 20px 20px 60px;background-image:url(/static/media/search.c7d98dfd.svg);background-repeat:no-repeat;background-position:20px;background-size:1.2em;font-size:1.2em;border:0;outline:none}.add-contact{display:block;width:73px;background:#fff;background-image:url(/static/media/person-add.8d89c25e.svg);background-repeat:no-repeat;background-position:50%;background-size:28px;font-size:0}.showing-contacts{text-align:center;margin:20px 0}.showing-contacts button{color:#00f;background:transparent;border:none;cursor:pointer;font-size:inherit}.contact-list{width:100%;margin:0;padding:0;list-style-type:none}.contact-list-item{padding:20px;background:#fff;display:flex}@media (min-width:600px){.contact-list-item{margin:20px;border:1px solid #d5d8df;border-radius:4px}}.contact-avatar{width:60px;height:60px;margin-right:20px;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex-shrink:0}.contact-details{padding-left:20px;border-left:1px solid #eee;flex:1 1;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.contact-details p{margin:0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-remove{padding-left:20px;align-self:center;width:32px;height:32px;background-color:initial;background-image:url(/static/media/cancel.149f8d51.svg);background-size:100% 100%;border:0;color:#000;font-size:0;vertical-align:middle;cursor:pointer;outline:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.51b2334f.chunk.css.map */