.styles_letterList__HKclh{width:100%;max-width:100%;flex-grow:1}.styles_letters__Y1vTD{height:62vh;overflow-y:auto}.styles_letter__cKqKe{width:100%;max-width:100%;padding:1rem;margin:2rem auto;background:var(--alt-background-color);border-radius:var(--border-radius);box-shadow:0 2px 4px 0 rgba(0,0,0,.075);&>a{color:var(--text-color);text-decoration:none}}.styles_header__ettdW{display:flex;flex-wrap:wrap;justify-content:space-between}.styles_author__ANiiw{display:flex;align-items:center;gap:1rem}.styles_avatar__SFtOK{width:2.5rem;height:2.5rem;max-width:100%;background:var(--alt-background-color);border-radius:50%;border:.1rem solid var(--border-color);&>img{width:100%;height:100%;border-radius:50%;object-fit:cover}}.styles_author__ANiiw{.styles_name__FvsO1{display:block;font-size:1.2rem}}.styles_date__u4Aav{font-size:1.2rem}.styles_title__ZG2tp{width:100%;margin-top:1rem;text-align:left}.styles_sr-only__3NiSm{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.styles_toolbar__TGr_F{display:flex;align-items:center;justify-content:space-between;height:auto}.styles_search__4MTI3{&>input{color:var(--text-color);padding:1rem 4rem 1rem 1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;box-shadow:none;border:none;outline:none;flex-grow:1}&>button{color:var(--text-color);border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;box-shadow:none;&>svg{display:block;width:2rem;min-width:2rem}}.styles_btnClear__uQ7Zh{position:absolute;top:50%;transform:translateY(-50%);right:3rem;color:var(--red-color)}}.styles_search__4MTI3,.styles_sort__sUP9t{position:relative;display:flex;align-items:center;border:.1rem solid var(--border-color);border-radius:var(--border-radius)}.styles_sort__sUP9t{&>select{padding:1rem 4rem 1rem 1rem;outline:none;flex-grow:1}&>button,&>select{color:var(--text-color);background:none;box-shadow:none;border:none}&>button{-webkit-appearance:none;-moz-appearance:none;appearance:none;&>svg{display:block;width:2rem;min-width:2rem}}}.styles_srOnly__37G4I{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width:768px){.styles_toolbar__TGr_F{flex-wrap:wrap;gap:1rem}.styles_search__4MTI3,.styles_sort__sUP9t{width:100%}}