/* Input colors */

.Input1177018346__root {
  -st-extends: Input;
  -st-states: size(enum(large, medium, small));

  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  color: #162D3D;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #C1E4FE;
  background-color: #FFFFFF;
  padding: 0 6px;
}

.Input1177018346__root.Input1650466386--error,
.Input1177018346__root.Input1650466386--error.Input1650466386--focus {
  border-color: #EE5951;
}

.Input1177018346__root:hover {
  background-color: #EAF7FF;
}

.Input1177018346__root.Input1650466386--disabled {
  background-color: inherit;
}

.Input1177018346__root.Input1650466386--disabled {
  color: #CBD3DC;
  border-color: #DFE5EB;
}

.Input1177018346__root.Input1650466386--disabled .Input1650466386__nativeInput {
  color: #CBD3DC;
}

.Input1177018346__root.Input1650466386--focus {
  border-color: #4EB7F5;
}

.Input1177018346__root .Input1650466386__nativeInput {
  background-color: transparent;
  outline: none;
  width: 100%;
  font-family: "HelveticaNeueW01-55Roma", "HelveticaNeueW02-55Roma", "HelveticaNeueW10-55Roma", "Helvetica Neue", "Helvetica", "Arial", "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "sans-serif";
  border: none;
  padding: 0 6px;
}

.Input1177018346__root .Input1650466386__nativeInput::-webkit-input-placeholder { color: #B6C1CD; }
.Input1177018346__root .Input1650466386__nativeInput:-moz-placeholder           { color: #B6C1CD; }
.Input1177018346__root .Input1650466386__nativeInput::-moz-placeholder          { color: #B6C1CD; }
.Input1177018346__root .Input1650466386__nativeInput:-ms-input-placeholder      { color: #B6C1CD; }

.Input1177018346__root .Input1650466386__nativeInput::selection                 { background: #DAEFFE; }
.Input1177018346__root .Input1650466386__nativeInput:-moz-selection             { background: #DAEFFE; }

.Input1177018346__root.Input1177018346---size-5-large {
  -st-extends: Input;
}

.Input1177018346__root.Input1177018346---size-5-large::nativeInput {
  height: 60px;
  line-height: 58px;
  font-size: 22px;
}

.Input1177018346__root.Input1177018346---size-6-medium {
  -st-extends: Input;
}

.Input1177018346__root.Input1177018346---size-6-medium::nativeInput {
  height: 36px;
  line-height: 34px;
  font-size: 16px;
}

.Input1177018346__root.Input1177018346---size-5-small {
  -st-extends: Input;
}

.Input1177018346__root.Input1177018346---size-5-small::nativeInput {
  height: 30px;
  line-height: 28px;
  font-size: 14px;
}