.alph__letters{display:flex;flex-wrap:wrap;gap:4px;padding-block:8px 12px}.alph__tags{display:flex;gap:8px;overflow:auto;padding-bottom:20px;scrollbar-width:none}.alph__tag{background-color:#e0e9f7;border-radius:28px;color:var(--blue);font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap;width:-moz-fit-content;width:fit-content}.alph__tag.selected{background-color:var(--blue);color:var(--white)}.alph__tag:hover{box-shadow:0 4px 16px #1333671f}.alph__tag_skeleton{border-radius:28px;height:42px;overflow:hidden;width:134px}.alph__letter{align-items:center;background:var(--white);border-radius:50%;color:var(--blue);display:flex;font-weight:600;height:42px;justify-content:center;min-width:42px;transition:all .3s ease;width:42px}.alph__letter.selected{background-color:var(--blue);color:var(--white)}.alph__letter:hover{filter:drop-shadow(0 2px 5px rgba(19,51,103,.12))}.alph__letter_skeleton{border-radius:50%;height:42px;min-width:42px;overflow:hidden;width:42px}@media screen and (max-width:1024px){.alph__tag{background-color:#5383c733}.alph__letters{gap:8px}.alph__tags{padding-bottom:12px}}@media screen and (max-width:768px){.alph__tag{font-size:14px;line-height:28px;padding-block:0}.alph__tag,.alph__tag_skeleton{height:28px}}