@transferwise/neptune-css 0.0.0-experimental-bb7ed4a → 0.0.0-experimental-7cfec48

package/dist/css/sequences.css

@@ -4,9 +4,8 @@
   margin-left: 25px;
   margin-top: 0;
   margin-bottom: 0;
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
-  border-color: rgba(0,0,0,0.10196);
+  border-color: rgba(14,15,12,0.12157);
   border-color: var(--color-border-neutral);
 }
 .sequence > li {
@@ -118,7 +117,6 @@
 @media (min-width: 768px) {
   .sequence {
     padding-right: 24px;
-    font-size: 1rem;
     font-size: var(--font-size-16);
   }
   [dir="rtl"] .sequence {
@@ -131,16 +129,14 @@
   display: block;
   line-height: 24px;
   position: relative;
-  border-color: rgba(0,0,0,0.10196);
+  border-color: rgba(14,15,12,0.12157);
   border-color: var(--color-border-neutral);
 }
 .sequence > li > a {
   display: block;
   -webkit-text-decoration: none;
   text-decoration: none;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
-  color: #0097c7;
   color: var(--color-content-accent);
   outline-offset: -1px;
 }
@@ -148,11 +144,9 @@
 .sequence > li > a:focus {
   -webkit-text-decoration: none;
   text-decoration: none;
-  color: #0084b3;
   color: var(--color-content-accent-hover);
 }
 .sequence > li > a:active {
-  color: #0077a5;
   color: var(--color-content-accent-active);
 }
 .sequence > li p {
@@ -196,7 +190,7 @@
   border-color: inherit;
   outline: 0;
   border-width: 0;
-  background-color: rgba(0,0,0,0.10196);
+  background-color: rgba(14,15,12,0.12157);
   background-color: var(--color-border-neutral);
   background-size: 200% 200%;
   background-position: 0 0%;
@@ -207,201 +201,65 @@
 .sequence > .active > a {
   -webkit-text-decoration: none;
   text-decoration: none;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
-  font-weight: 600;
   font-weight: var(--font-weight-semi-bold);
 }
 .sequence > .active > a:hover,
 .sequence > .active > a:focus {
   -webkit-text-decoration: none;
   text-decoration: none;
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .sequence > .active > a:active {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .sequence > .active::before {
-  border-color: #0097c7;
   border-color: var(--color-content-accent);
 }
 .sequence > .active::after,
 .sequence > .active ~ li::after {
-  background-color: rgba(0,0,0,0.10196);
+  background-color: rgba(14,15,12,0.12157);
   background-color: var(--color-border-neutral);
   background-image: none;
 }
 .sequence > .active ~ li::before {
-  border-color: rgba(0,0,0,0.10196);
+  border-color: rgba(14,15,12,0.12157);
   border-color: var(--color-border-neutral);
 }
 .sequence a {
   -webkit-text-decoration: none;
   text-decoration: none;
-  font-weight: 400;
   font-weight: var(--font-weight-regular);
 }
 .sequence-top > li:first-child::after {
   top: 0;
 }
 .sequence-inverse > li {
-  border-color: rgba(0,0,0,0.10196);
+  border-color: rgba(14,15,12,0.12157);
   border-color: var(--color-border-neutral);
 }
-.sequence-inverse > li > a {
-  color: #ffffff;
-}
 .sequence-inverse > li::after {
-  background-color: #37517e;
-}
-.sequence-inverse > .active > a {
-  color: #ffffff;
+  background-color: #163300;
+  background-color: var(--color-forest-green);
 }
 .sequence-inverse > .active .small,
 .sequence-inverse > .active .body-2,
 .sequence-inverse > .active .np-text-body-default {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .sequence-inverse > .active::after,
 .sequence-inverse > .active ~ li::after {
-  background-color: #37517e;
+  background-color: #163300;
+  background-color: var(--color-forest-green);
   background-image: none !important;
 }
 .sequence-inverse > .active ~ li::before {
-  border-color: #37517e;
-}
-.sequence-info > li {
-  border-color: #00a2dd;
-  border-color: var(--color-interactive-accent);
-}
-.sequence-info > li::after {
-  background-image: linear-gradient(#00a2dd 0, #00a2dd 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-accent) 0, var(--color-interactive-accent) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-info.sequence-inverse > li::after {
-  background-image: linear-gradient(#00a2dd 0, #00a2dd 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-accent) 0, var(--color-interactive-accent) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-info > .active::before {
-  border-color: #00a2dd;
-  border-color: var(--color-interactive-accent);
-  background-color: #00a2dd;
-  background-color: var(--color-interactive-accent);
-}
-@keyframes sequence-pip-info {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #00a2dd;
-    border-color: var(--color-interactive-accent);
-  }
-}
-.sequence-primary > li {
-  border-color: #37517e;
-}
-.sequence-primary > li::after {
-  background-image: linear-gradient(#37517e 0, #37517e 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(#37517e 0, #37517e 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-primary.sequence-inverse > li::after {
-  background-image: linear-gradient(#37517e 0, #37517e 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-primary > .active::before {
-  border-color: #37517e;
-  background-color: #37517e;
-}
-@keyframes sequence-pip-primary {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #37517e;
-  }
-}
-.sequence-success > li {
-  border-color: #2ead4b;
-  border-color: var(--color-interactive-positive);
-}
-.sequence-success > li::after {
-  background-image: linear-gradient(#2ead4b 0, #2ead4b 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-positive) 0, var(--color-interactive-positive) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-success.sequence-inverse > li::after {
-  background-image: linear-gradient(#2ead4b 0, #2ead4b 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-positive) 0, var(--color-interactive-positive) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-success > .active::before {
-  border-color: #2ead4b;
-  border-color: var(--color-interactive-positive);
-  background-color: #2ead4b;
-  background-color: var(--color-interactive-positive);
-}
-@keyframes sequence-pip-success {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #2ead4b;
-    border-color: var(--color-interactive-positive);
-  }
-}
-.sequence-warning > li {
-  border-color: #df8700;
-  border-color: var(--color-interactive-warning);
-}
-.sequence-warning > li::after {
-  background-image: linear-gradient(#df8700 0, #df8700 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-warning) 0, var(--color-interactive-warning) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-warning.sequence-inverse > li::after {
-  background-image: linear-gradient(#df8700 0, #df8700 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-warning) 0, var(--color-interactive-warning) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-warning > .active::before {
-  border-color: #df8700;
-  border-color: var(--color-interactive-warning);
-  background-color: #df8700;
-  background-color: var(--color-interactive-warning);
-}
-@keyframes sequence-pip-warning {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #df8700;
-    border-color: var(--color-interactive-warning);
-  }
-}
-.sequence-danger > li {
-  border-color: #e74848;
-  border-color: var(--color-interactive-negative);
-}
-.sequence-danger > li::after {
-  background-image: linear-gradient(#e74848 0, #e74848 50%, rgba(0,0,0,0.10196) 50%, rgba(0,0,0,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-negative) 0, var(--color-interactive-negative) 50%, var(--color-border-neutral) 50%, var(--color-border-neutral) 100%);
-}
-.sequence-danger.sequence-inverse > li::after {
-  background-image: linear-gradient(#e74848 0, #e74848 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-  background-image: linear-gradient(var(--color-interactive-negative) 0, var(--color-interactive-negative) 50%, rgba(255,255,255,0.10196) 50%, rgba(255,255,255,0.10196) 100%);
-}
-.sequence-danger > .active::before {
-  border-color: #e74848;
-  border-color: var(--color-interactive-negative);
-  background-color: #e74848;
-  background-color: var(--color-interactive-negative);
-}
-@keyframes sequence-pip-danger {
-  from {
-    border-color: rgba(255,255,255,0.10196);
-  }
-  to {
-    border-color: #e74848;
-    border-color: var(--color-interactive-negative);
-  }
+  border-color: #163300;
+  border-color: var(--color-forest-green);
 }
 .sequence-hollow > li::before {
   border-width: 2px;
@@ -416,7 +274,8 @@
   background-color: var(--color-background-screen);
 }
 .sequence-hollow.sequence-inverse > li::before {
-  background-color: #37517e;
+  background-color: #163300;
+  background-color: var(--color-forest-green);
 }
 .sequence-icon {
   position: absolute;
@@ -433,10 +292,9 @@
   text-decoration: none !important;
   border-width: 1px;
   border-style: solid;
-  border-color: rgba(0,0,0,0.10196);
+  border-color: rgba(14,15,12,0.12157);
   border-color: var(--color-border-neutral);
   top: 4px;
-  font-size: 0.75rem;
   font-size: var(--font-size-12);
 }
 [dir="rtl"] .sequence-icon {
@@ -445,25 +303,22 @@
   margin-left: initial;
 }
 .sequence-icon .icon {
-  font-size: 1rem;
   font-size: var(--font-size-16);
   line-height: 23px;
 }
 .sequence-inverse .sequence-icon {
-  background-color: #37517e;
-  border-color: #ffffff;
+  background-color: #163300;
+  background-color: var(--color-forest-green);
 }
 .sequence a .sequence-icon {
-  color: #0097c7;
   color: var(--color-content-accent);
-  border-color: #00a2dd;
+  border-color: #9fe870;
   border-color: var(--color-interactive-accent);
 }
 .sequence a:hover .sequence-icon,
 .sequence a:focus .sequence-icon {
-  color: #0084b3;
   color: var(--color-content-accent-hover);
-  border-color: #008fc9;
+  border-color: #80e142;
   border-color: var(--color-interactive-accent-hover);
 }
 .sequence-table {
@@ -478,7 +333,6 @@
 .sequence-table > li > .sequence-table-td,
 .sequence-table > li > .sequence-table-th {
   display: table-cell;
-  padding: 4px 12px;
   padding: var(--size-4) var(--size-12);
   padding-left: 0;
 }
@@ -499,7 +353,7 @@
   padding-right: initial;
 }
 .sequence-table > li > .sequence-table-th {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   white-space: nowrap;
 }
@@ -552,7 +406,7 @@
 }
 .sequence-inverse > li > .sequence-table-th,
 .sequence-inverse > li > .sequence-table-td {
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
 }
 .sequence-icon-md {
@@ -560,7 +414,6 @@
   height: 32px;
   line-height: 30px;
   margin-top: -6px;
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
 }
 .sequence-icon-lg {
@@ -568,7 +421,6 @@
   height: 40px;
   line-height: 38px;
   margin-top: -6px;
-  font-size: 1rem;
   font-size: var(--font-size-16);
 }
 .sequence-icon-lg .icon {

package/dist/css/table.css

@@ -12,7 +12,7 @@ table th[class*="col-"] {
 caption {
   padding-top: 16px;
   padding-bottom: 16px;
-  color: #5d7079;
+  color: #454745;
   color: var(--color-content-secondary);
   text-align: left;
 }
@@ -28,7 +28,6 @@ th {
 .table {
   width: 100%;
   max-width: 100%;
-  margin-bottom: 24px;
   margin-bottom: var(--size-24);
 }
 .table > thead > tr > th,
@@ -37,12 +36,10 @@ th {
 .table > thead > tr > td,
 .table > tbody > tr > td,
 .table > tfoot > tr > td {
-  padding: 24px 16px;
   padding: var(--size-24) var(--size-16);
-  line-height: 1.5;
   line-height: var(--line-height-body);
   vertical-align: top;
-  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid rgba(14,15,12,0.12157);
   border-top: 1px solid var(--color-border-neutral);
   border-bottom: 0;
   transition: border ease 0.15s;
@@ -50,12 +47,10 @@ th {
 .table > .thead > ol > li,
 .table > .tbody > dl > dd,
 .table > .tfoot > ol > li {
-  padding: 24px 16px;
   padding: var(--size-24) var(--size-16);
-  line-height: 1.5;
   line-height: var(--line-height-body);
   vertical-align: top;
-  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid rgba(14,15,12,0.12157);
   border-top: 1px solid var(--color-border-neutral);
   border-bottom: 0;
   transition: border ease 0.15s;
@@ -85,7 +80,7 @@ th {
   border-top: 0;
 }
 .table > tbody + tbody {
-  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid rgba(14,15,12,0.12157);
   border-top: 1px solid var(--color-border-neutral);
 }
 .table .table {
@@ -96,19 +91,17 @@ th {
 .table > tfoot,
 .table > .thead,
 .table > .tfoot {
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .table > tbody,
 .table > .tbody {
-  font-size: 0.875rem;
   font-size: var(--font-size-14);
 }
 .table > tbody > tr > th,
 .table > .tbody > dl > .th {
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
 }
 .table-condensed > thead > tr > th,
@@ -117,22 +110,20 @@ th {
 .table-condensed > thead > tr > td,
 .table-condensed > tbody > tr > td,
 .table-condensed > tfoot > tr > td {
-  padding: 8px;
   padding: var(--size-8);
 }
 .table-condensed > .thead > ol > li,
 .table-condensed > .tbody > dl > dd {
-  padding: 8px;
   padding: var(--size-8);
 }
 .table-bordered {
-  border: 1px solid rgba(0,0,0,0.10196);
+  border: 1px solid rgba(14,15,12,0.12157);
   border: 1px solid var(--color-border-neutral);
   border-radius: 3px;
 }
 .table-bordered thead,
 .table-bordered .thead {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 @media (max-width: 767px) {
@@ -141,12 +132,12 @@ th {
   }
 }
 .table-striped > tbody > tr:nth-of-type(odd) {
-  background-color: rgba(134,167,189,0.10196);
+  background-color: rgba(22,51,0,0.07843);
   background-color: var(--color-background-neutral);
 }
 @media (min-width: 768px) {
   .table-striped > .tbody > dl:nth-of-type(odd) {
-    background-color: rgba(134,167,189,0.10196);
+    background-color: rgba(22,51,0,0.07843);
     background-color: var(--color-background-neutral);
   }
 }
@@ -167,14 +158,16 @@ table col[class*="col-"] {
 .table > thead > tr.primary > th,
 .table > tbody > tr.primary > th,
 .table > tfoot > tr.primary > th {
-  background-color: #37517e;
+  background-color: transparent;
+  background-color: initial;
 }
 .table-hover > tbody > tr > td.primary:hover,
 .table-hover > tbody > tr > th.primary:hover,
 .table-hover > tbody > tr.primary:hover > td,
 .table-hover > tbody > tr:hover > .primary,
 .table-hover > tbody > tr.primary:hover > th {
-  background-color: #37517e;
+  background-color: transparent;
+  background-color: initial;
 }
 .table > thead > tr > td.active,
 .table > tbody > tr > td.active,
@@ -211,7 +204,6 @@ table col[class*="col-"] {
 .table > thead > tr.success > th,
 .table > tbody > tr.success > th,
 .table > tfoot > tr.success > th {
-  background-color: rgba(54,199,151,0.10196);
   background-color: var(--color-background-positive);
 }
 .table-hover > tbody > tr > td.success:hover,
@@ -219,7 +211,6 @@ table col[class*="col-"] {
 .table-hover > tbody > tr.success:hover > td,
 .table-hover > tbody > tr:hover > .success,
 .table-hover > tbody > tr.success:hover > th {
-  background-color: rgba(54,199,151,0.10196);
   background-color: var(--color-background-positive);
 }
 .table > thead > tr > td.info,
@@ -234,7 +225,6 @@ table col[class*="col-"] {
 .table > thead > tr.info > th,
 .table > tbody > tr.info > th,
 .table > tfoot > tr.info > th {
-  background-color: rgba(56,200,255,0.10196);
   background-color: var(--color-background-accent);
 }
 .table-hover > tbody > tr > td.info:hover,
@@ -242,7 +232,6 @@ table col[class*="col-"] {
 .table-hover > tbody > tr.info:hover > td,
 .table-hover > tbody > tr:hover > .info,
 .table-hover > tbody > tr.info:hover > th {
-  background-color: rgba(56,200,255,0.10196);
   background-color: var(--color-background-accent);
 }
 .table > thead > tr > td.warning,
@@ -257,7 +246,6 @@ table col[class*="col-"] {
 .table > thead > tr.warning > th,
 .table > tbody > tr.warning > th,
 .table > tfoot > tr.warning > th {
-  background-color: rgba(255,172,0,0.10196);
   background-color: var(--color-background-warning);
 }
 .table-hover > tbody > tr > td.warning:hover,
@@ -265,7 +253,6 @@ table col[class*="col-"] {
 .table-hover > tbody > tr.warning:hover > td,
 .table-hover > tbody > tr:hover > .warning,
 .table-hover > tbody > tr.warning:hover > th {
-  background-color: rgba(255,172,0,0.10196);
   background-color: var(--color-background-warning);
 }
 .table > thead > tr > td.danger,
@@ -280,7 +267,6 @@ table col[class*="col-"] {
 .table > thead > tr.danger > th,
 .table > tbody > tr.danger > th,
 .table > tfoot > tr.danger > th {
-  background-color: rgba(255,135,135,0.10196);
   background-color: var(--color-background-negative);
 }
 .table-hover > tbody > tr > td.danger:hover,
@@ -288,7 +274,6 @@ table col[class*="col-"] {
 .table-hover > tbody > tr.danger:hover > td,
 .table-hover > tbody > tr:hover > .danger,
 .table-hover > tbody > tr.danger:hover > th {
-  background-color: rgba(255,135,135,0.10196);
   background-color: var(--color-background-negative);
 }
 .table > thead > tr > td.default,
@@ -322,7 +307,6 @@ table col[class*="col-"] {
 @media screen and (max-width: 767px) {
   .table-responsive {
     width: 100%;
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
     overflow-y: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -348,7 +332,7 @@ table col[class*="col-"] {
     border-bottom: 0;
   }
   .table-responsive.table-bordered {
-    border: 1px solid rgba(134,167,189,0.10196);
+    border: 1px solid rgba(22,51,0,0.07843);
     border: 1px solid var(--color-background-neutral);
     border-radius: 3px;
   }
@@ -365,9 +349,8 @@ table col[class*="col-"] {
   }
   .table > .thead > ol > li {
     display: table-cell;
-    font-weight: 700;
     font-weight: var(--font-weight-bold);
-    color: #37517e;
+    color: #0e0f0c;
     color: var(--color-content-primary);
   }
   .table > .tbody {
@@ -381,9 +364,8 @@ table col[class*="col-"] {
   }
   .table > .tbody > dl > dd {
     display: table-cell;
-    font-size: 0.875rem;
     font-size: var(--font-size-14);
-    color: #5d7079;
+    color: #454745;
     color: var(--color-content-secondary);
   }
   .table > .tfoot {
@@ -395,12 +377,10 @@ table col[class*="col-"] {
     display: none;
   }
   .table > .tbody > dl {
-    border: 1px #c9cbce solid;
+    border: 1px #868685 solid;
     border: 1px var(--color-interactive-secondary) solid;
     border-radius: 3px;
-    margin-bottom: 24px;
     margin-bottom: var(--size-24);
-    padding: 24px 1.5 0;
     padding: var(--size-24) var(--line-height-body) 0;
   }
   .table > .tbody > dl > dd {
@@ -417,30 +397,3 @@ table col[class*="col-"] {
   }
 }
 /* Deprecated - Table CSS for components moved inside @transferwise/components */
-.table-calendar {
-  min-width: 300px;
-}
-.table-calendar > tbody > tr > td {
-  padding: 0;
-}
-.table-calendar > tbody > tr > td > a {
-  display: block;
-  padding: 4px 0;
-  margin: 4px 2px;
-  border-radius: 3px;
-  text-align: center;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-.table-calendar > tbody > tr > td > a.active {
-  background-color: #37517e;
-  color: #ffffff;
-}
-.table-calendar > tbody > tr > td > a:not([disabled]):hover {
-  background-color: #0097c7;
-  background-color: var(--color-content-accent);
-  color: #fff;
-}
-.table-calendar > thead > tr > th {
-  text-align: center;
-}

package/dist/css/tick.css

@@ -12,12 +12,10 @@
   background: var(--color-background-screen);
   transform: translateX(0.5px) rotate(-45deg);
   transform-origin: left bottom;
-  left: 8px;
   left: var(--size-8);
 }
 .tw-checkbox-check .has-error::before,
 .tw-checkbox-check .has-error::after {
-  background-color: #e74848;
   background-color: var(--color-interactive-negative);
 }
 .tw-checkbox-check::before {

package/dist/css/tooltip.css

@@ -4,13 +4,11 @@
   position: absolute;
   z-index: 1070;
   display: block;
-  font-family: 'Inter', Helvetica, Arial, sans-serif;
   font-family: var(--font-family-regular);
   font-style: normal;
   font-weight: normal;
   letter-spacing: normal;
   line-break: auto;
-  line-height: 24px;
   line-height: var(--size-24);
   text-align: left;
   -webkit-text-decoration: none;
@@ -47,17 +45,14 @@
   margin-left: 0;
   margin-left: initial;
 }.tooltip-inner {
-  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);
   max-width: 200px;
   min-width: 120px;
-  padding: 16px 16px;
   padding: var(--size-16) var(--size-16);
-  color: #37517e;
+  color: #0e0f0c;
   color: var(--color-content-primary);
   text-align: center;
   background-color: #ffffff;
@@ -130,7 +125,6 @@
   cursor: pointer;
 }[data-toggle="tooltip"]:not(.btn):hover,
 [data-toggle="tooltip"]:not(.btn):focus {
-  color: #0084b3 !important;
   color: var(--color-content-accent-hover) !important;
   outline: 0;
 }a[data-toggle="tooltip"] {