.letter_container{display:flex;flex-direction:column;gap:20px}.letter_container .control{background:#fff;display:flex;gap:10px 20px;padding:20px 0;position:sticky;top:0}@media (max-width:768px){.letter_container .control{flex-wrap:wrap}}.letter_container .control .list{display:flex;gap:10px;overflow-x:auto}.letter_container .control .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 .control .list .item:hover{background-color:#000;color:#f2f2f2}.letter_container .control 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 .control input{width:100%}}.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}