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