@transferwise/components 46.165.2 → 46.165.3

package/src/styles/less/forms/bootstrap-forms.css

@@ -14,15 +14,12 @@ legend {
 label {
   display: inline-block;
   max-inline-size: 100%;
-  margin-block-end: 4px;
   margin-block-end: 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;
 }
@@ -67,30 +64,22 @@ input[type='checkbox']:focus {
 output {
   display: block;
   padding-block-start: 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;
   inline-size: 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-block-size: 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;
@@ -133,16 +122,13 @@ select[multiple].form-control {
   }
 }
 .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 {
@@ -159,7 +145,6 @@ textarea.form-control {
   margin-block-start: 8px;
 }
 .form-control:focus {
-  border-color: #0081ba;
   border-color: var(--color-interactive-accent-active);
 }
 .np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
@@ -167,7 +152,6 @@ textarea.form-control {
   outline: 0;
 }
 .np-theme-personal .form-control:hover {
-  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .np-theme-personal .form-control:focus {
@@ -203,7 +187,6 @@ input[type='search'] {
   .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));
   }
 }
@@ -215,7 +198,6 @@ input[type='search'] {
 }
 .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 {
@@ -285,13 +267,9 @@ fieldset[disabled] .checkbox label {
 }
 .form-control-static {
   margin-block-end: 0;
-  min-block-size: calc(1.2 * 2);
   min-block-size: 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);
@@ -307,11 +285,9 @@ fieldset[disabled] .checkbox label {
   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);
   word-wrap: break-word;
 }
@@ -354,7 +330,6 @@ select[multiple].input-sm {
 .navbar .form-control {
   block-size: 32px;
   padding: var(--input-padding-small);
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 24px;
   border-radius: 3px;
@@ -373,10 +348,8 @@ select[multiple].input-sm {
 .form-group-sm .form-control-static,
 .navbar .form-control-static {
   block-size: 32px;
-  min-block-size: calc(1.2 + 14px);
   min-block-size: calc(var(--line-height-control) + 14px);
   padding: var(--input-padding-small);
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
   line-height: 24px;
 }
@@ -384,9 +357,7 @@ select[multiple].input-sm {
   min-block-size: 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;
@@ -434,7 +405,6 @@ select[multiple].input-lg {
 .form-group-lg .input-group-lg > .form-control,
 .form-group-lg .input-group-lg > .input-group-addon {
   block-size: var(--input-height-large);
-  padding-block: calc(4px + 24px) 4px;
   padding-block: calc(4px + var(--size-24)) 4px;
   padding-inline: 12px;
   font-size: 22px;
@@ -449,7 +419,6 @@ select[multiple].input-lg {
 }
 .form-group-lg .form-control-static {
   block-size: var(--input-height-large);
-  min-block-size: calc(1.2 + 22px);
   min-block-size: calc(var(--line-height-control) + 22px);
   padding: var(--input-padding-large);
   font-size: 22px;
@@ -493,17 +462,14 @@ select[multiple].input-lg {
 }
 .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,
@@ -512,7 +478,6 @@ select[multiple].input-lg {
   margin-block-end: 4px;
   border-width: 0;
   border-style: solid;
-  border-radius: 10px;
   border-radius: var(--radius-small);
   padding-block: 4px 3px;
   padding-inline: 16px;
@@ -523,11 +488,8 @@ select[multiple].input-lg {
   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;
@@ -565,11 +527,9 @@ select[multiple].input-lg {
 }
 .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,
@@ -586,9 +546,7 @@ select[multiple].input-lg {
 .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,
@@ -597,7 +555,6 @@ select[multiple].input-lg {
 .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,
@@ -621,32 +578,26 @@ select[multiple].input-lg {
 .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,
@@ -657,14 +608,12 @@ select[multiple].input-lg {
 .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 {
@@ -684,7 +633,6 @@ select[multiple].input-lg {
 .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;
 }
@@ -726,13 +674,11 @@ select[multiple].input-lg {
   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,
@@ -758,7 +704,6 @@ select[multiple].input-lg {
   border-color: var(--color-sentiment-positive);
 }
 .has-info {
-  border-color: #00a2dd !important;
   border-color: var(--color-interactive-accent) !important;
 }
 .has-info .control-label,
@@ -775,9 +720,7 @@ select[multiple].input-lg {
 .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,
@@ -786,7 +729,6 @@ select[multiple].input-lg {
 .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,
@@ -810,32 +752,26 @@ select[multiple].input-lg {
 .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,
@@ -846,14 +782,12 @@ select[multiple].input-lg {
 .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 {
@@ -873,7 +807,6 @@ select[multiple].input-lg {
 .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;
 }
@@ -915,13 +848,11 @@ select[multiple].input-lg {
   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,
@@ -947,7 +878,6 @@ select[multiple].input-lg {
   border-color: transparent;
 }
 .has-warning {
-  border-color: #df8700 !important;
   border-color: var(--color-interactive-warning) !important;
 }
 .has-warning .control-label,
@@ -964,9 +894,7 @@ select[multiple].input-lg {
 .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,
@@ -975,7 +903,6 @@ select[multiple].input-lg {
 .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,
@@ -999,32 +926,26 @@ select[multiple].input-lg {
 .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,
@@ -1035,14 +956,12 @@ select[multiple].input-lg {
 .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 {
@@ -1062,7 +981,6 @@ select[multiple].input-lg {
 .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;
 }
@@ -1104,13 +1022,11 @@ select[multiple].input-lg {
   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,
@@ -1136,7 +1052,6 @@ select[multiple].input-lg {
   border-color: var(--color-sentiment-warning);
 }
 .has-error {
-  border-color: #e74848 !important;
   border-color: var(--color-interactive-negative) !important;
 }
 .has-error .control-label,
@@ -1153,9 +1068,7 @@ select[multiple].input-lg {
 .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,
@@ -1164,7 +1077,6 @@ select[multiple].input-lg {
 .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,
@@ -1188,32 +1100,26 @@ select[multiple].input-lg {
 .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,
@@ -1224,14 +1130,12 @@ select[multiple].input-lg {
 .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 {
@@ -1251,7 +1155,6 @@ select[multiple].input-lg {
 .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;
 }
@@ -1293,13 +1196,11 @@ select[multiple].input-lg {
   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,
@@ -1325,7 +1226,6 @@ select[multiple].input-lg {
   border-color: var(--color-sentiment-negative);
 }
 .has-feedback label ~ .form-control-feedback {
-  inset-block-start: 1.2;
   inset-block-start: var(--line-height-control);
 }
 .has-feedback label.sr-only ~ .form-control-feedback {
@@ -1391,7 +1291,6 @@ select[multiple].input-lg {
 }
 .form-horizontal .radio,
 .form-horizontal .checkbox {
-  min-block-size: calc(1.2 + (8px + 1));
   min-block-size: calc(var(--line-height-control) + (8px + 1));
 }
 .form-horizontal .form-group {
@@ -1417,20 +1316,17 @@ select[multiple].input-lg {
 @media (min-width: 600px) {
   .form-horizontal .form-group-lg .control-label {
     padding-block-start: 17px;
-    font-size: 1.25rem;
     font-size: var(--font-size-20);
   }
 }
 @media (min-width: 600px) {
   .form-horizontal .form-group-sm .control-label {
     padding-block-start: 8px;
-    font-size: 0.875rem;
     font-size: var(--font-size-14);
   }
 }
 .radio,
 .checkbox {
-  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
 }
 .radio > label,
@@ -1448,9 +1344,7 @@ select[multiple].input-lg {
   inset-inline-start: 40px;
 }
 .tw-checkbox-button {
-  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
-  background: #ffffff;
   background: var(--color-background-screen);
   inline-size: 22px;
   block-size: 22px;
@@ -1463,7 +1357,6 @@ select[multiple].input-lg {
 }
 .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,
@@ -1472,19 +1365,16 @@ select[multiple].input-lg {
   block-size: 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,
@@ -1495,7 +1385,6 @@ 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;
 }
@@ -1510,9 +1399,7 @@ input[type="checkbox"]:focus-visible + .tw-checkbox-button {
 .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,
@@ -1534,9 +1421,7 @@ input[type="checkbox"]:indeterminate + .tw-checkbox-button .np-tw-checkbox-indet
 .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,
@@ -1551,9 +1436,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-c
 .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,
@@ -1566,44 +1449,34 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .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 {
   inline-size: 24px;
   block-size: 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;
@@ -1613,7 +1486,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .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;
   inset-block-start: 0;
@@ -1630,13 +1502,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .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,
@@ -1655,19 +1525,16 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .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,
@@ -1683,14 +1550,12 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .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 {
@@ -1737,9 +1602,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .np-checkbox.checkbox > label {
   display: flex;
   align-items: center;
-  padding-block: 8px;
   padding-block: var(--size-8);
-  padding-inline: 16px;
   padding-inline: var(--size-16);
 }
 .np-radio.radio > label .np-checkbox__text,
@@ -1753,11 +1616,8 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 :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-block-start: 3px;
 }
@@ -1772,7 +1632,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   border-inline-start: 0 solid transparent;
 }
 .input-group-addon {
-  color: #5d7079;
   color: var(--color-content-secondary);
   transition: border-color ease-in-out 0.15s;
 }
@@ -1787,14 +1646,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   inset-block-start: -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 {
@@ -1852,23 +1708,18 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   padding-block-start: 12px;
   padding-block-end: 10px;
   padding-inline-end: 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;
 }
 .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,
@@ -1881,7 +1732,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .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,
@@ -1894,14 +1744,12 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .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-block-size: 72px;
   min-block-size: var(--size-72);
 }
 .checkbox.checkbox-lg > label small,
@@ -1921,14 +1769,11 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .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;
 }
@@ -2016,16 +1861,13 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .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;
   word-wrap: break-word;
   display: block;
   inline-size: 100%;
-  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 @supports (hyphenate-limit-chars: 1) {
@@ -2065,7 +1907,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   background-color: transparent;
   background-color: initial;
   border: none !important;
-  border-radius: 10px;
   border-radius: var(--radius-small);
 }
 .np-theme-personal .btn-input,
@@ -2073,7 +1914,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .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;
 }
@@ -2087,7 +1927,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 .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),
@@ -2184,7 +2023,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
   background-color: initial !important;
 }
 .np-theme-personal .form-group label {
-  margin-block-end: 8px;
   margin-block-end: var(--padding-x-small);
 }
 .np-theme-personal .form-group .np-upload-input label {
@@ -2196,9 +2034,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .np-theme-personal .error-messages,
 .np-theme-personal .alert-detach {
-  color: #5d7079;
   color: var(--color-content-secondary);
-  margin-block: 8px;
   margin-block: var(--padding-x-small);
   margin-inline: 0;
   padding: 0;
@@ -2207,7 +2043,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .np-theme-personal .alert-detach .status-circle {
   margin-block-start: 2px;
-  margin-inline-end: 4px;
   margin-inline-end: var(--size-4);
 }
 .np-theme-personal .has-error .error-messages,
@@ -2221,7 +2056,6 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .has-required::after {
   content: "\00a0*";
-  color: #cf2929;
   color: var(--color-content-negative);
 }
 .np-theme-personal .has-required::after {