*{box-sizing:border-box}.alphabet-container{width:100%;max-width:1200px;margin:20px auto 0;flex-direction:column;padding:20px;background:#fff}.alphabet-container .alphabet-menu{width:calc(100% - 10px);display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;padding:5px;border-radius:5px;background-color:var(--theme-color)}.alphabet-container .alphabet-menu .item{color:#fff !important;padding:5px 10px;font-size:16px;cursor:pointer}.alphabet-container .alphabet-menu .item.active,.alphabet-container .alphabet-menu .item:hover{border-radius:5px;background:var(--theme-active-color)}.alphabet-container .content{width:100%;display:flex;gap:20px;flex-wrap:wrap;justify-content:start;padding:10px}.alphabet-container .content a{flex:0 0 calc((100% / 2) - 20px);display:flex;gap:5px;align-items:center;justify-content:space-between;padding:10px;border-radius:5px;text-decoration:none;color:#191b1f;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.alphabet-container .content a span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.alphabet-container .content a span:first-child{flex:1}.alphabet-container .content a span:last-child{width:fit-content}.alphabet-container .content a:hover,.alphabet-container .content a.active{color:var(--font-theme-color)}.alphabet-container .pagination{width:100%;display:flex;align-items:center;justify-content:center}.alphabet-container .pagination a{color:#191b1f;font-size:16px;margin:0 10px;text-decoration:none;padding:5px 10px;background:var(--sub-theme-color);border-radius:5px}.alphabet-container .pagination a.active,.alphabet-container .pagination a:hover{color:#fff !important;background:var(--theme-active-color)}@media screen and (max-width:750px){.alphabet-container .content a{flex:0 0 calc((100% / 2) - 20px)}.alphabet-container .pagination{row-gap:10px}}@media screen and (max-width:480px){.alphabet-container .content{margin-bottom:20px}.alphabet-container .content a{flex:0 0 100%;gap:10px;padding:0}}