.TimePicker137986872__root {
  -st-extends: TimePicker;
  -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;
  -st-states: disabled, size(enum(large, medium, small)),
    inputWidth(enum(small, medium, large, small_ampm, medium_ampm, large_ampm));

  display: inline-flex;
  width: auto;
}

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

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

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

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

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

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

.TimePicker137986872__root .Input1650466386__nativeInput {
  background-color: transparent;
  outline: none;
  width: 100%;
  font-family: "HelveticaNeueW01-55Roma", "HelveticaNeueW02-55Roma", "HelveticaNeueW10-55Roma", "Helvetica Neue", "Helvetica", "Arial", "\30E1\30A4\30EA\30AA", "meiryo", "\30D2\30E9\30AE\30CE\89D2\30B4  pro w3", "hiragino kaku gothic pro", "sans-serif";
  border: none;
  padding: 0 6px;
}

.TimePicker137986872__root .Input1650466386__nativeInput::-webkit-input-placeholder { color: #B6C1CD; }

.TimePicker137986872__root .Input1650466386__nativeInput:-moz-placeholder           { color: #B6C1CD; }

.TimePicker137986872__root .Input1650466386__nativeInput::-moz-placeholder          { color: #B6C1CD; }

.TimePicker137986872__root .Input1650466386__nativeInput:-ms-input-placeholder      { color: #B6C1CD; }

.TimePicker137986872__root .Input1650466386__nativeInput::selection                 { background: #DAEFFE; }

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

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

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

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

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

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

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

.TimePicker137986872__root.TimePicker137986872---size-5-large {
  -st-extends: Input;
}

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

.TimePicker137986872__root.TimePicker137986872---size-6-medium {
  -st-extends: Input;
}

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

.TimePicker137986872__root.TimePicker137986872---size-5-small {
  -st-extends: Input;
}

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

.TimePicker137986872__root .Input1650466386__nativeInput::selection {
  background: #C1E4FE;
}

.TimePicker137986872__root.TimePicker137986872---inputWidth-5-small .Input1650466386__nativeInput {
    width: 47px;
}

.TimePicker137986872__root.TimePicker137986872---inputWidth-6-medium .Input1650466386__nativeInput {
    width: 53px;
}

.TimePicker137986872__root.TimePicker137986872---inputWidth-5-large .Input1650466386__nativeInput {
  width: 67px;
}

.TimePicker137986872__root.TimePicker137986872---inputWidth-10-small_ampm .Input1650466386__nativeInput {
    width: 72px;
}

.TimePicker137986872__root.TimePicker137986872---inputWidth-11-medium_ampm .Input1650466386__nativeInput {
  width: 80px;
}

.TimePicker137986872__root.TimePicker137986872---inputWidth-10-large_ampm .Input1650466386__nativeInput {
  width: 107px;
}

.TimePicker137986872__root .TimePicker3099344163__tickers {
  padding: 0 6px 0 12px;
}

.TimePicker137986872__root .TimePicker3099344163__tickers .Tickers731181506__ticker {
  padding: 5px 0;
  color: #3899EC;
  cursor: pointer;
}

.TimePicker137986872__root .TimePicker3099344163__tickers .Tickers731181506__ticker > svg {
  display: block;
  width: 10px;
  height: 5px;
}

.TimePicker137986872__root.TimePicker137986872--disabled .TimePicker3099344163__tickers .Tickers731181506__ticker {
  cursor: default;
  color: #CBD3DC;
}