.encyclopedia-alphabet-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:start;align-items:center;margin-bottom:30px;padding:20px 0}.alphabet-letter,.alphabet-letter:visited{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(255,255,255,.1)!important;border:1px solid rgb(212 212 212)!important;border-radius:0!important;font-size:.875rem!important;font-weight:700!important;color:#000!important;cursor:pointer;transition:.3s;text-decoration:none;position:relative;overflow:hidden}.alphabet-letter:focus{outline:2px solid var(--vamtam-accent-color-1);outline-offset:2px}.alphabet-letter::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.alphabet-letter:hover::before{left:100%}.alphabet-letter:hover,.alphabet-letter:visited:hover{background:var(--encyclopedia-accent-20);border-color:var(--vamtam-accent-color-1)!important}.alphabet-letter.active:hover{color:#fff!important}.alphabet-letter.active{background:var(--vamtam-accent-color-1);border-color:var(--vamtam-accent-color-1)!important;color:#fff!important}.encyclopedia-alphabet-filter.fade-in-enabled{will-change:opacity,transform}.encyclopedia-alphabet-filter .fade-letter{opacity:0;transform:translateY(20px)}@media (prefers-reduced-motion:reduce){.encyclopedia-alphabet-filter .fade-letter{opacity:1!important;transform:none!important;transition:none!important}}@media (max-width:768px){.encyclopedia-alphabet-filter{justify-content:center;gap:8px;padding:15px 0}.alphabet-letter{width:35px;height:35px;font-size:.75rem}}@media (max-width:480px){.encyclopedia-alphabet-filter{gap:5px;padding:10px 0}.alphabet-letter{width:32px;height:32px;font-size:.7rem}}