.artist-alphabet-nav{--artist-alphabet-cell-size:clamp(28px, 2.6vw, 31px);flex-direction:column;gap:7px;display:flex}.artist-alphabet-nav__row{flex-wrap:wrap;align-items:flex-start;gap:7px;display:flex}.artist-alphabet-nav__cell{flex:0 0 var(--artist-alphabet-cell-size);width:var(--artist-alphabet-cell-size);height:var(--artist-alphabet-cell-size);min-width:var(--artist-alphabet-cell-size);aspect-ratio:1;color:#bed1f2cc;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #81a4db2e;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:clamp(12px,1vw,13px);font-weight:500;line-height:1;transition:background .13s,color .13s,border-color .13s;display:inline-flex}.artist-alphabet-nav__cell:focus-visible{outline:none;box-shadow:0 0 0 2px #81a4db61}.artist-alphabet-nav__cell:hover:not(:disabled){color:#e8f0ff;background:#81a4db2e;border-color:#81a4db73}.artist-alphabet-nav__cell.is-active{color:#c4d9ff;background:#6495ed4d;border-color:#6495eda6;font-weight:700;box-shadow:0 0 0 1px #6495ed59}.artist-alphabet-nav__cell:disabled{opacity:.2;cursor:default}@media (max-width:720px){.artist-alphabet-nav{gap:6px}.artist-alphabet-nav__row{gap:4px}}@media (max-width:480px){.artist-alphabet-nav{--artist-alphabet-cell-size:26px}.artist-alphabet-nav__row{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.artist-alphabet-nav__cell{border-radius:7px}}