.app{width:auto;height:100%;background-color:#e5eaf0}.app-header{position:relative;top:2%;left:2%;width:100%;height:5.2%}.img{position:absolute;top:20%;height:auto;float:left}.search{top:5%;width:70%;float:left}.search,.search__search-form{position:relative;height:100%}.search__search-form{width:65%;margin-left:18%;font-family:YSText-Regular,serif;font-size:100%;font-weight:400;line-height:100%;opacity:.5033}.logo{top:0;display:inline-block;width:auto;height:auto}.logo,.logo__img{position:relative;float:left}.content{top:8%;left:2%;width:100%}.content,.menu{position:relative;height:100%;float:left}.menu{top:0;width:15%}.menu__button_write{position:relative;top:0;height:5.1%;padding-top:6%;background:#6287bd;border-radius:5px;color:#fff;font-family:HelveticaNeue-Medium,sans-serif;font-size:100%;text-align:center;vertical-align:center}.options{height:25%;margin-top:6%}.option{display:table;height:18%;padding-top:3%;padding-left:5%;border-radius:5px;color:#707070;font-family:HelveticaNeue-Medium,sans-serif;font-size:100%;vertical-align:center}.option:hover{background:#ccc}.option:active{background:#cdd6e4}.main{width:70%;height:80%;background:#fff;border-radius:.5%;box-shadow:0 2px 6px #000;float:left}.actions{width:100%;height:3.125%;padding-left:1%;border-bottom:1px solid #e2e2e2}.checkbox{height:70%;float:left;vertical-align:middle}.action{display:table;height:100%;padding:0 2%;color:#ccc;float:left;font-family:HelveticaNeue-Medium,sans-serif;font-size:100%;line-height:100%;text-align:center}.action:hover{background:#e5eaf0}.letters{height:93.75%}.letter{width:100%;height:3.3%;padding:0 1%;border-bottom:1px solid #e2e2e2;font-size:100%;overflow-y:hidden;transition:height .6s,background-color .6s}.letter__contact{float:left}.letter[data-state=deleted]{-webkit-animation:deletion .6s ease 1 forwards;animation:deletion .6s ease 1 forwards}.letter[data-state=hidden]{height:0%;border-width:0}.letter[data-state=showed]{-webkit-animation:addition .6s ease 1 forwards;animation:addition .6s ease 1 forwards}.letter__text{display:none;width:0}.letter_hidden{display:none}.icon{width:2%;height:100%;padding:.15% 0 0 .5%;float:left;vertical-align:middle}.from{display:table;width:20%;height:100%;padding:0 0 0 1.5%;float:left;font-family:HelveticaNeue-Bold,sans-serif}.from,.text_overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text_overflow{display:table-cell;max-width:0;vertical-align:middle}.theme{width:35%;float:left}.data,.theme{display:table;overflow:hidden;height:100%;padding:0 2%;font-family:HelveticaNeue-Bold,sans-serif;text-overflow:ellipsis;white-space:nowrap}.data{width:15%;float:right;text-align:right}.footer{position:relative;bottom:0;left:0;height:3.125%;padding-right:2%;border-top:1px solid #e2e2e2}.link{padding:0 2%;color:#9b9b9b;cursor:pointer;float:right;font-family:HelveticaNeue,sans-serif}body{height:100%;padding:0;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,html{height:100%}
/*# sourceMappingURL=main.f895675b.chunk.css.map */