.alphabet-container{padding:20px;border-radius:5px;box-sizing:border-box;background-color:#fff}.alphabet-container .alphabet-nav{display:flex;flex-wrap:wrap;row-gap:5px;justify-content:start;margin:0 0 20px}.alphabet-container .alphabet-nav .item{color:var(--color-primary);flex:1 1 auto;text-align:center;padding:5px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary)}.alphabet-container .alphabet-nav .item:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.alphabet-container .alphabet-nav .item:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.alphabet-container .alphabet-nav .item:not(.item:first-child){margin-left:-1px}.alphabet-container .alphabet-nav .item:hover,.alphabet-container .alphabet-nav .item.active{color:var(--color-hover-text);border-color:var(--color-border-hover);background:var(--color-bg-hover)}.alphabet-container .alphabet-content{column-count:3;column-gap:40px}.alphabet-container .alphabet-content .item{color:var(--color-primary);display:block;margin-bottom:10px}.alphabet-container .alphabet-content .item:hover{color:var(--color-hover-text)}.alphabet-container .alphabet-page{margin-top:20px;display:flex;flex-wrap:wrap;row-gap:5px;justify-content:center;align-items:center}.alphabet-container .alphabet-page .page-item{color:var(--color-primary);margin:0 5px;padding:5px 10px;border-radius:5px;background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary)}.alphabet-container .alphabet-page .page-item.active,.alphabet-container .alphabet-page .page-item:hover{color:var(--color-hover-text);border-color:var(--color-border-hover);background:var(--color-bg-hover)}