.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-direction:column;flex-wrap:wrap;gap:10px;scroll-margin-top:100px;width:100%}@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{column-count:3;column-gap:10px;-webkit-columns:3;-moz-columns:3}@media (max-width:1200px){.letter_container .row [id^=letter-].block .items{column-count:2;-webkit-columns:2;-moz-columns:2}}@media (max-width:576px){.letter_container .row [id^=letter-].block .items{column-count: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{color:#333;text-decoration:none}.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{background:#fff;display:flex;gap:10px 20px;padding:20px 0;position:sticky;top:0;z-index:100}.letter_container .toolbar.between{gap:10px 120px;justify-content:space-between}@media (max-width:1400px){.letter_container .toolbar.between{gap:10px 60px}}@media (max-width:768px){.letter_container .toolbar.between{gap:10px 20px}.letter_container .toolbar{flex-wrap:wrap}}.letter_container .toolbar input{border:1px solid #f2f2f2;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none;padding:10px 12px;width:fit-content}@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{background-color:#f2f2f2;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;color:#000;padding:10px;text-decoration:none;-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{background-color:#000;color:#f2f2f2}.letter_container .toolbar .group-by{align-items:center;display:flex;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{border:1px solid #eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:inherit;padding:8px 8px 6px;text-decoration:none}.letter_container .toolbar .group-by .values a.active{background:#eee}.letter_container .toolbar .group-by .values a:last-child{margin-right:0}