@layer components{.AlphabetIndex{display:grid;gap:var(--size-12, .75rem);grid-template-columns:repeat(auto-fit,minmax(2.5rem,1fr))}@media(width>=48rem){.AlphabetIndex{grid-template-columns:repeat(auto-fit,minmax(3rem,1fr))}}.AlphabetIndex-letter{align-items:center;block-size:2.5rem;border:var(--border-m) solid var(--c-black, #252c31);border-radius:var(--border-radius-l, .5rem);color:var(--txt-default, #252c31);cursor:pointer;display:flex;flex-shrink:0;font-family:var(--typo-font-primary, "IBM Plex Sans", sans-serif);font-size:var(--typo-size-s, .875rem);font-weight:600;inline-size:2.5rem;justify-content:center;line-height:1.2;min-block-size:2.5rem;min-inline-size:2.5rem;padding-block:var(--size-4, .25rem);padding-inline:var(--size-12, .75rem);text-align:center;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}@media(width>=48rem){.AlphabetIndex-letter{block-size:3rem;border-width:var(--border-l);font-size:var(--typo-size-base, 1rem);inline-size:3rem;min-block-size:3rem;min-inline-size:3rem}}.AlphabetIndex-letter--selected{background-color:var(--c-black, #252c31);border-color:var(--c-black, #252c31);color:var(--c-white, #fff)}.AlphabetIndex-letter:not(.AlphabetIndex-letter--selected):hover{background-color:#252c310d}.AlphabetIndex-letter:focus{outline:var(--border-l) solid var(--c-black, #252c31);outline-offset:var(--size-2)}.AlphabetIndex-letter:active{transform:scale(.95)}}
/*# sourceMappingURL=alphabet-index.css.map */