.alphabet-letter{font-size:calc(1.125rem * var(--mantine-scale));color:var(--color-cyan-90);letter-spacing:.02em;font-weight:600;line-height:1.2}@media (min-width:500px){.alphabet-letter{font-size:calc(1.25rem * var(--mantine-scale))}}@media (min-width:1440px){.alphabet-letter{font-size:calc(1.375rem * var(--mantine-scale))}}.alphabet-letter:not(:last-child){margin:0 0 var(--spacing-r-s)}.alphabet{flex-wrap:wrap;display:flex}.alphabet-letter{width:calc(2.5rem * var(--mantine-scale));height:calc(2.5rem * var(--mantine-scale));cursor:pointer;background-color:#0000;border:none;border-radius:50%;transition:color .12s ease-in-out,background-color .12s ease-in-out,box-shadow .12s ease-in-out,border-color .12s ease-in-out;margin:0!important}@media (hover:hover){.alphabet-letter:not(:disabled):hover{background-color:var(--color-lime-30)}}.alphabet-letter:disabled{color:var(--color-black-50);cursor:default}.alphabet-letter--active{background-color:var(--color-lime-50)}