.letters-container{gap:9px;display:flex}.letter-component{text-transform:uppercase;aspect-ratio:1;width:100%;color:var(--color-text-secondary);border-radius:4px;justify-content:center;align-items:center;font-size:.8rem;transition:color .3s;display:flex}.letter-component.active{cursor:pointer;background-color:var(--color-background-light)}.letter-component:not(.active){opacity:.5}.letter-component.active{color:var(--color-brand-secondary)}.letter-component.active:hover{background-color:var(--color-brand-secondary);color:var(--color-background-light)}@media (max-width:992px){.letters-container{gap:3px}}@media (max-width:768px){.letters-container{display:none}}