@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap);*,:after,:before{box-sizing:border-box}html{font-size:10px}body{padding-top:60px;font-family:"Open Sans",sans-serif;min-height:100vh;background-color:#f8f9fb}a{text-decoration:none;color:#000;font-weight:700}button{background-color:transparent;border:none;box-shadow:none;outline:none}.container{width:100%;margin:0 auto}@media screen and (min-width:960px){.container{width:960px}}.topbar{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;box-shadow:0 4px 10px rgba(0,0,0,.07);left:0;padding:10px 16px;position:fixed;top:0;width:100%;z-index:10}.topbar .container{display:flex;justify-content:center;align-items:center}.topbar__logo{display:inline-block;height:40px}.topbar__logo svg{height:100%}.filters{align-items:center;padding:24px 0}.filters,.filters__search{display:flex;flex-wrap:nowrap}.filters__search{background:#fff;border-radius:5px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.07);height:40px;justify-content:stretch;margin-right:8px;overflow:hidden;width:100%}.filters__search__input{background:transparent;border:none;color:#4c84ff;font-size:1.4rem;font-weight:700;outline:none;padding:5px 10px;width:100%}.filters__search__icon{background:transparent;font-size:1.4rem;color:#9fa9bc}.filters__search__icon:hover{color:#4c84ff}::-webkit-input-placeholder{color:#9fa9bc;font-weight:400}::-moz-placeholder{color:#9fa9bc;font-weight:400}:-ms-input-placeholder{color:#9fa9bc;font-weight:400}::-ms-input-placeholder{color:#9fa9bc;font-weight:400}::placeholder{color:#9fa9bc;font-weight:400}.filters__item{align-items:center;background-color:#fff;border-radius:5px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.07);color:#9fa9bc;display:flex;flex-wrap:nowrap;font-size:1.3rem;font-weight:400;justify-content:center;margin:0 8px;padding:10px;white-space:nowrap}.filters__item i{color:#9fa9bc;margin-top:-5px;margin-left:8px}.filters__item.is-selected{background-color:#4c84ff;border:1px solid rgba(0,0,0,.1);color:#fff}.filters__item.is-selected i{color:#fff}.contacts{width:100%;display:flex;flex-direction:column;padding:16px}@media screen and (min-width:728px){.contacts{padding:16px 0}}.contact{align-items:center;background-color:#fff;border-radius:5px;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 2px rgba(0,0,0,.07);display:flex;justify-content:space-between;flex-wrap:nowrap;font-size:1.2rem;margin-bottom:20px;overflow:hidden;padding:5px}.contact:first-of-type{margin-bottom:5px;background-color:transparent;border:none;box-shadow:none;padding:0 5px;font-weight:700}.contact:first-of-type .contact__avatar{height:0;border:none}.contact__avatar{border-radius:50px;height:35px;overflow:hidden;width:35px;border:2px solid #9fa9bc;margin-right:10px}.contact__avatar img{height:100%}.contact__data{width:16.66667%;padding:0 10px}.listContact{width:100%;padding:5px;background-color:#fff;margin-bottom:20px;display:flex;align-items:center;border-radius:5px;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 2px 0 rgba(0,0,0,.07)}.listContact__avatar{width:35px;height:35px;background-color:grey;border-radius:100%;display:flex;align-items:center;justify-content:center;margin-right:10px}.listContact__img{width:31px;height:31px;border-radius:100%}.listContact__info{width:150px;padding:0 10px;flex-wrap:wrap;font-size:12px;margin:0}.listContact__info--name{color:#4c84ff}.top{background-color:#303030}.dark__body{background-color:#212121;color:#fff}.dark{background-color:#424242}.toggle{margin-left:20px}.checkbox{opacity:0;position:absolute}.label{background-color:#424242;border-radius:50px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:5px;position:relative;height:20px;width:40px;-webkit-transform:scale(1.5);transform:scale(1.5)}.label .ball{background-color:#fff;border-radius:50%;position:absolute;top:3.45px;left:3px;height:13.3px;width:13px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.checkbox:checked+.label .ball{-webkit-transform:translateX(20px);transform:translateX(20px)}.fa-moon{color:#f1c40f}.fa-sun{color:#f39c12}
/*# sourceMappingURL=main.3cfa3540.chunk.css.map */