@transferwise/components 0.0.0-experimental-57e70f3 → 0.0.0-experimental-09066ec

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

@@ -1,2740 +0,0 @@
-.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;
-}