@transferwise/components 46.130.3 → 46.131.1

package/build/styles/styles/less/input-groups.css

@@ -0,0 +1,2740 @@
+.btn-sm {
+  height: 32px;
+}
+form {
+  margin-bottom: 0;
+}
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  min-width: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+}
+label {
+  display: inline-block;
+  max-width: 100%;
+  margin-bottom: 4px;
+  margin-bottom: var(--size-4);
+}
+label,
+.secondary {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  transition: color ease-in-out 0.15s;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 20px;
+}
+input[type='search'] {
+  box-sizing: border-box;
+}
+input[type='number'] {
+  -webkit-appearance: textfield;
+     -moz-appearance: textfield;
+          appearance: textfield;
+}
+input[type='number']::-webkit-outer-spin-button,
+input[type='number']::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+          appearance: none;
+  margin: 0;
+}
+input[type='radio'],
+input[type='checkbox'] {
+  margin: 4px 0 0;
+  margin-top: 1px;
+  line-height: normal;
+}
+input[type='file'] {
+  display: block;
+}
+input[type='range'] {
+  display: block;
+  width: 100%;
+}
+select[multiple],
+select[size] {
+  height: auto;
+}
+input[type='file']:focus,
+input[type='radio']:focus,
+input[type='checkbox']:focus {
+  outline: var(--ring-outline-color) solid var(--ring-outline-width);
+  outline-offset: var(--ring-outline-offset);
+}
+output {
+  display: block;
+  padding-top: 9px;
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 1.2;
+  line-height: var(--line-height-control);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.form-control {
+  display: block;
+  width: 100%;
+  color: #37517e;
+  color: var(--color-content-primary);
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+  background-image: none;
+  border: 1px solid #c9cbce;
+  border: 1px solid var(--color-interactive-secondary);
+  transition: border-color ease-in-out 0.15s;
+  min-height: var(--input-height-base);
+  padding: var(--input-padding);
+  border-radius: 3px;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 150%;
+  letter-spacing: -0.011em;
+  background-clip: padding-box;
+}
+select.form-control {
+  min-height: var(--input-height-base);
+}
+textarea.form-control,
+select[multiple].form-control {
+  height: auto;
+}
+.form-control:not(.disabled):not(:disabled):focus {
+  border-color: #0081ba;
+  border-color: var(--color-interactive-accent-active);
+  outline: 0;
+}
+.form-control::-moz-placeholder {
+  color: #768e9c;
+  color: var(--color-content-tertiary);
+}
+.form-control::placeholder {
+  color: #768e9c;
+  color: var(--color-content-tertiary);
+}
+textarea.form-control {
+  height: 144px;
+}
+.form-control + .text-muted,
+.form-control + .text-primary,
+.form-control + .text-success,
+.form-control + .text-positive,
+.form-control + .text-info,
+.form-control + .text-warning,
+.form-control + .text-negative,
+.form-control + .text-danger {
+  margin-top: 8px;
+}
+.form-control:focus {
+  border-color: #0081ba;
+  border-color: var(--color-interactive-accent-active);
+}
+.np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
+  border-color: var(--color-interactive-primary);
+  outline: 0;
+}
+.np-theme-personal .form-control:hover {
+  border-color: #b5b7ba;
+  border-color: var(--color-interactive-secondary-hover);
+}
+.np-theme-personal .form-control:focus {
+  border-color: var(--color-interactive-primary);
+}
+input[type='search'] {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+}
+@media screen and (min-device-pixel-ratio: 0) {
+  input[type='date'],
+  input[type='time'],
+  input[type='datetime-local'],
+  input[type='month'] {
+    line-height: var(--input-height-base);
+  }
+  input[type='date'].input-sm,
+  input[type='time'].input-sm,
+  input[type='datetime-local'].input-sm,
+  input[type='month'].input-sm,
+  .input-group-sm input[type='date'],
+  .input-group-sm input[type='time'],
+  .input-group-sm input[type='datetime-local'],
+  .input-group-sm input[type='month'] {
+    line-height: var(--input-height-small);
+  }
+  input[type='date'].input-lg,
+  input[type='time'].input-lg,
+  input[type='datetime-local'].input-lg,
+  input[type='month'].input-lg,
+  .input-group-lg input[type='date'],
+  .input-group-lg input[type='time'],
+  .input-group-lg input[type='datetime-local'],
+  .input-group-lg input[type='month'] {
+    line-height: calc(var(--input-height-large) - 1.5);
+    line-height: calc(var(--input-height-large) - var(--line-height-body));
+  }
+}
+.form-group {
+  margin-bottom: 24px;
+}
+.form-group label {
+  margin-bottom: 2px;
+}
+.form-group:focus-within .control-label,
+.form-group:focus-within > label {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.row-equal-height > [class*='col-'] > .form-group {
+  width: 100%;
+}
+.radio,
+.checkbox {
+  position: relative;
+  display: block;
+  margin-top: 0;
+}
+.radio label,
+.checkbox label {
+  min-height: var(--input-height-base);
+  margin-bottom: 0;
+  cursor: pointer;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: 12px;
+}
+.radio input[type='radio'],
+.radio-inline input[type='radio'],
+.checkbox input[type='checkbox'],
+.checkbox-inline input[type='checkbox'] {
+  position: absolute;
+  margin-left: -20px;
+  margin-top: 4px \9;
+}
+[dir="rtl"] .radio input[type='radio'],
+[dir="rtl"] .radio-inline input[type='radio'],
+[dir="rtl"] .checkbox input[type='checkbox'],
+[dir="rtl"] .checkbox-inline input[type='checkbox'] {
+  margin-right: -20px;
+  margin-left: 0;
+  margin-left: initial;
+}
+.radio-inline,
+.checkbox-inline {
+  position: relative;
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer;
+}
+[dir="rtl"] .radio-inline,
+[dir="rtl"] .checkbox-inline {
+  padding-right: 20px;
+  padding-left: 0;
+  padding-left: initial;
+}
+.radio-inline.disabled,
+.checkbox-inline.disabled,
+fieldset[disabled] .radio-inline,
+fieldset[disabled] .checkbox-inline {
+  cursor: not-allowed;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px;
+}
+[dir="rtl"] .radio-inline + .radio-inline,
+[dir="rtl"] .checkbox-inline + .checkbox-inline {
+  margin-right: 10px;
+  margin-left: 0;
+  margin-left: initial;
+}
+input[type='radio'][disabled],
+input[type='checkbox'][disabled],
+input[type='radio'].disabled,
+input[type='checkbox'].disabled,
+fieldset[disabled] input[type='radio'],
+fieldset[disabled] input[type='checkbox'] {
+  cursor: not-allowed;
+}
+input[type="password"]::-ms-reveal {
+  display: none;
+}
+.radio-disabled label,
+.checkbox-disabled label,
+fieldset[disabled] .radio label,
+fieldset[disabled] .checkbox label {
+  cursor: not-allowed;
+}
+.form-control-static {
+  margin-bottom: 0;
+  min-height: calc(1.2 * 2);
+  min-height: calc(var(--line-height-control) * 2);
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  background-color: rgba(134,167,189,0.10196);
+  background-color: var(--color-background-neutral);
+  border: 1px solid #c9cbce;
+  border: 1px solid var(--color-interactive-secondary);
+  border-radius: 3px;
+  padding: var(--input-padding);
+}
+.form-control-static.input-lg,
+.form-control-static.input-sm {
+  padding-left: 0;
+  padding-right: 0;
+}
+[dir="rtl"] .form-control-static.input-lg,
+[dir="rtl"] .form-control-static.input-sm {
+  padding-right: 0;
+  padding-left: 0;
+  padding-left: initial;
+}
+[dir="rtl"] .form-control-static.input-lg,
+[dir="rtl"] .form-control-static.input-sm {
+  padding-left: 0;
+  padding-right: 0;
+  padding-right: initial;
+}
+.input-sm {
+  min-height: 32px;
+  padding: var(--input-padding-small);
+  border-radius: 3px;
+  font-size: 14px;
+  line-height: 24px;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+}
+select.input-sm {
+  min-height: 32px;
+}
+textarea.input-sm,
+select[multiple].input-sm {
+  height: auto;
+}
+.form-group-sm .form-control,
+.navbar .form-control {
+  height: 32px;
+  padding: var(--input-padding-small);
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 24px;
+  border-radius: 3px;
+}
+.form-group-sm select.form-control,
+.navbar select.form-control {
+  height: 32px;
+  line-height: 32px;
+}
+.form-group-sm textarea.form-control,
+.navbar textarea.form-control,
+.form-group-sm select[multiple].form-control,
+.navbar select[multiple].form-control {
+  height: auto;
+}
+.form-group-sm .form-control-static,
+.navbar .form-control-static {
+  height: 32px;
+  min-height: calc(1.2 + 14px);
+  min-height: calc(var(--line-height-control) + 14px);
+  padding: var(--input-padding-small);
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 24px;
+}
+.input-lg {
+  min-height: var(--input-height-large);
+  padding: var(--input-padding-large);
+  border-radius: 3px;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 150%;
+  letter-spacing: -0.011em;
+}
+select.input-lg {
+  min-height: var(--input-height-large);
+}
+textarea.input-lg,
+select[multiple].input-lg {
+  height: auto;
+}
+.form-group-lg {
+  position: relative;
+}
+.form-group-lg .input-lg,
+.form-group-lg .input-group-lg > .form-control,
+.form-group-lg .input-group-lg > .input-group-addon {
+  height: var(--input-height-large);
+  padding: calc(4px + 24px) 12px 4px;
+  padding: calc(4px + var(--size-24)) 12px 4px;
+  font-size: 22px;
+  line-height: 32px;
+}
+.form-group-lg select.form-control {
+  line-height: var(--input-height-large);
+}
+.form-group-lg textarea.form-control,
+.form-group-lg select[multiple].form-control {
+  height: auto;
+}
+.form-group-lg .form-control-static {
+  height: var(--input-height-large);
+  min-height: calc(1.2 + 22px);
+  min-height: calc(var(--line-height-control) + 22px);
+  padding: var(--input-padding-large);
+  font-size: 22px;
+  line-height: 32px;
+}
+.form-group-lg .control-label {
+  position: absolute;
+  top: 12px;
+  left: 14px;
+  margin-bottom: 0;
+  z-index: 1;
+}
+[dir="rtl"] .form-group-lg .control-label {
+  right: 14px;
+  left: auto;
+  left: initial;
+}
+.has-feedback {
+  position: relative;
+}
+.has-feedback .form-control {
+  padding-right: var(--input-height-base);
+}
+[dir="rtl"] .has-feedback .form-control {
+  padding-left: var(--input-height-base);
+  padding-right: 0;
+  padding-right: initial;
+}
+.form-control-feedback {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  display: block;
+  width: 48px;
+  height: 48px;
+  text-align: center;
+  pointer-events: none;
+}
+[dir="rtl"] .form-control-feedback {
+  left: 0;
+  right: auto;
+  right: initial;
+}
+.input-lg + .form-control-feedback,
+.input-group-lg + .form-control-feedback,
+.form-group-lg .form-control + .form-control-feedback {
+  width: var(--input-height-large);
+  height: var(--input-height-large);
+}
+.input-sm + .form-control-feedback,
+.input-group-sm + .form-control-feedback,
+.form-group-sm .form-control + .form-control-feedback {
+  width: 32px;
+  height: 32px;
+}
+.focus .control-label,
+.has-focus .control-label {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.focus .input-group-addon,
+.has-focus .input-group-addon {
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+}
+.focus .input-group-addon:active,
+.has-focus .input-group-addon:active {
+  border-color: #a7a9ab;
+  border-color: var(--color-interactive-secondary-active);
+}
+.help-block,
+.error-messages {
+  margin-top: 12px;
+  margin-bottom: 4px;
+  border-width: 0;
+  border-style: solid;
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+  padding: 4px 16px 3px;
+  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
+}
+.help-block a,
+.error-messages a {
+  color: inherit;
+}
+.help-block {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+  background-color: rgba(134,167,189,0.10196);
+  background-color: var(--color-background-neutral);
+  display: block;
+  position: relative;
+}
+.help-block::before {
+  content: " ";
+  position: absolute;
+  display: block;
+  width: 10px;
+  height: 10px;
+  left: 20px;
+  top: -5px;
+  transform: rotate(45deg);
+  background-color: inherit;
+}
+[dir="rtl"] .help-block::before {
+  right: 20px;
+  left: auto;
+  left: initial;
+}
+.help-block.arrow-center::before {
+  left: 50%;
+  margin-left: -5px;
+}
+[dir="rtl"] .help-block.arrow-center::before {
+  right: 50%;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .help-block.arrow-center::before {
+  margin-right: -5px;
+  margin-left: 0;
+  margin-left: initial;
+}
+.help-block.arrow-top::before {
+  top: -5px;
+  bottom: auto;
+}
+.help-block.arrow-left::before {
+  left: 20px;
+  right: auto;
+}
+[dir="rtl"] .help-block.arrow-left::before {
+  right: 20px;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .help-block.arrow-left::before {
+  left: auto;
+  right: auto;
+  right: initial;
+}
+.help-block.arrow-right::before {
+  left: auto;
+  right: 20px;
+}
+[dir="rtl"] .help-block.arrow-right::before {
+  right: auto;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .help-block.arrow-right::before {
+  left: 20px;
+  right: auto;
+  right: initial;
+}
+.help-block.arrow-bottom::before {
+  top: auto;
+  bottom: -5px;
+}
+.focus .alert,
+.has-focus .alert {
+  border-color: #0081ba;
+  border-color: var(--color-interactive-accent-active);
+}
+.has-success {
+  border-color: #2ead4b !important;
+  border-color: var(--color-interactive-positive) !important;
+}
+.has-success .control-label,
+.has-success .radio,
+.has-success .checkbox,
+.has-success .radio-inline,
+.has-success .checkbox-inline,
+.has-success.radio label,
+.has-success.checkbox label,
+.has-success.radio-inline label,
+.has-success.checkbox-inline label,
+.has-success .radio label,
+.has-success .checkbox label,
+.has-success .radio-inline label,
+.has-success .checkbox-inline label,
+.has-success .input-group-addon {
+  color: #008026 !important;
+  color: var(--color-content-positive) !important;
+  border-color: #2ead4b !important;
+  border-color: var(--color-interactive-positive) !important;
+}
+.has-success .form-control,
+.has-success .btn-input,
+.has-success .btn-input:not(.disabled):not(:disabled):focus,
+.has-success .btn-input:not(.disabled):not(:disabled):hover,
+.has-success .input-group-addon,
+.has-success .alert {
+  border-color: #2ead4b !important;
+  border-color: var(--color-interactive-positive) !important;
+}
+.has-success:active .form-control,
+.has-success:focus .form-control,
+.has-success:focus-within .form-control,
+.has-success:active.radio label,
+.has-success:focus.radio label,
+.has-success:focus-within.radio label,
+.has-success:active.checkbox label,
+.has-success:focus.checkbox label,
+.has-success:focus-within.checkbox label,
+.has-success:active .btn-input,
+.has-success:focus .btn-input,
+.has-success:focus-within .btn-input,
+.has-success:active .input-group-addon,
+.has-success:focus .input-group-addon,
+.has-success:focus-within .input-group-addon,
+.has-success:active .input-group .form-control:focus,
+.has-success:focus .input-group .form-control:focus,
+.has-success:focus-within .input-group .form-control:focus,
+.has-success:active .alert,
+.has-success:focus .alert,
+.has-success:focus-within .alert {
+  border-color: #069939 !important;
+  border-color: var(--color-interactive-positive-hover) !important;
+}
+.has-success:not(.disabled):not(:disabled):hover.radio label,
+.has-success:not(.disabled):not(:disabled):hover.checkbox label,
+.has-success:not(.disabled):not(:disabled):hover .btn-input,
+.has-success:not(.disabled):not(:disabled):hover .alert {
+  border-color: #069939 !important;
+  border-color: var(--color-interactive-positive-hover) !important;
+}
+.has-success .form-control-feedback {
+  color: #008026;
+  color: var(--color-content-positive);
+}
+.has-success .radio > label:not(.disabled):not(:disabled),
+.has-success.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: #2ead4b;
+  border-color: var(--color-interactive-positive);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.has-success .radio > label:not(.disabled):not(:disabled):hover,
+.has-success.checkbox > label:not(.disabled):not(:disabled):hover,
+.has-success .radio > label:focus-within,
+.has-success.checkbox > label:focus-within {
+  border-color: #069939 !important;
+  border-color: var(--color-interactive-positive-hover) !important;
+}
+.has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-success .radio > label:focus-within .tw-checkbox-button,
+.has-success.checkbox > label:focus-within .tw-checkbox-button,
+.has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-success .radio > label:focus-within .tw-radio-button,
+.has-success.checkbox > label:focus-within .tw-radio-button {
+  border-color: #069939 !important;
+  border-color: var(--color-interactive-positive-hover) !important;
+}
+.has-success .radio .tw-checkbox-button,
+.has-success.checkbox .tw-checkbox-button,
+.has-success .radio .tw-radio-button,
+.has-success.checkbox .tw-radio-button {
+  border-color: #2ead4b;
+  border-color: var(--color-interactive-positive);
+}
+.np-theme-personal .has-success {
+  border-color: var(--color-sentiment-positive) !important;
+}
+.np-theme-personal .has-success .control-label,
+.np-theme-personal .has-success .radio,
+.np-theme-personal .has-success .checkbox,
+.np-theme-personal .has-success .radio-inline,
+.np-theme-personal .has-success .checkbox-inline,
+.np-theme-personal .has-success.radio label,
+.np-theme-personal .has-success.checkbox label,
+.np-theme-personal .has-success.radio-inline label,
+.np-theme-personal .has-success.checkbox-inline label,
+.np-theme-personal .has-success .radio label,
+.np-theme-personal .has-success .checkbox label,
+.np-theme-personal .has-success .radio-inline label,
+.np-theme-personal .has-success .checkbox-inline label,
+.np-theme-personal .has-success .input-group-addon {
+  color: #37517e !important;
+  color: var(--color-content-primary) !important;
+  border-color: var(--color-sentiment-positive) !important;
+}
+.np-theme-personal .has-success .form-control,
+.np-theme-personal .has-success .btn-input,
+.np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):focus,
+.np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-success .input-group-addon,
+.np-theme-personal .has-success .alert {
+  border-color: var(--color-sentiment-positive) !important;
+}
+.np-theme-personal .has-success:active .form-control,
+.np-theme-personal .has-success:focus .form-control,
+.np-theme-personal .has-success:focus-within .form-control,
+.np-theme-personal .has-success:active.radio label,
+.np-theme-personal .has-success:focus.radio label,
+.np-theme-personal .has-success:focus-within.radio label,
+.np-theme-personal .has-success:active.checkbox label,
+.np-theme-personal .has-success:focus.checkbox label,
+.np-theme-personal .has-success:focus-within.checkbox label,
+.np-theme-personal .has-success:active .btn-input,
+.np-theme-personal .has-success:focus .btn-input,
+.np-theme-personal .has-success:focus-within .btn-input,
+.np-theme-personal .has-success:active .input-group-addon,
+.np-theme-personal .has-success:focus .input-group-addon,
+.np-theme-personal .has-success:focus-within .input-group-addon,
+.np-theme-personal .has-success:active .input-group .form-control:focus,
+.np-theme-personal .has-success:focus .input-group .form-control:focus,
+.np-theme-personal .has-success:focus-within .input-group .form-control:focus,
+.np-theme-personal .has-success:active .alert,
+.np-theme-personal .has-success:focus .alert,
+.np-theme-personal .has-success:focus-within .alert {
+  border-color: var(--color-sentiment-positive) !important;
+}
+.np-theme-personal .has-success:not(.disabled):not(:disabled):hover.radio label,
+.np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
+.np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
+.np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
+  border-color: var(--color-sentiment-positive) !important;
+}
+.np-theme-personal .has-success .form-control-feedback {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
+.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: var(--color-sentiment-positive);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-success .radio > label:focus-within,
+.np-theme-personal .has-success.checkbox > label:focus-within {
+  border-color: var(--color-sentiment-positive) !important;
+}
+.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-success .radio > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-success.checkbox > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
+.np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
+  border-color: var(--color-sentiment-positive) !important;
+}
+.np-theme-personal .has-success .radio .tw-checkbox-button,
+.np-theme-personal .has-success.checkbox .tw-checkbox-button,
+.np-theme-personal .has-success .radio .tw-radio-button,
+.np-theme-personal .has-success.checkbox .tw-radio-button {
+  border-color: var(--color-sentiment-positive);
+}
+.has-info {
+  border-color: #00a2dd !important;
+  border-color: var(--color-interactive-accent) !important;
+}
+.has-info .control-label,
+.has-info .radio,
+.has-info .checkbox,
+.has-info .radio-inline,
+.has-info .checkbox-inline,
+.has-info.radio label,
+.has-info.checkbox label,
+.has-info.radio-inline label,
+.has-info.checkbox-inline label,
+.has-info .radio label,
+.has-info .checkbox label,
+.has-info .radio-inline label,
+.has-info .checkbox-inline label,
+.has-info .input-group-addon {
+  color: #0097c7 !important;
+  color: var(--color-content-accent) !important;
+  border-color: #00a2dd !important;
+  border-color: var(--color-interactive-accent) !important;
+}
+.has-info .form-control,
+.has-info .btn-input,
+.has-info .btn-input:not(.disabled):not(:disabled):focus,
+.has-info .btn-input:not(.disabled):not(:disabled):hover,
+.has-info .input-group-addon,
+.has-info .alert {
+  border-color: #00a2dd !important;
+  border-color: var(--color-interactive-accent) !important;
+}
+.has-info:active .form-control,
+.has-info:focus .form-control,
+.has-info:focus-within .form-control,
+.has-info:active.radio label,
+.has-info:focus.radio label,
+.has-info:focus-within.radio label,
+.has-info:active.checkbox label,
+.has-info:focus.checkbox label,
+.has-info:focus-within.checkbox label,
+.has-info:active .btn-input,
+.has-info:focus .btn-input,
+.has-info:focus-within .btn-input,
+.has-info:active .input-group-addon,
+.has-info:focus .input-group-addon,
+.has-info:focus-within .input-group-addon,
+.has-info:active .input-group .form-control:focus,
+.has-info:focus .input-group .form-control:focus,
+.has-info:focus-within .input-group .form-control:focus,
+.has-info:active .alert,
+.has-info:focus .alert,
+.has-info:focus-within .alert {
+  border-color: #008fc9 !important;
+  border-color: var(--color-interactive-accent-hover) !important;
+}
+.has-info:not(.disabled):not(:disabled):hover.radio label,
+.has-info:not(.disabled):not(:disabled):hover.checkbox label,
+.has-info:not(.disabled):not(:disabled):hover .btn-input,
+.has-info:not(.disabled):not(:disabled):hover .alert {
+  border-color: #008fc9 !important;
+  border-color: var(--color-interactive-accent-hover) !important;
+}
+.has-info .form-control-feedback {
+  color: #0097c7;
+  color: var(--color-content-accent);
+}
+.has-info .radio > label:not(.disabled):not(:disabled),
+.has-info.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: #00a2dd;
+  border-color: var(--color-interactive-accent);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.has-info .radio > label:not(.disabled):not(:disabled):hover,
+.has-info.checkbox > label:not(.disabled):not(:disabled):hover,
+.has-info .radio > label:focus-within,
+.has-info.checkbox > label:focus-within {
+  border-color: #008fc9 !important;
+  border-color: var(--color-interactive-accent-hover) !important;
+}
+.has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-info .radio > label:focus-within .tw-checkbox-button,
+.has-info.checkbox > label:focus-within .tw-checkbox-button,
+.has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-info .radio > label:focus-within .tw-radio-button,
+.has-info.checkbox > label:focus-within .tw-radio-button {
+  border-color: #008fc9 !important;
+  border-color: var(--color-interactive-accent-hover) !important;
+}
+.has-info .radio .tw-checkbox-button,
+.has-info.checkbox .tw-checkbox-button,
+.has-info .radio .tw-radio-button,
+.has-info.checkbox .tw-radio-button {
+  border-color: #00a2dd;
+  border-color: var(--color-interactive-accent);
+}
+.np-theme-personal .has-info {
+  border-color: transparent !important;
+}
+.np-theme-personal .has-info .control-label,
+.np-theme-personal .has-info .radio,
+.np-theme-personal .has-info .checkbox,
+.np-theme-personal .has-info .radio-inline,
+.np-theme-personal .has-info .checkbox-inline,
+.np-theme-personal .has-info.radio label,
+.np-theme-personal .has-info.checkbox label,
+.np-theme-personal .has-info.radio-inline label,
+.np-theme-personal .has-info.checkbox-inline label,
+.np-theme-personal .has-info .radio label,
+.np-theme-personal .has-info .checkbox label,
+.np-theme-personal .has-info .radio-inline label,
+.np-theme-personal .has-info .checkbox-inline label,
+.np-theme-personal .has-info .input-group-addon {
+  color: #37517e !important;
+  color: var(--color-content-primary) !important;
+  border-color: transparent !important;
+}
+.np-theme-personal .has-info .form-control,
+.np-theme-personal .has-info .btn-input,
+.np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):focus,
+.np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-info .input-group-addon,
+.np-theme-personal .has-info .alert {
+  border-color: transparent !important;
+}
+.np-theme-personal .has-info:active .form-control,
+.np-theme-personal .has-info:focus .form-control,
+.np-theme-personal .has-info:focus-within .form-control,
+.np-theme-personal .has-info:active.radio label,
+.np-theme-personal .has-info:focus.radio label,
+.np-theme-personal .has-info:focus-within.radio label,
+.np-theme-personal .has-info:active.checkbox label,
+.np-theme-personal .has-info:focus.checkbox label,
+.np-theme-personal .has-info:focus-within.checkbox label,
+.np-theme-personal .has-info:active .btn-input,
+.np-theme-personal .has-info:focus .btn-input,
+.np-theme-personal .has-info:focus-within .btn-input,
+.np-theme-personal .has-info:active .input-group-addon,
+.np-theme-personal .has-info:focus .input-group-addon,
+.np-theme-personal .has-info:focus-within .input-group-addon,
+.np-theme-personal .has-info:active .input-group .form-control:focus,
+.np-theme-personal .has-info:focus .input-group .form-control:focus,
+.np-theme-personal .has-info:focus-within .input-group .form-control:focus,
+.np-theme-personal .has-info:active .alert,
+.np-theme-personal .has-info:focus .alert,
+.np-theme-personal .has-info:focus-within .alert {
+  border-color: transparent !important;
+}
+.np-theme-personal .has-info:not(.disabled):not(:disabled):hover.radio label,
+.np-theme-personal .has-info:not(.disabled):not(:disabled):hover.checkbox label,
+.np-theme-personal .has-info:not(.disabled):not(:disabled):hover .btn-input,
+.np-theme-personal .has-info:not(.disabled):not(:disabled):hover .alert {
+  border-color: transparent !important;
+}
+.np-theme-personal .has-info .form-control-feedback {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled),
+.np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: transparent;
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-info .radio > label:focus-within,
+.np-theme-personal .has-info.checkbox > label:focus-within {
+  border-color: transparent !important;
+}
+.np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-info .radio > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-info.checkbox > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-info .radio > label:focus-within .tw-radio-button,
+.np-theme-personal .has-info.checkbox > label:focus-within .tw-radio-button {
+  border-color: transparent !important;
+}
+.np-theme-personal .has-info .radio .tw-checkbox-button,
+.np-theme-personal .has-info.checkbox .tw-checkbox-button,
+.np-theme-personal .has-info .radio .tw-radio-button,
+.np-theme-personal .has-info.checkbox .tw-radio-button {
+  border-color: transparent;
+}
+.has-warning {
+  border-color: #df8700 !important;
+  border-color: var(--color-interactive-warning) !important;
+}
+.has-warning .control-label,
+.has-warning .radio,
+.has-warning .checkbox,
+.has-warning .radio-inline,
+.has-warning .checkbox-inline,
+.has-warning.radio label,
+.has-warning.checkbox label,
+.has-warning.radio-inline label,
+.has-warning.checkbox-inline label,
+.has-warning .radio label,
+.has-warning .checkbox label,
+.has-warning .radio-inline label,
+.has-warning .checkbox-inline label,
+.has-warning .input-group-addon {
+  color: #9a6500 !important;
+  color: var(--color-content-warning) !important;
+  border-color: #df8700 !important;
+  border-color: var(--color-interactive-warning) !important;
+}
+.has-warning .form-control,
+.has-warning .btn-input,
+.has-warning .btn-input:not(.disabled):not(:disabled):focus,
+.has-warning .btn-input:not(.disabled):not(:disabled):hover,
+.has-warning .input-group-addon,
+.has-warning .alert {
+  border-color: #df8700 !important;
+  border-color: var(--color-interactive-warning) !important;
+}
+.has-warning:active .form-control,
+.has-warning:focus .form-control,
+.has-warning:focus-within .form-control,
+.has-warning:active.radio label,
+.has-warning:focus.radio label,
+.has-warning:focus-within.radio label,
+.has-warning:active.checkbox label,
+.has-warning:focus.checkbox label,
+.has-warning:focus-within.checkbox label,
+.has-warning:active .btn-input,
+.has-warning:focus .btn-input,
+.has-warning:focus-within .btn-input,
+.has-warning:active .input-group-addon,
+.has-warning:focus .input-group-addon,
+.has-warning:focus-within .input-group-addon,
+.has-warning:active .input-group .form-control:focus,
+.has-warning:focus .input-group .form-control:focus,
+.has-warning:focus-within .input-group .form-control:focus,
+.has-warning:active .alert,
+.has-warning:focus .alert,
+.has-warning:focus-within .alert {
+  border-color: #c97500 !important;
+  border-color: var(--color-interactive-warning-hover) !important;
+}
+.has-warning:not(.disabled):not(:disabled):hover.radio label,
+.has-warning:not(.disabled):not(:disabled):hover.checkbox label,
+.has-warning:not(.disabled):not(:disabled):hover .btn-input,
+.has-warning:not(.disabled):not(:disabled):hover .alert {
+  border-color: #c97500 !important;
+  border-color: var(--color-interactive-warning-hover) !important;
+}
+.has-warning .form-control-feedback {
+  color: #9a6500;
+  color: var(--color-content-warning);
+}
+.has-warning .radio > label:not(.disabled):not(:disabled),
+.has-warning.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: #df8700;
+  border-color: var(--color-interactive-warning);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.has-warning .radio > label:not(.disabled):not(:disabled):hover,
+.has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
+.has-warning .radio > label:focus-within,
+.has-warning.checkbox > label:focus-within {
+  border-color: #c97500 !important;
+  border-color: var(--color-interactive-warning-hover) !important;
+}
+.has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-warning .radio > label:focus-within .tw-checkbox-button,
+.has-warning.checkbox > label:focus-within .tw-checkbox-button,
+.has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-warning .radio > label:focus-within .tw-radio-button,
+.has-warning.checkbox > label:focus-within .tw-radio-button {
+  border-color: #c97500 !important;
+  border-color: var(--color-interactive-warning-hover) !important;
+}
+.has-warning .radio .tw-checkbox-button,
+.has-warning.checkbox .tw-checkbox-button,
+.has-warning .radio .tw-radio-button,
+.has-warning.checkbox .tw-radio-button {
+  border-color: #df8700;
+  border-color: var(--color-interactive-warning);
+}
+.np-theme-personal .has-warning {
+  border-color: var(--color-sentiment-warning) !important;
+}
+.np-theme-personal .has-warning .control-label,
+.np-theme-personal .has-warning .radio,
+.np-theme-personal .has-warning .checkbox,
+.np-theme-personal .has-warning .radio-inline,
+.np-theme-personal .has-warning .checkbox-inline,
+.np-theme-personal .has-warning.radio label,
+.np-theme-personal .has-warning.checkbox label,
+.np-theme-personal .has-warning.radio-inline label,
+.np-theme-personal .has-warning.checkbox-inline label,
+.np-theme-personal .has-warning .radio label,
+.np-theme-personal .has-warning .checkbox label,
+.np-theme-personal .has-warning .radio-inline label,
+.np-theme-personal .has-warning .checkbox-inline label,
+.np-theme-personal .has-warning .input-group-addon {
+  color: #37517e !important;
+  color: var(--color-content-primary) !important;
+  border-color: var(--color-sentiment-warning) !important;
+}
+.np-theme-personal .has-warning .form-control,
+.np-theme-personal .has-warning .btn-input,
+.np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):focus,
+.np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-warning .input-group-addon,
+.np-theme-personal .has-warning .alert {
+  border-color: var(--color-sentiment-warning) !important;
+}
+.np-theme-personal .has-warning:active .form-control,
+.np-theme-personal .has-warning:focus .form-control,
+.np-theme-personal .has-warning:focus-within .form-control,
+.np-theme-personal .has-warning:active.radio label,
+.np-theme-personal .has-warning:focus.radio label,
+.np-theme-personal .has-warning:focus-within.radio label,
+.np-theme-personal .has-warning:active.checkbox label,
+.np-theme-personal .has-warning:focus.checkbox label,
+.np-theme-personal .has-warning:focus-within.checkbox label,
+.np-theme-personal .has-warning:active .btn-input,
+.np-theme-personal .has-warning:focus .btn-input,
+.np-theme-personal .has-warning:focus-within .btn-input,
+.np-theme-personal .has-warning:active .input-group-addon,
+.np-theme-personal .has-warning:focus .input-group-addon,
+.np-theme-personal .has-warning:focus-within .input-group-addon,
+.np-theme-personal .has-warning:active .input-group .form-control:focus,
+.np-theme-personal .has-warning:focus .input-group .form-control:focus,
+.np-theme-personal .has-warning:focus-within .input-group .form-control:focus,
+.np-theme-personal .has-warning:active .alert,
+.np-theme-personal .has-warning:focus .alert,
+.np-theme-personal .has-warning:focus-within .alert {
+  border-color: var(--color-sentiment-warning) !important;
+}
+.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.radio label,
+.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
+.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
+.np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
+  border-color: var(--color-sentiment-warning) !important;
+}
+.np-theme-personal .has-warning .form-control-feedback {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
+.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: var(--color-sentiment-warning);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-warning .radio > label:focus-within,
+.np-theme-personal .has-warning.checkbox > label:focus-within {
+  border-color: var(--color-sentiment-warning) !important;
+}
+.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-warning .radio > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-warning.checkbox > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
+.np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
+  border-color: var(--color-sentiment-warning) !important;
+}
+.np-theme-personal .has-warning .radio .tw-checkbox-button,
+.np-theme-personal .has-warning.checkbox .tw-checkbox-button,
+.np-theme-personal .has-warning .radio .tw-radio-button,
+.np-theme-personal .has-warning.checkbox .tw-radio-button {
+  border-color: var(--color-sentiment-warning);
+}
+.has-error {
+  border-color: #e74848 !important;
+  border-color: var(--color-interactive-negative) !important;
+}
+.has-error .control-label,
+.has-error .radio,
+.has-error .checkbox,
+.has-error .radio-inline,
+.has-error .checkbox-inline,
+.has-error.radio label,
+.has-error.checkbox label,
+.has-error.radio-inline label,
+.has-error.checkbox-inline label,
+.has-error .radio label,
+.has-error .checkbox label,
+.has-error .radio-inline label,
+.has-error .checkbox-inline label,
+.has-error .input-group-addon {
+  color: #cf2929 !important;
+  color: var(--color-content-negative) !important;
+  border-color: #e74848 !important;
+  border-color: var(--color-interactive-negative) !important;
+}
+.has-error .form-control,
+.has-error .btn-input,
+.has-error .btn-input:not(.disabled):not(:disabled):focus,
+.has-error .btn-input:not(.disabled):not(:disabled):hover,
+.has-error .input-group-addon,
+.has-error .alert {
+  border-color: #e74848 !important;
+  border-color: var(--color-interactive-negative) !important;
+}
+.has-error:active .form-control,
+.has-error:focus .form-control,
+.has-error:focus-within .form-control,
+.has-error:active.radio label,
+.has-error:focus.radio label,
+.has-error:focus-within.radio label,
+.has-error:active.checkbox label,
+.has-error:focus.checkbox label,
+.has-error:focus-within.checkbox label,
+.has-error:active .btn-input,
+.has-error:focus .btn-input,
+.has-error:focus-within .btn-input,
+.has-error:active .input-group-addon,
+.has-error:focus .input-group-addon,
+.has-error:focus-within .input-group-addon,
+.has-error:active .input-group .form-control:focus,
+.has-error:focus .input-group .form-control:focus,
+.has-error:focus-within .input-group .form-control:focus,
+.has-error:active .alert,
+.has-error:focus .alert,
+.has-error:focus-within .alert {
+  border-color: #d03238 !important;
+  border-color: var(--color-interactive-negative-hover) !important;
+}
+.has-error:not(.disabled):not(:disabled):hover.radio label,
+.has-error:not(.disabled):not(:disabled):hover.checkbox label,
+.has-error:not(.disabled):not(:disabled):hover .btn-input,
+.has-error:not(.disabled):not(:disabled):hover .alert {
+  border-color: #d03238 !important;
+  border-color: var(--color-interactive-negative-hover) !important;
+}
+.has-error .form-control-feedback {
+  color: #cf2929;
+  color: var(--color-content-negative);
+}
+.has-error .radio > label:not(.disabled):not(:disabled),
+.has-error.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: #e74848;
+  border-color: var(--color-interactive-negative);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.has-error .radio > label:not(.disabled):not(:disabled):hover,
+.has-error.checkbox > label:not(.disabled):not(:disabled):hover,
+.has-error .radio > label:focus-within,
+.has-error.checkbox > label:focus-within {
+  border-color: #d03238 !important;
+  border-color: var(--color-interactive-negative-hover) !important;
+}
+.has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.has-error .radio > label:focus-within .tw-checkbox-button,
+.has-error.checkbox > label:focus-within .tw-checkbox-button,
+.has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.has-error .radio > label:focus-within .tw-radio-button,
+.has-error.checkbox > label:focus-within .tw-radio-button {
+  border-color: #d03238 !important;
+  border-color: var(--color-interactive-negative-hover) !important;
+}
+.has-error .radio .tw-checkbox-button,
+.has-error.checkbox .tw-checkbox-button,
+.has-error .radio .tw-radio-button,
+.has-error.checkbox .tw-radio-button {
+  border-color: #e74848;
+  border-color: var(--color-interactive-negative);
+}
+.np-theme-personal .has-error {
+  border-color: var(--color-sentiment-negative) !important;
+}
+.np-theme-personal .has-error .control-label,
+.np-theme-personal .has-error .radio,
+.np-theme-personal .has-error .checkbox,
+.np-theme-personal .has-error .radio-inline,
+.np-theme-personal .has-error .checkbox-inline,
+.np-theme-personal .has-error.radio label,
+.np-theme-personal .has-error.checkbox label,
+.np-theme-personal .has-error.radio-inline label,
+.np-theme-personal .has-error.checkbox-inline label,
+.np-theme-personal .has-error .radio label,
+.np-theme-personal .has-error .checkbox label,
+.np-theme-personal .has-error .radio-inline label,
+.np-theme-personal .has-error .checkbox-inline label,
+.np-theme-personal .has-error .input-group-addon {
+  color: #37517e !important;
+  color: var(--color-content-primary) !important;
+  border-color: var(--color-sentiment-negative) !important;
+}
+.np-theme-personal .has-error .form-control,
+.np-theme-personal .has-error .btn-input,
+.np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):focus,
+.np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-error .input-group-addon,
+.np-theme-personal .has-error .alert {
+  border-color: var(--color-sentiment-negative) !important;
+}
+.np-theme-personal .has-error:active .form-control,
+.np-theme-personal .has-error:focus .form-control,
+.np-theme-personal .has-error:focus-within .form-control,
+.np-theme-personal .has-error:active.radio label,
+.np-theme-personal .has-error:focus.radio label,
+.np-theme-personal .has-error:focus-within.radio label,
+.np-theme-personal .has-error:active.checkbox label,
+.np-theme-personal .has-error:focus.checkbox label,
+.np-theme-personal .has-error:focus-within.checkbox label,
+.np-theme-personal .has-error:active .btn-input,
+.np-theme-personal .has-error:focus .btn-input,
+.np-theme-personal .has-error:focus-within .btn-input,
+.np-theme-personal .has-error:active .input-group-addon,
+.np-theme-personal .has-error:focus .input-group-addon,
+.np-theme-personal .has-error:focus-within .input-group-addon,
+.np-theme-personal .has-error:active .input-group .form-control:focus,
+.np-theme-personal .has-error:focus .input-group .form-control:focus,
+.np-theme-personal .has-error:focus-within .input-group .form-control:focus,
+.np-theme-personal .has-error:active .alert,
+.np-theme-personal .has-error:focus .alert,
+.np-theme-personal .has-error:focus-within .alert {
+  border-color: var(--color-sentiment-negative-hover) !important;
+}
+.np-theme-personal .has-error:not(.disabled):not(:disabled):hover.radio label,
+.np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
+.np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
+.np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
+  border-color: var(--color-sentiment-negative-hover) !important;
+}
+.np-theme-personal .has-error .form-control-feedback {
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
+.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: var(--color-sentiment-negative);
+  color: #37517e;
+  color: var(--color-content-primary);
+}
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-error .radio > label:focus-within,
+.np-theme-personal .has-error.checkbox > label:focus-within {
+  border-color: var(--color-sentiment-negative-hover) !important;
+}
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
+.np-theme-personal .has-error .radio > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-error.checkbox > label:focus-within .tw-checkbox-button,
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
+.np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
+  border-color: var(--color-sentiment-negative-hover) !important;
+}
+.np-theme-personal .has-error .radio .tw-checkbox-button,
+.np-theme-personal .has-error.checkbox .tw-checkbox-button,
+.np-theme-personal .has-error .radio .tw-radio-button,
+.np-theme-personal .has-error.checkbox .tw-radio-button {
+  border-color: var(--color-sentiment-negative);
+}
+.has-feedback label ~ .form-control-feedback {
+  top: 1.2;
+  top: var(--line-height-control);
+}
+.has-feedback label.sr-only ~ .form-control-feedback {
+  top: 0;
+}
+@media (min-width: 576px) {
+  .form-inline .form-group {
+    display: inline-block;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .form-control {
+    display: inline-block;
+    width: auto;
+    vertical-align: middle;
+  }
+  .form-inline .form-control-static {
+    display: inline-block;
+  }
+  .form-inline .input-group {
+    display: inline-table;
+    vertical-align: middle;
+  }
+  .form-inline .input-group .input-group-addon,
+  .form-inline .input-group .input-group-btn,
+  .form-inline .input-group .form-control {
+    width: auto;
+  }
+  .form-inline .input-group > .form-control {
+    width: 100%;
+  }
+  .form-inline .control-label {
+    margin-bottom: 0;
+    vertical-align: calc(-2px);
+  }
+  .form-inline .radio,
+  .form-inline .checkbox {
+    display: inline-block;
+    margin-top: 0;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .form-inline .radio label,
+  .form-inline .checkbox label {
+    padding-left: 0;
+  }
+  [dir="rtl"] .form-inline .radio label,
+  [dir="rtl"] .form-inline .checkbox label {
+    padding-right: 0;
+    padding-left: 0;
+    padding-left: initial;
+  }
+  .form-inline .radio input[type='radio'],
+  .form-inline .checkbox input[type='checkbox'] {
+    position: relative;
+    margin-left: 0;
+  }
+  [dir="rtl"] .form-inline .radio input[type='radio'],
+  [dir="rtl"] .form-inline .checkbox input[type='checkbox'] {
+    margin-right: 0;
+    margin-left: 0;
+    margin-left: initial;
+  }
+  .form-inline .has-feedback .form-control-feedback {
+    top: 0;
+  }
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox,
+.form-horizontal .radio-inline,
+.form-horizontal .checkbox-inline {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-top: 9px;
+}
+.form-horizontal .radio,
+.form-horizontal .checkbox {
+  min-height: calc(1.2 + (8px + 1));
+  min-height: calc(var(--line-height-control) + (8px + 1));
+}
+.form-horizontal .form-group {
+  margin-left: -12px;
+  margin-right: -12px;
+}
+[dir="rtl"] .form-horizontal .form-group {
+  margin-right: -12px;
+  margin-left: -12px;
+}
+[dir="rtl"] .form-horizontal .form-group {
+  margin-left: -12px;
+  margin-right: -12px;
+}
+@media (min-width: 576px) {
+  .form-horizontal .control-label {
+    text-align: right;
+    margin-bottom: 0;
+    padding-top: 14px;
+  }
+  [dir="rtl"] .form-horizontal .control-label {
+    text-align: left;
+  }
+}
+.form-horizontal .has-feedback .form-control-feedback {
+  right: 12px;
+}
+[dir="rtl"] .form-horizontal .has-feedback .form-control-feedback {
+  left: 12px;
+  right: auto;
+  right: initial;
+}
+@media (min-width: 576px) {
+  .form-horizontal .form-group-lg .control-label {
+    padding-top: 17px;
+    font-size: 1.25rem;
+    font-size: var(--font-size-20);
+  }
+}
+@media (min-width: 576px) {
+  .form-horizontal .form-group-sm .control-label {
+    padding-top: 8px;
+    font-size: 0.875rem;
+    font-size: var(--font-size-14);
+  }
+}
+.radio,
+.checkbox {
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+}
+.radio > label,
+.checkbox > label {
+  position: relative;
+  padding-left: 48px;
+}
+[dir="rtl"] .radio > label,
+[dir="rtl"] .checkbox > label {
+  padding-right: 48px;
+  padding-left: 0;
+  padding-left: initial;
+}
+.radio > label input[type="radio"],
+.checkbox > label input[type="radio"],
+.radio > label input[type="checkbox"],
+.checkbox > label input[type="checkbox"] {
+  display: block;
+  position: absolute;
+  top: 13px;
+  left: 40px;
+}
+[dir="rtl"] .radio > label input[type="radio"],
+[dir="rtl"] .checkbox > label input[type="radio"],
+[dir="rtl"] .radio > label input[type="checkbox"],
+[dir="rtl"] .checkbox > label input[type="checkbox"] {
+  right: 40px;
+  left: auto;
+  left: initial;
+}
+.tw-checkbox-button {
+  border: 1px solid #c9cbce;
+  border: 1px solid var(--color-interactive-secondary);
+  background: #ffffff;
+  background: var(--color-background-screen);
+  width: 22px;
+  height: 22px;
+  border-radius: 3px;
+  display: inline-block;
+  padding: 0;
+  vertical-align: middle;
+  text-align: center;
+  transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
+}
+.np-theme-personal .tw-checkbox-button {
+  border: none;
+  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
+}
+.tw-checkbox-button .tw-checkbox-check,
+.tw-checkbox-button .np-tw-checkbox-indeterminate {
+  width: 20px;
+  height: 20px;
+  margin: 0;
+  display: none;
+  color: #ffffff;
+  color: var(--color-background-screen);
+}
+.tw-checkbox-button:not(.disabled):not(:disabled):hover,
+input[type="checkbox"]:hover + .tw-checkbox-button,
+.checkbox:hover .tw-checkbox-button {
+  border-color: #b5b7ba;
+  border-color: var(--color-interactive-secondary-hover);
+}
+.np-theme-personal .tw-checkbox-button:not(.disabled):not(:disabled):hover,
+.np-theme-personal input[type="checkbox"]:hover + .tw-checkbox-button,
+.np-theme-personal .checkbox:hover .tw-checkbox-button {
+  box-shadow: inset 0 0 0 1px #b5b7ba;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
+}
+.tw-checkbox-button:not(.disabled):not(:disabled):focus,
+.tw-checkbox-button:not(.disabled):not(:disabled).focus,
+.tw-checkbox-button:not(.disabled):not(:disabled):focus:hover,
+.tw-checkbox-button:not(.disabled):not(:disabled).focus:hover,
+input[type="checkbox"]:focus + .tw-checkbox-button,
+.tw-checkbox-button:not(.disabled):not(:disabled):active,
+.tw-checkbox-button:not(.disabled):not(:disabled).active,
+input[type="checkbox"]:active + .tw-checkbox-button {
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+  outline: none;
+}
+input[type="checkbox"]:focus-visible + .tw-checkbox-button {
+  outline: var(--ring-outline-color) solid var(--ring-outline-width);
+  outline-offset: var(--ring-outline-offset);
+}
+.checkbox input[type="checkbox"]:focus-visible + .tw-checkbox-button {
+  outline: none;
+}
+.tw-checkbox-button:checked,
+.tw-checkbox-button.checked,
+input[type="checkbox"]:checked + .tw-checkbox-button,
+input[type="checkbox"]:indeterminate + .tw-checkbox-button {
+  border-color: #00a2dd !important;
+  border-color: var(--color-interactive-accent) !important;
+  background-color: #00a2dd;
+  background-color: var(--color-interactive-accent);
+}
+.np-theme-personal .tw-checkbox-button:checked,
+.np-theme-personal .tw-checkbox-button.checked,
+.np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button,
+.np-theme-personal input[type="checkbox"]:indeterminate + .tw-checkbox-button {
+  background-color: var(--color-interactive-primary);
+  box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
+}
+.tw-checkbox-button:checked .tw-checkbox-check,
+.tw-checkbox-button.checked .tw-checkbox-check,
+input[type="checkbox"]:checked + .tw-checkbox-button .tw-checkbox-check {
+  display: inline-block;
+}
+input[type="checkbox"]:indeterminate + .tw-checkbox-button .np-tw-checkbox-indeterminate {
+  display: inline-block;
+}
+.tw-checkbox-button:checked:hover,
+.tw-checkbox-button.checked:hover,
+input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
+input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
+  border-color: #008fc9 !important;
+  border-color: var(--color-interactive-accent-hover) !important;
+  background-color: #008fc9;
+  background-color: var(--color-interactive-accent-hover);
+}
+.np-theme-personal .tw-checkbox-button:checked:hover,
+.np-theme-personal .tw-checkbox-button.checked:hover,
+.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
+.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
+  border-color: var(--color-interactive-primary-hover) !important;
+  background-color: var(--color-interactive-primary-hover);
+  box-shadow: inset 0 0 0 1px var(--color-interactive-primary-hover);
+}
+.tw-checkbox-button:checked:active,
+.tw-checkbox-button.checked:active,
+input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
+input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
+  border-color: #0081ba !important;
+  border-color: var(--color-interactive-accent-active) !important;
+  background-color: #0081ba;
+  background-color: var(--color-interactive-accent-active);
+}
+.np-theme-personal .tw-checkbox-button:checked:active,
+.np-theme-personal .tw-checkbox-button.checked:active,
+.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
+.np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
+  border-color: var(--color-interactive-primary-active) !important;
+  background-color: var(--color-interactive-primary-active);
+  box-shadow: inset 0 0 0 1px var(--color-interactive-primary-active);
+}
+.checkbox.has-error .tw-checkbox-button,
+.tw-checkbox-button.has-error {
+  border-color: #e74848 !important;
+  border-color: var(--color-interactive-negative) !important;
+}
+.checkbox.has-error .tw-checkbox-button:checked,
+.tw-checkbox-button.has-error:checked,
+.checkbox.has-error .tw-checkbox-button.checked,
+.tw-checkbox-button.has-error.checked {
+  background-color: #e74848;
+  background-color: var(--color-interactive-negative);
+}
+.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked + .tw-checkbox-button,
+.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate + .tw-checkbox-button {
+  border-color: #e74848 !important;
+  border-color: var(--color-interactive-negative) !important;
+  background-color: #e74848;
+  background-color: var(--color-interactive-negative);
+}
+.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
+.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:indeterminate + .tw-checkbox-button {
+  border-color: #d03238 !important;
+  border-color: var(--color-interactive-negative-hover) !important;
+  background-color: #d03238;
+  background-color: var(--color-interactive-negative-hover);
+}
+.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
+.checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate + .tw-checkbox-button {
+  border-color: #bf1e2c !important;
+  border-color: var(--color-interactive-negative-active) !important;
+  background-color: #bf1e2c;
+  background-color: var(--color-interactive-negative-active);
+}
+.tw-radio-button {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  border: 1px solid #c9cbce;
+  border: 1px solid var(--color-interactive-secondary);
+  background: #ffffff;
+  background: var(--color-background-screen);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  transition: border 0.15s ease-in-out;
+}
+.np-theme-personal .tw-radio-button {
+  border: none;
+  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
+  position: relative;
+  top: 0;
+  left: 0;
+}
+.tw-radio-button .tw-radio-check {
+  border-radius: 50%;
+  text-align: center;
+  width: 12px;
+  height: 12px;
+  display: block;
+  opacity: 0;
+  transition: all 0.15s ease-in-out;
+}
+.radio:not(.disabled):not(:disabled):hover .tw-radio-button,
+.tw-radio-button:not(.disabled):not(:disabled):hover {
+  border-color: #b5b7ba;
+  border-color: var(--color-interactive-secondary-hover);
+}
+.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
+.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover {
+  border-color: transparent;
+  box-shadow: inset 0 0 0 1px #b5b7ba;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
+}
+.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked,
+.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
+.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
+.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
+  box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
+}
+.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked .tw-radio-check,
+.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
+.np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
+.np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
+  background-color: var(--color-interactive-primary-hover);
+}
+.tw-radio-button:not(.disabled):not(:disabled):focus,
+.tw-radio-button:not(.disabled):not(:disabled).focus,
+.tw-radio-button:not(.disabled):not(:disabled):active,
+.tw-radio-button:not(.disabled):not(:disabled).active {
+  border-color: #a7a9ab;
+  border-color: var(--color-interactive-secondary-active);
+  outline: none;
+}
+.tw-radio-button:checked,
+.tw-radio-button.checked {
+  border-color: #00a2dd !important;
+  border-color: var(--color-interactive-accent) !important;
+}
+.tw-radio-button:checked .tw-radio-check,
+.tw-radio-button.checked .tw-radio-check {
+  opacity: 1;
+  background-color: #00a2dd;
+  background-color: var(--color-interactive-accent);
+}
+.np-theme-personal .tw-radio-button:checked,
+.np-theme-personal .tw-radio-button.checked {
+  border-color: transparent !important;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
+}
+.np-theme-personal .tw-radio-button:checked .tw-radio-check,
+.np-theme-personal .tw-radio-button.checked .tw-radio-check {
+  background-color: var(--color-interactive-primary);
+  max-height: 12px;
+  max-width: 12px;
+}
+.radio.has-error .tw-radio-button,
+.tw-radio-button.has-error {
+  border-color: #e74848 !important;
+  border-color: var(--color-interactive-negative) !important;
+}
+.radio.has-error .tw-radio-button:checked .tw-radio-check,
+.tw-radio-button.has-error:checked .tw-radio-check,
+.radio.has-error .tw-radio-button.checked .tw-radio-check,
+.tw-radio-button.has-error.checked .tw-radio-check {
+  background-color: #e74848;
+  background-color: var(--color-interactive-negative);
+}
+.radio .tw-radio-button {
+  position: absolute;
+  left: 13px;
+  top: 11px;
+}
+[dir="rtl"] .radio .tw-radio-button {
+  right: 13px;
+  left: auto;
+  left: initial;
+}
+.checkbox .tw-checkbox-button {
+  position: absolute;
+  left: 14px;
+  top: 12px;
+}
+[dir="rtl"] .checkbox .tw-checkbox-button {
+  right: 14px;
+  left: auto;
+  left: initial;
+}
+.form-inline .tw-checkbox-button,
+.form-inline .tw-radio-button {
+  vertical-align: bottom;
+}
+.form-horizontal .checkbox,
+.form-horizontal .radio {
+  padding-top: 0;
+}
+.form-horizontal .checkbox > label,
+.form-horizontal .radio > label {
+  margin-bottom: 0;
+}
+.np-radio.radio,
+.np-checkbox.checkbox {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+}
+.np-radio.radio .np-radio-button,
+.np-checkbox.checkbox .np-radio-button,
+.np-radio.radio .np-checkbox-button,
+.np-checkbox.checkbox .np-checkbox-button {
+  position: relative;
+  flex-shrink: 0;
+}
+.np-radio.radio .tw-checkbox-button,
+.np-checkbox.checkbox .tw-checkbox-button,
+.np-radio.radio .tw-radio-button,
+.np-checkbox.checkbox .tw-radio-button {
+  position: static;
+}
+.np-radio.radio > label,
+.np-checkbox.checkbox > label {
+  display: flex;
+  align-items: center;
+  padding: 8px 16px   ;
+  padding: var(--size-8) var(--size-16)   ;
+}
+[dir="rtl"] .np-radio.radio > label,
+[dir="rtl"] .np-checkbox.checkbox > label {
+  padding: 8px 16px   ;
+  padding: var(--size-8) var(--size-16)   ;
+}
+.np-radio.radio > label .np-checkbox__text,
+.np-checkbox.checkbox > label .np-checkbox__text,
+.np-radio.radio > label .np-radio__text,
+.np-checkbox.checkbox > label .np-radio__text {
+  display: block;
+  padding-top: 1px;
+}
+:not(.np-theme-personal) .np-radio.radio > label .np-checkbox__text,
+:not(.np-theme-personal) .np-checkbox.checkbox > label .np-checkbox__text,
+:not(.np-theme-personal) .np-radio.radio > label .np-radio__text,
+:not(.np-theme-personal) .np-checkbox.checkbox > label .np-radio__text {
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 1.25rem;
+  line-height: var(--line-height-20);
+  padding-top: 3px;
+}
+.np-theme-personal .np-radio.radio > label,
+.np-theme-personal .np-checkbox.checkbox > label {
+  padding: var(--input-padding);
+}
+.np-radio .np-radio__avatar {
+  pointer-events: none;
+}
+[dir="rtl"] .input-group .input-group-btn + input {
+  border-right: 0 solid transparent;
+}
+html:not([dir="rtl"]) .input-group .input-group-btn + input {
+  border-left: 0 solid transparent;
+}
+.input-group-addon {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  transition: border-color ease-in-out 0.15s;
+}
+.form-control-feedback,
+.form-control-feedback.icon {
+  font-size: 24px;
+  line-height: 48px;
+}
+.label {
+  padding-top: 0.25em;
+  position: relative;
+  top: -3px;
+}
+.label .label-default {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  background-color: rgba(134,167,189,0.10196);
+  background-color: var(--color-background-neutral);
+}
+.form-group {
+  position: relative;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+}
+.form-group .row {
+  margin-left: -6px;
+  margin-right: -6px;
+}
+[dir="rtl"] .form-group .row {
+  margin-right: -6px;
+  margin-left: 0;
+  margin-left: initial;
+}
+[dir="rtl"] .form-group .row {
+  margin-left: -6px;
+  margin-right: 0;
+  margin-right: initial;
+}
+.form-group .row [class*='col-'] {
+  padding-left: 6px;
+  padding-right: 6px;
+}
+[dir="rtl"] .form-group .row [class*='col-'] {
+  padding-right: 6px;
+  padding-left: 0;
+  padding-left: initial;
+}
+[dir="rtl"] .form-group .row [class*='col-'] {
+  padding-left: 6px;
+  padding-right: 0;
+  padding-right: initial;
+}
+@media (max-width: 575px) {
+  .form-group .row [class*='col-sm-'] {
+    margin-bottom: 0;
+  }
+  .form-group .row [class*='col-sm-'] .btn-input {
+    margin-bottom: 12px;
+  }
+}
+@media (max-width: 767px) {
+  .form-group .row [class*='col-md-'] {
+    margin-bottom: 0;
+  }
+  .form-group .row [class*='col-md-'] .form-control,
+  .form-group .row [class*='col-md-'] .btn-input {
+    margin-bottom: 12px;
+  }
+}
+@media (max-width: 991px) {
+  .form-group .row [class*='col-lg-'] {
+    margin-bottom: 0;
+  }
+  .form-group .row [class*='col-lg-'] .form-control,
+  .form-group .row [class*='col-lg-'] .btn-input {
+    margin-bottom: 12px;
+  }
+}
+@media (max-width: 1199px) {
+  .form-group .row [class*='col-xl-'] {
+    margin-bottom: 0;
+  }
+  .form-group .row [class*='col-xl-'] .form-control,
+  .form-group .row [class*='col-xl-'] .btn-input {
+    margin-bottom: 12px;
+  }
+}
+@media (min-width: 576px) {
+  fieldset .form-group:nth-of-type(odd) {
+    clear: left;
+  }
+  [dir="rtl"] fieldset .form-group:nth-of-type(odd) {
+    clear: right;
+  }
+}
+.checkbox > label,
+.radio > label {
+  display: block;
+  cursor: pointer;
+  padding-top: 12px;
+  padding-bottom: 10px;
+  padding-right: 16px;
+  color: #37517e;
+  color: var(--color-content-primary);
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+  border: 1px solid #c9cbce;
+  border: 1px solid var(--color-interactive-secondary);
+  border-radius: 3px;
+  transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
+}
+[dir="rtl"] .checkbox > label,
+[dir="rtl"] .radio > label {
+  padding-left: 16px;
+  padding-right: 0;
+  padding-right: initial;
+}
+.np-theme-personal .checkbox > label,
+.np-theme-personal .radio > label {
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+.checkbox > label:not(.disabled):not(:disabled):hover,
+.radio > label:not(.disabled):not(:disabled):hover {
+  border-color: #b5b7ba;
+  border-color: var(--color-interactive-secondary-hover);
+}
+.checkbox > label:not(.disabled):not(:disabled).focus,
+.radio > label:not(.disabled):not(:disabled).focus,
+.checkbox > label:not(.disabled):not(:disabled).focus:hover,
+.radio > label:not(.disabled):not(:disabled).focus:hover,
+.checkbox > label:not(.disabled):not(:disabled).has-focus,
+.radio > label:not(.disabled):not(:disabled).has-focus,
+.checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
+.radio > label:not(.disabled):not(:disabled).has-focus:hover,
+.checkbox > label:not(.disabled):not(:disabled):focus-within,
+.radio > label:not(.disabled):not(:disabled):focus-within {
+  border-color: #0081ba;
+  border-color: var(--color-interactive-accent-active);
+}
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus,
+.np-theme-personal .radio > label:not(.disabled):not(:disabled).focus,
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus:hover,
+.np-theme-personal .radio > label:not(.disabled):not(:disabled).focus:hover,
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus,
+.np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus,
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
+.np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus:hover,
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-within,
+.np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-within {
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+}
+.checkbox.checkbox-lg > label,
+.radio.checkbox-lg > label,
+.checkbox.radio-lg > label,
+.radio.radio-lg > label {
+  min-height: 72px;
+  min-height: var(--size-72);
+}
+.checkbox.checkbox-lg > label small,
+.radio.checkbox-lg > label small,
+.checkbox.radio-lg > label small,
+.radio.radio-lg > label small,
+.checkbox.checkbox-lg > label .small,
+.radio.checkbox-lg > label .small,
+.checkbox.radio-lg > label .small,
+.radio.radio-lg > label .small,
+.checkbox.checkbox-lg > label .body-2,
+.radio.checkbox-lg > label .body-2,
+.checkbox.radio-lg > label .body-2,
+.radio.radio-lg > label .body-2,
+.checkbox.checkbox-lg > label .np-text-body-default,
+.radio.checkbox-lg > label .np-text-body-default,
+.checkbox.radio-lg > label .np-text-body-default,
+.radio.radio-lg > label .np-text-body-default {
+  display: block;
+  color: #5d7079;
+  color: var(--color-content-secondary);
+}
+.error-messages {
+  display: none;
+  color: #cf2929;
+  color: var(--color-content-negative);
+  background-color: rgba(255,135,135,0.10196);
+  background-color: var(--color-background-negative);
+  position: relative;
+}
+.error-messages::before {
+  content: " ";
+  position: absolute;
+  display: block;
+  width: 10px;
+  height: 10px;
+  left: 20px;
+  top: -5px;
+  transform: rotate(45deg);
+  background-color: inherit;
+}
+[dir="rtl"] .error-messages::before {
+  right: 20px;
+  left: auto;
+  left: initial;
+}
+.form-group .error-messages {
+  border-radius: 3px;
+  border-width: 0;
+  margin-top: 12px;
+}
+.has-error .error-messages {
+  display: block;
+}
+.has-error .error-messages:empty,
+.has-error .error-messages:-moz-only-whitespace {
+  display: none;
+}
+.has-error .error-messages:empty::before,
+.has-error .error-messages:-moz-only-whitespace::before {
+  display: none;
+}
+.error-required,
+.error-pattern,
+.error-minlength,
+.error-maxlength,
+.error-min,
+.error-max,
+.error-async,
+.error-number,
+.error-date,
+.error-time,
+.error-datetime,
+.error-email,
+.error-url,
+.error-week,
+.error-month,
+.error-datetimelocal {
+  display: none;
+}
+.ng-invalid-required ~ .error-messages > .error-required,
+.ng-invalid-pattern ~ .error-messages > .error-pattern,
+.ng-invalid-minlength ~ .error-messages > .error-minlength,
+.ng-invalid-maxlength ~ .error-messages > .error-maxlength,
+.ng-invalid-min ~ .error-messages > .error-min,
+.ng-invalid-max ~ .error-messages > .error-max,
+.ng-invalid-async ~ .error-messages > .error-async,
+.ng-invalid-number ~ .error-messages > .error-number,
+.ng-invalid-date ~ .error-messages > .error-date,
+.ng-invalid-time ~ .error-messages > .error-time,
+.ng-invalid-datetime ~ .error-messages > .error-datetime,
+.ng-invalid-email ~ .error-messages > .error-email,
+.ng-invalid-url ~ .error-messages > .error-url,
+.ng-invalid-week ~ .error-messages > .error-week,
+.ng-invalid-month ~ .error-messages > .error-month,
+.ng-invalid-datetimelocal ~ .error-messages > .error-datetimelocal {
+  display: block;
+}
+.ng-invalid-required ~ .alert-danger > .error-required,
+.ng-invalid-pattern ~ .alert-danger > .error-pattern,
+.ng-invalid-minlength ~ .alert-danger > .error-minlength,
+.ng-invalid-maxlength ~ .alert-danger > .error-maxlength,
+.ng-invalid-min ~ .alert-danger > .error-min,
+.ng-invalid-max ~ .alert-danger > .error-max,
+.ng-invalid-async ~ .alert-danger > .error-async,
+.ng-invalid-number ~ .alert-danger > .error-number,
+.ng-invalid-date ~ .alert-danger > .error-date,
+.ng-invalid-time ~ .alert-danger > .error-time,
+.ng-invalid-datetime ~ .alert-danger > .error-datetime,
+.ng-invalid-email ~ .alert-danger > .error-email,
+.ng-invalid-url ~ .alert-danger > .error-url,
+.ng-invalid-week ~ .alert-danger > .error-week,
+.ng-invalid-month ~ .alert-danger > .error-month,
+.ng-invalid-datetimelocal ~ .alert-danger > .error-datetimelocal {
+  display: block;
+}
+.form-control-placeholder {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 150%;
+  letter-spacing: -0.011em;
+  display: block;
+  width: 100%;
+  color: #768e9c;
+  color: var(--color-content-tertiary);
+}
+.np-theme-personal .btn-input,
+.np-theme-personal .input-group,
+.np-theme-personal .form-control,
+.np-theme-personal .input-group-addon,
+.np-theme-personal .radio > label,
+.np-theme-personal .checkbox > label {
+  background-color: transparent;
+  background-color: initial;
+  border: none !important;
+  border-radius: 10px;
+  border-radius: var(--radius-small);
+}
+.np-theme-personal .btn-input,
+.np-theme-personal .input-group,
+.np-theme-personal .form-control,
+.np-theme-personal .radio > label,
+.np-theme-personal .checkbox > label {
+  box-shadow: inset 0 0 0 1px #c9cbce;
+  box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
+  transition: box-shadow 0.3s ease-in-out;
+}
+.np-theme-personal .input-group > .form-control,
+.np-theme-personal .input-group > .btn-input,
+.np-theme-personal .typeahead__input-container .form-control {
+  box-shadow: none !important;
+}
+.np-theme-personal .btn-input:not(.disabled):not(:disabled):hover,
+.np-theme-personal .input-group:not(.disabled):not(:disabled):hover,
+.np-theme-personal .form-control:not(.disabled):not(:disabled):hover,
+.np-theme-personal .radio > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover {
+  box-shadow: inset 0 0 0 2px #b5b7ba;
+  box-shadow: inset 0 0 0 2px var(--color-interactive-secondary-hover);
+}
+.np-theme-personal .btn-input:not(.disabled):not(:disabled):hover:has(:checked, .checked),
+.np-theme-personal .input-group:not(.disabled):not(:disabled):hover:has(:checked, .checked),
+.np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
+.np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
+  box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
+}
+.np-theme-personal .btn-input:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .btn-input:not(.disabled):not(:disabled):has(:focus-visible),
+.np-theme-personal .input-group:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .input-group:not(.disabled):not(:disabled):has(.form-control:focus-visible, .btn-input:focus-visible),
+.np-theme-personal .form-control:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .form-control:not(.disabled):not(:disabled):has(:focus-visible),
+.np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
+  box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
+}
+.np-theme-personal .has-error .btn-input,
+.np-theme-personal .has-error .input-group,
+.np-theme-personal .has-error .form-control,
+.np-theme-personal .has-error .radio > label,
+.np-theme-personal .has-error .checkbox > label {
+  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
+}
+.np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
+  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
+}
+.np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):active,
+.np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):has(:focus-visible),
+.np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):active,
+.np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):has(:focus-visible),
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):active,
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
+.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
+.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
+.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
+  box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
+}
+.np-theme-personal .has-error .tw-radio-button {
+  border-color: var(--color-sentiment-negative) !important;
+}
+.np-theme-personal .has-error .tw-radio-button.checked {
+  box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
+}
+.np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
+  background: var(--color-sentiment-negative) !important;
+}
+.np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
+.np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
+.np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
+.np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
+.np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
+.np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
+  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
+}
+.np-theme-personal .has-error .tw-checkbox-button.checked,
+.np-theme-personal .has-error .tw-checkbox-button:checked,
+.np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
+.np-theme-personal .has-error .tw-checkbox-button.checked:hover,
+.np-theme-personal .has-error .tw-checkbox-button:checked:hover,
+.np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
+  box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
+  background: var(--color-sentiment-negative);
+}
+.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
+.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
+.np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
+  box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
+}
+.np-theme-personal .tw-radio-button,
+.np-theme-personal .tw-checkbox-button {
+  background-color: transparent;
+  background-color: initial;
+  color: inherit;
+  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
+}
+.np-theme-personal .btn-input:hover,
+.np-theme-personal .btn-input:active,
+.np-theme-personal .btn-input:focus,
+.np-theme-personal .btn-input:focus,
+.np-theme-personal .btn-input:focus-within,
+.np-theme-personal.open .btn-input {
+  background-color: transparent !important;
+  background-color: initial !important;
+}
+.np-theme-personal .form-group label {
+  margin-bottom: 8px;
+  margin-bottom: var(--padding-x-small);
+}
+.np-theme-personal .form-group .np-upload-input label {
+  margin-bottom: 0;
+}
+.np-theme-personal .form-group .alert:before,
+.np-theme-personal .error-messages:before {
+  content: none;
+}
+.np-theme-personal .error-messages,
+.np-theme-personal .alert-detach {
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  margin: 8px 0;
+  margin: var(--padding-x-small) 0;
+  padding: 0;
+  background-color: transparent;
+  background-color: initial;
+}
+.np-theme-personal .alert-detach .status-circle {
+  margin-top: 2px;
+  margin-right: 4px;
+  margin-right: var(--size-4);
+}
+.np-theme-personal .has-error .error-messages,
+.np-theme-personal .has-error .alert-detach.alert-danger {
+  color: var(--color-sentiment-negative);
+}
+.np-theme-personal .has-success .alert-detach.alert-positive,
+.np-theme-personal .has-warning .alert-detach.alert-warning,
+.np-theme-personal .has-error .alert-detach.alert-danger {
+  display: flex;
+}
+.has-required::after {
+  content: "\00a0*";
+  color: #cf2929;
+  color: var(--color-content-negative);
+}
+.np-theme-personal .has-required::after {
+  color: var(--color-sentiment-negative);
+}
+.input-group {
+  position: relative;
+  display: table;
+  border-collapse: separate;
+  width: 100%;
+}
+.input-group[class*="col-"] {
+  float: none;
+  padding-left: 0;
+}
+[dir="rtl"] .input-group[class*="col-"] {
+  padding-right: 0;
+  padding-left: 0;
+  padding-left: initial;
+}
+.input-group .form-control {
+  float: left;
+  width: 100%;
+  margin-bottom: 0;
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+}
+[dir="rtl"] .input-group .form-control {
+  float: right;
+}
+[dir="rtl"] .input-group .form-control:not(:first-child) {
+  border-right: 0  ;
+}
+html:not([dir="rtl"]) .input-group .form-control:not(:first-child) {
+  border-left: 0  ;
+}
+[dir="rtl"] .input-group .form-control:not(:last-child) {
+  border-left: 0  ;
+}
+html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
+  border-right: 0  ;
+}
+.input-group .input-group-addon button.np-btn {
+  padding: 0;
+  min-height: 16px;
+  border-radius: 50%;
+}
+.input-group .input-group-addon + .form-control {
+  padding-left: 0;
+}
+[dir="rtl"] .input-group .input-group-addon + .form-control {
+  padding-right: 0;
+  padding-left: 0;
+  padding-left: initial;
+}
+.input-group .form-control + .input-group-addon {
+  padding-left: 0;
+}
+[dir="rtl"] .input-group .form-control + .input-group-addon {
+  padding-right: 0;
+  padding-left: 0;
+  padding-left: initial;
+}
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn .btn {
+  min-height: var(--input-height-large);
+  padding: var(--input-padding-large);
+  border-radius: 3px;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 150%;
+  letter-spacing: -0.011em;
+  margin: 0;
+  color: #37517e;
+  color: var(--color-content-primary);
+  line-height: 1.2;
+  line-height: var(--line-height-title);
+  letter-spacing: 0;
+  margin-bottom: 0;
+  margin-bottom: initial;
+  font-size: 1.375rem;
+  font-size: var(--font-size-22);
+  font-weight: 600;
+  font-weight: var(--font-weight-semi-bold);
+  letter-spacing: -0.018em;
+  line-height: 125%;
+  margin-bottom: 0;
+}
+select.input-group-lg > .form-control,
+select.input-group-lg > .input-group-addon,
+select.input-group-lg > .input-group-btn .btn {
+  min-height: var(--input-height-large);
+}
+textarea.input-group-lg > .form-control,
+textarea.input-group-lg > .input-group-addon,
+textarea.input-group-lg > .input-group-btn .btn,
+select[multiple].input-group-lg > .form-control,
+select[multiple].input-group-lg > .input-group-addon,
+select[multiple].input-group-lg > .input-group-btn .btn {
+  height: auto;
+}
+@supports (hyphenate-limit-chars: 1) {
+  .input-group-lg > .form-control,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn .btn {
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3;
+  }
+  @media (min-width: 768px) {
+    .input-group-lg > .form-control,
+    .input-group-lg > .input-group-addon,
+    .input-group-lg > .input-group-btn .btn {
+      hyphenate-limit-chars: 8 3;
+    }
+  }
+  @media (min-width: 992px) {
+    .input-group-lg > .form-control,
+    .input-group-lg > .input-group-addon,
+    .input-group-lg > .input-group-btn .btn {
+      hyphenate-limit-chars: 10 4 3;
+    }
+  }
+}
+@supports (not (hyphenate-limit-chars: 1)) and (-webkit-hyphenate-limit-before: 1) {
+  .input-group-lg > .form-control,
+  .input-group-lg > .input-group-addon,
+  .input-group-lg > .input-group-btn .btn {
+    hyphens: auto;
+    -webkit-hyphenate-limit-before: 3;
+    -webkit-hyphenate-limit-after: 3;
+  }
+  @media (min-width: 992px) {
+    .input-group-lg > .form-control,
+    .input-group-lg > .input-group-addon,
+    .input-group-lg > .input-group-btn .btn {
+      -webkit-hyphenate-limit-before: 4;
+    }
+  }
+}
+.input-group-lg > .form-control + p,
+.input-group-lg > .input-group-addon + p,
+.input-group-lg > .input-group-btn .btn + p,
+.input-group-lg > .form-control + ul:not(.list-unstyled),
+.input-group-lg > .input-group-addon + ul:not(.list-unstyled),
+.input-group-lg > .input-group-btn .btn + ul:not(.list-unstyled),
+.input-group-lg > .form-control + ol:not(.list-unstyled),
+.input-group-lg > .input-group-addon + ol:not(.list-unstyled),
+.input-group-lg > .input-group-btn .btn + ol:not(.list-unstyled) {
+  margin-top: 8px;
+  margin-top: var(--size-8);
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon {
+  min-height: 32px;
+  padding: var(--input-padding-small);
+  border-radius: 3px;
+  font-size: 14px;
+  line-height: 24px;
+  font-size: 0.875rem;
+  font-size: var(--font-size-14);
+  line-height: 155%;
+  letter-spacing: -0.006em;
+  font-weight: 400;
+  font-weight: var(--font-weight-regular);
+}
+select.input-group-sm > .form-control,
+select.input-group-sm > .input-group-addon {
+  min-height: 32px;
+}
+textarea.input-group-sm > .form-control,
+textarea.input-group-sm > .input-group-addon,
+select[multiple].input-group-sm > .form-control,
+select[multiple].input-group-sm > .input-group-addon {
+  height: auto;
+}
+.input-group-sm > .form-control .icon,
+.input-group-sm > .input-group-addon .icon {
+  font-size: 1.25rem;
+  font-size: var(--font-size-20);
+}
+.input-group-sm > .input-group-btn > .btn {
+  height: 32px;
+}
+.input-group-sm > .input-group-addon {
+  line-height: 22px;
+}
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+}
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.input-group-addon {
+  padding: var(--input-group-addon-padding);
+  font-size: 1rem;
+  font-size: var(--font-size-16);
+  line-height: 1.5;
+  line-height: var(--line-height-body);
+  color: #5d7079;
+  color: var(--color-content-secondary);
+  text-align: center;
+  background-color: #ffffff;
+  background-color: var(--color-background-screen);
+  border: 1px solid #c9cbce;
+  border: 1px solid var(--color-interactive-secondary);
+}
+.input-group-addon.input-sm {
+  padding: var(--input-group-addon-sm-padding) !important;
+}
+.input-group-addon.input-lg {
+  padding: var(--input-group-addon-lg-padding) !important;
+}
+.input-group-addon--search {
+  padding-right: calc(16px / 2);
+}
+.input-group-addon input[type="radio"],
+.input-group-addon input[type="checkbox"] {
+  margin-top: 0;
+}
+.input-group-addon .icon {
+  font-size: 24px;
+  vertical-align: middle;
+  display: inline-block;
+  margin-top: -2px;
+  margin-left: -4px;
+  margin-right: -5px;
+}
+[dir="rtl"] .input-group-addon .icon {
+  margin-right: -4px;
+  margin-left: 0;
+  margin-left: initial;
+}
+[dir="rtl"] .input-group-addon .icon {
+  margin-left: -5px;
+  margin-right: 0;
+  margin-right: initial;
+}
+.input-group-addon a {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+.input-group-addon:empty {
+  padding: 0 !important;
+  width: 3px;
+}
+.form-group-lg .input-lg,
+.form-group-lg .input-group {
+  margin-bottom: 0;
+}
+.input-group .input-group-addon,
+.input-group .btn-input,
+.input-group .form-control {
+  border-radius: 0;
+}
+[dir="rtl"] .input-group .input-group-addon,
+[dir="rtl"] .input-group .btn-input,
+[dir="rtl"] .input-group .form-control {
+  border-right-width: 0;
+}
+html:not([dir="rtl"]) .input-group .input-group-addon,
+html:not([dir="rtl"]) .input-group .btn-input,
+html:not([dir="rtl"]) .input-group .form-control {
+  border-left-width: 0;
+}
+[dir="rtl"] .input-group .input-group-addon,
+[dir="rtl"] .input-group .btn-input,
+[dir="rtl"] .input-group .form-control {
+  border-left-width: 0;
+}
+html:not([dir="rtl"]) .input-group .input-group-addon,
+html:not([dir="rtl"]) .input-group .btn-input,
+html:not([dir="rtl"]) .input-group .form-control {
+  border-right-width: 0;
+}
+.np-theme-personal .input-group .input-group-addon,
+.np-theme-personal .input-group .btn-input,
+.np-theme-personal .input-group .form-control {
+  border-radius: 0;
+}
+[dir="rtl"] .input-group .input-group-btn:first-child,
+[dir="rtl"] .input-group .input-group-addon:first-child,
+[dir="rtl"] .input-group .btn-input:first-child,
+[dir="rtl"] .input-group .form-control:first-child {
+  border-right-width: 1px;
+}
+html:not([dir="rtl"]) .input-group .input-group-btn:first-child,
+html:not([dir="rtl"]) .input-group .input-group-addon:first-child,
+html:not([dir="rtl"]) .input-group .btn-input:first-child,
+html:not([dir="rtl"]) .input-group .form-control:first-child {
+  border-left-width: 1px;
+}
+[dir="rtl"] .input-group .input-group-btn:first-child,
+[dir="rtl"] .input-group .input-group-addon:first-child,
+[dir="rtl"] .input-group .btn-input:first-child,
+[dir="rtl"] .input-group .form-control:first-child {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+html:not([dir="rtl"]) .input-group .input-group-btn:first-child,
+html:not([dir="rtl"]) .input-group .input-group-addon:first-child,
+html:not([dir="rtl"]) .input-group .btn-input:first-child,
+html:not([dir="rtl"]) .input-group .form-control:first-child {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+[dir="rtl"] .input-group .input-group-btn:last-child,
+[dir="rtl"] .input-group .input-group-addon:last-child,
+[dir="rtl"] .input-group .btn-input:last-child,
+[dir="rtl"] .input-group .form-control:last-child {
+  border-left-width: 1px;
+}
+html:not([dir="rtl"]) .input-group .input-group-btn:last-child,
+html:not([dir="rtl"]) .input-group .input-group-addon:last-child,
+html:not([dir="rtl"]) .input-group .btn-input:last-child,
+html:not([dir="rtl"]) .input-group .form-control:last-child {
+  border-right-width: 1px;
+}
+[dir="rtl"] .input-group .input-group-btn:last-child,
+[dir="rtl"] .input-group .input-group-addon:last-child,
+[dir="rtl"] .input-group .btn-input:last-child,
+[dir="rtl"] .input-group .form-control:last-child {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+html:not([dir="rtl"]) .input-group .input-group-btn:last-child,
+html:not([dir="rtl"]) .input-group .input-group-addon:last-child,
+html:not([dir="rtl"]) .input-group .btn-input:last-child,
+html:not([dir="rtl"]) .input-group .form-control:last-child {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+/* TODO: Remove this rule group once the brand refresh is out */
+[dir="rtl"] .input-group > :first-child .btn,
+[dir="rtl"] .input-group > :first-child .btn-group {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+html:not([dir="rtl"]) .input-group > :first-child .btn,
+html:not([dir="rtl"]) .input-group > :first-child .btn-group {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+[dir="rtl"] .np-theme-personal .input-group > :first-child .btn,
+[dir="rtl"] .np-theme-personal .input-group > :first-child .btn-group {
+  border-bottom-right-radius: 10px;
+  border-bottom-right-radius: var(--radius-small);
+  border-top-right-radius: 10px;
+  border-top-right-radius: var(--radius-small);
+}
+html:not([dir="rtl"]) .np-theme-personal .input-group > :first-child .btn,
+html:not([dir="rtl"]) .np-theme-personal .input-group > :first-child .btn-group {
+  border-bottom-left-radius: 10px;
+  border-bottom-left-radius: var(--radius-small);
+  border-top-left-radius: 10px;
+  border-top-left-radius: var(--radius-small);
+}
+[dir="rtl"] .input-group > :last-child .btn,
+[dir="rtl"] .input-group > :last-child .btn-group {
+  border-bottom-right-radius: 0;
+  border-top-right-radius: 0;
+}
+html:not([dir="rtl"]) .input-group > :last-child .btn,
+html:not([dir="rtl"]) .input-group > :last-child .btn-group {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+}
+[dir="rtl"] .np-theme-personal .input-group > :last-child .btn,
+[dir="rtl"] .np-theme-personal .input-group > :last-child .btn-group {
+  border-bottom-right-radius: 10px;
+  border-bottom-right-radius: var(--radius-small);
+  border-top-right-radius: 10px;
+  border-top-right-radius: var(--radius-small);
+}
+html:not([dir="rtl"]) .np-theme-personal .input-group > :last-child .btn,
+html:not([dir="rtl"]) .np-theme-personal .input-group > :last-child .btn-group {
+  border-bottom-left-radius: 10px;
+  border-bottom-left-radius: var(--radius-small);
+  border-top-left-radius: 10px;
+  border-top-left-radius: var(--radius-small);
+}
+.input-group-btn {
+  position: relative;
+  font-size: 0;
+  white-space: nowrap;
+}
+.input-group-btn > .btn {
+  position: relative;
+}
+.input-group-btn > .btn + .btn {
+  margin-left: -1px;
+}
+[dir="rtl"] .input-group-btn > .btn + .btn {
+  margin-right: -1px;
+  margin-left: 0;
+  margin-left: initial;
+}
+.input-group-btn > .btn:hover,
+.input-group-btn > .btn:focus,
+.input-group-btn > .btn:active {
+  z-index: 2;
+}
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group {
+  margin-right: -1px;
+}
+[dir="rtl"] .input-group-btn:first-child > .btn,
+[dir="rtl"] .input-group-btn:first-child > .btn-group {
+  margin-left: -1px;
+  margin-right: 0;
+  margin-right: initial;
+}
+.input-group:hover:not(.disabled):not(:disabled) .form-control,
+.input-group:hover:not(.disabled):not(:disabled) .input-group-addon,
+.input-group:hover:not(.disabled):not(:disabled) .btn-input,
+.input-group:hover:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
+  border-color: #b5b7ba;
+  border-color: var(--color-interactive-secondary-hover);
+}
+.form-control:hover:not(.disabled):not(:disabled) {
+  border-color: #b5b7ba;
+  border-color: var(--color-interactive-secondary-hover);
+}
+.input-group:focus-within:not(.disabled):not(:disabled) .form-control,
+.input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
+.input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
+.input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
+  border-color: #00a2dd;
+  border-color: var(--color-interactive-accent);
+}
+.np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .form-control,
+.np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
+.np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
+.np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+}
+.form-control:focus-within:not(.disabled):not(:disabled) {
+  border-color: #00a2dd;
+  border-color: var(--color-interactive-accent);
+}
+.np-theme-personal .form-control:focus-within:not(.disabled):not(:disabled) {
+  border-color: #c9cbce;
+  border-color: var(--color-interactive-secondary);
+}
+.has-error .input-group .form-control,
+.has-error .input-group .input-group-addon {
+  border-color: #e74848;
+  border-color: var(--color-interactive-negative);
+}
+.has-error .input-group .form-control:hover,
+.has-error .input-group .input-group-addon:hover {
+  border-color: #d03238;
+  border-color: var(--color-interactive-negative-hover);
+}
+.dropdown-menu .input-group-addon {
+  border: 0;
+}