span[data-v-aa98bd81]{flex:1;position:relative;width:auto}.md[data-v-aa98bd81]{--pad-top:12px;--pad-right:16px;--pad-bottom:12px;--pad-left:16px;--icon-size:24px;--font-size:16px;--border-radius:8px}.sm[data-v-aa98bd81]{--pad-top:10px;--pad-right:12px;--pad-bottom:10px;--pad-left:12px;--icon-size:20px;--font-size:14px;--border-radius:6px}.xs[data-v-aa98bd81]{--pad-top:6px;--pad-right:10px;--pad-bottom:6px;--pad-left:10px;--icon-size:20px;--font-size:14px;--border-radius:4px}.left-icon[data-v-aa98bd81],.right-icon[data-v-aa98bd81]{bottom:0;color:var(--gray-600);margin:auto 0;position:absolute;top:0}.left-icon[data-v-aa98bd81]{left:0}.right-icon[data-v-aa98bd81]{right:0}button.left-icon[data-v-aa98bd81],button.right-icon[data-v-aa98bd81]{background:transparent;border:none;box-sizing:border-box;cursor:pointer;outline:none}button.left-icon[data-v-aa98bd81]{border-bottom-left-radius:var(--border-radius);border-top-left-radius:var(--border-radius);padding-left:var(--pad-left);padding-right:10px}button.right-icon[data-v-aa98bd81]{border-bottom-right-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding-left:10px;padding-right:var(--pad-right)}button.left-icon[data-v-aa98bd81]:not(:disabled):hover,button.right-icon[data-v-aa98bd81]:not(:disabled):hover{color:var(--gray-900)}button.left-icon[data-v-aa98bd81]:not(:disabled):active,button.right-icon[data-v-aa98bd81]:not(:disabled):active{color:var(--gray-800)}button.left-icon[data-v-aa98bd81]:not(:disabled):focus,button.right-icon[data-v-aa98bd81]:not(:disabled):focus{background:#00000010;color:var(--gray-800)}.left-icon[data-v-aa98bd81]:not(button),.right-icon[data-v-aa98bd81]:not(button){height:var(--icon-size);pointer-events:none;width:var(--icon-size)}.left-icon[data-v-aa98bd81]:not(button){left:var(--pad-left)}.right-icon[data-v-aa98bd81]:not(button){right:var(--pad-right)}.default input[data-v-aa98bd81]{background-color:var(--white);border-color:var(--gray-300)}.default:hover input[data-v-aa98bd81]:not(:disabled){border-color:var(--yellow-500)}.default:focus-within input[data-v-aa98bd81]:not(:disabled){box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--yellow-300)}.gray input[data-v-aa98bd81]{background-color:var(--gray-100);border-color:transparent}.gray:hover input[data-v-aa98bd81]:not(:disabled){background-color:var(--gray-200)}.gray:focus-within input[data-v-aa98bd81]:not(:disabled){box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--gray-200)}.default.error input[data-v-aa98bd81],.default.error:hover input[data-v-aa98bd81]:not(:disabled){border-color:var(--red-500)}.gray.error input[data-v-aa98bd81]{background-color:var(--red-50);color:var(--red-500)}.gray.error:hover input[data-v-aa98bd81]:not(:disabled){background-color:var(--red-100)}.gray.error:focus-within input[data-v-aa98bd81]:not(:disabled){box-shadow:0 0 0 2px var(--white),0 0 0 4px var(--red-100)}.gray.error input[data-v-aa98bd81]::-moz-placeholder{color:var(--red-300)}.gray.error input[data-v-aa98bd81]::placeholder{color:var(--red-300)}.gray.error .left-icon[data-v-aa98bd81],.gray.error .right-icon[data-v-aa98bd81]{color:var(--red-300)}input[data-v-aa98bd81]{border:2px solid transparent;border-radius:var(--border-radius);color:var(--gray-900);font-family:inherit;font-size:var(--font-size);height:100%;line-height:var(--icon-size);outline:none;padding:var(--pad-top) var(--pad-right) var(--pad-bottom) var(--pad-left);transition:border-color var(--transition-duration-1) var(--transition-timing-fn),background-color var(--transition-duration-1) var(--transition-timing-fn),box-shadow var(--transition-duration-2) var(--transition-timing-fn);width:100%}.disabled[data-v-aa98bd81]{opacity:.4}input[data-v-aa98bd81]::-moz-placeholder{color:var(--gray-600)}input[data-v-aa98bd81]::placeholder{color:var(--gray-600)}.md input.has-left-icon[data-v-aa98bd81]{--pad-left:48px}.sm input.has-left-icon[data-v-aa98bd81]{--pad-left:38px}.xs input.has-left-icon[data-v-aa98bd81]{--pad-left:34px}.md input.has-right-icon[data-v-aa98bd81]{--pad-right:48px}.sm input.has-right-icon[data-v-aa98bd81]{--pad-right:38px}.xs input.has-right-icon[data-v-aa98bd81]{--pad-right:34px}