.wiki--glossary-header{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding-block-start:90px;background-color:var(--color-black);z-index:200;margin:0 -15px}@media screen and (max-width:567px){.wiki--glossary-header{padding:16px;padding-block-start:160px}}.wiki-alphabet-filter{position:fixed;top:140px;display:flex;flex-wrap:wrap;align-items:center;max-width:1238px;gap:2px;padding:12px;background-color:var(--color-black);transform:translateY(0);transition:transform .5s ease-in-out}@media screen and (max-width:567px){.wiki-alphabet-filter{width:100%;padding:12px 16px;top:80px;left:0;justify-content:center}}.wiki-alphabet-filter::-webkit-scrollbar{display:none}.wiki-alphabet-filter.hide{transform:translateY(-550%)}.letter-button{font-size:18px;padding:8px 12px;color:var(--color-white);transition:color .5s ease,background-color .5s ease;background-color:rgba(0,0,0,0);border-radius:5px;overflow:hidden}.letter-button.active,.letter-button:hover{color:var(--color-black);background-color:var(--accent)}.wiki--glossary-input{width:300px;height:48px;padding:8px 16px;border-radius:40px;background-color:var(--bg-overlay);color:var(--accent)}.wiki--glossary-input::placeholder{color:var(--text-dark)}.wiki--glossary-group{display:flex;flex-direction:column;gap:40px;padding-block:30px}.glossary--group-item{display:flex;flex-direction:column;gap:16px}.glossary-letter{scroll-margin-top:400px;font-size:60px;font-weight:800;line-height:70px;color:var(--accent)}.glossary-item{padding:24px;border-radius:8px;background-color:rgba(0,0,0,0);color:var(--color-white);transition:background-color .5s ease;cursor:pointer}.glossary-item:hover{background-color:var(--bg-overlay)}.glossary-item h3{font-size:30px;line-height:1.5;margin-block-end:16px;word-break:break-word}