.styles_letters__ywGc0{flex-wrap:wrap;justify-content:center;margin:0 auto;width:100%;height:100vh;padding:0 1rem;display:flex;flex-direction:row}@media(min-width:768px){.styles_letters__ywGc0{padding:0}}.styles_letters__ywGc0 .styles_letter__r2hdH{width:5%;height:5rem;margin:0 .5rem;border:1px solid #000;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:600;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}.styles_inputContainer__YsMQi{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.styles_inputContainer__YsMQi input[type=text]{width:10rem;height:3rem;background-color:var(--white);border:2px solid var(--grey);border-radius:5px;font-size:1.2rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 1rem;outline:none;transition:.2s}.styles_inputContainer__YsMQi input[type=text]::placeholder{color:var(--grey);transition:.2s}.styles_inputContainer__YsMQi input[type=text]:focus,.styles_inputContainer__YsMQi input[type=text]:hover{border:2px solid var(--white);background-color:var(--blue);box-shadow:0 0 0 2px var(--blue);color:var(--white);fill:var(--white);transition:.2s}.styles_inputContainer__YsMQi input[type=text]:focus::placeholder,.styles_inputContainer__YsMQi input[type=text]:hover::placeholder{color:var(--white)}