.styled-input-wrapper{width:100%;display:flex;position:relative}.styled-input{background-color:var(--bg-primary);width:100%;color:var(--text-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-family:var(--font-sans);transition:border-color var(--transition),box-shadow var(--transition);appearance:none;outline:none;padding:12px 16px}.styled-input::placeholder{color:var(--text-tertiary)}.styled-input:hover{border-color:var(--text-tertiary)}.styled-input:focus,.styled-input:focus-visible{border-color:var(--accent-info);box-shadow:0 0 0 3px #007aff1f}.styled-input.token{-webkit-text-security:disc;padding-right:48px}.show-token-button{border-radius:var(--radius);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);transition:background-color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;overflow:hidden;transform:translateY(-50%)}.show-token-button:hover,.show-token-button:active{background-color:var(--bg-tertiary)}.eyes-token{cursor:pointer;width:80px;transition:transform var(--transition),opacity var(--transition);justify-content:center;align-items:center;display:flex}.show-token-button:active .eyes-token{opacity:.8;transform:scale(.9)}@media (prefers-color-scheme:dark){.styled-input:focus,.styled-input:focus-visible{box-shadow:0 0 0 3px #007aff1f}}