.letter_container{display:flex;flex-direction:column;gap:20px}.letter_container .row{display:flex;flex-wrap:wrap;row-gap:40px}.letter_container .row [id^=letter-].block{display:flex;flex-wrap:wrap;flex-direction:column;gap:10px;width:100%;scroll-margin-top:100px}@media(max-width: 768px){.letter_container .row [id^=letter-].block{scroll-margin-top:130px}}.letter_container .row [id^=letter-].block .title{font-size:28px}.letter_container .row [id^=letter-].block .items{columns:3;-webkit-columns:3;-moz-columns:3;column-gap:10px}@media(max-width: 1200px){.letter_container .row [id^=letter-].block .items{columns:2;-webkit-columns:2;-moz-columns:2}}@media(max-width: 576px){.letter_container .row [id^=letter-].block .items{columns:1;-webkit-columns:1;-moz-columns:1}}.letter_container .row [id^=letter-].block .items .item:not(:last-child){margin-bottom:10px}.letter_container .row [id^=letter-].block .items .item .link{text-decoration:none;color:#333}.letter_container .row [id^=letter-].block .items .item .link:hover .name{color:#e22d3e}.letter_container .row [id^=letter-].block .items .item .link .name{-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.letter_container .row [id^=letter-].block .items .item .link .count{color:#b46a13}.letter_container .toolbar{position:sticky;top:0;padding:20px 0;background:#fff;display:flex;gap:10px 20px;z-index:100}.letter_container .toolbar.between{justify-content:space-between;gap:10px 120px}@media(max-width: 1400px){.letter_container .toolbar.between{gap:10px 60px}}@media(max-width: 768px){.letter_container .toolbar.between{gap:10px 20px}}@media(max-width: 768px){.letter_container .toolbar{flex-wrap:wrap}}.letter_container .toolbar input{width:fit-content;padding:10px 12px;border:1px solid #f2f2f2;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}@media(max-width: 768px){.letter_container .toolbar input{width:100%}}.letter_container .toolbar .list{display:flex;gap:10px;overflow-x:auto}.letter_container .toolbar .list .item{padding:10px;color:#000;background-color:#f2f2f2;text-decoration:none;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s}.letter_container .toolbar .list .item:hover{color:#f2f2f2;background-color:#000}.letter_container .toolbar .group-by{display:flex;align-items:center;gap:10px 15px}@media(max-width: 768px){.letter_container .toolbar .group-by{flex-wrap:wrap}}.letter_container .toolbar .group-by .title{font-style:italic}.letter_container .toolbar .group-by .values{display:flex;gap:10px 15px}@media(max-width: 768px){.letter_container .toolbar .group-by .values{flex-wrap:wrap}}.letter_container .toolbar .group-by .values a{text-decoration:none;color:inherit;border:1px solid #eee;padding:8px 8px 6px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.letter_container .toolbar .group-by .values a.active{background:#eee}.letter_container .toolbar .group-by .values a:last-child{margin-right:0}