@7shifts/sous-chef 3.44.17 → 3.45.1

package/dist/index.css

@@ -163,6 +163,11 @@
   --color-blackberry-600: #193f78;
   --color-blackberry-600-rgb: 25, 63, 120;
 }
+:root {
+  --border-radius-300: 4px;
+  --border-radius-400: 8px;
+  --border-radius-600: 20px;
+}
 :root {
   --z-index-base: 1;
   --z-index-nav: 7;
@@ -335,7 +340,7 @@ Just for future references:
 
 /* special states */
 ._3VC9U [type=checkbox]:focus-visible + ._lHlzh {
-  outline: var(--color-eggplant-400) solid 1px;
+  outline: var(--color-blackberry-400) solid 1px;
 }
 
 ._3VC9U [type=checkbox]:disabled + ._lHlzh {
@@ -488,7 +493,7 @@ Just for future references:
   font-weight: var(--p-font-weight-bold);
   text-align: center;
   padding: 9px 12px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   border-width: 1px;
   min-width: 38px;
   min-height: 38px;
@@ -517,7 +522,7 @@ Just for future references:
   height: 16px;
 }
 ._YjZTi:focus {
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
   text-decoration: none;
 }
@@ -556,44 +561,44 @@ Just for future references:
 }
 
 ._1xv5C {
-  background: var(--color-grey-100);
+  background: var(--color-white);
   border-color: var(--color-grey-200);
-  color: var(--color-grey-500);
+  color: var(--color-grey-600);
 }
 ._1xv5C:hover {
-  background: var(--color-grey-200);
+  background: var(--color-grey-100);
   border-color: var(--color-grey-300);
   color: var(--color-grey-600);
 }
 ._1xv5C:disabled {
-  background: var(--color-grey-100);
+  background: var(--color-white);
   border-color: var(--color-grey-200);
   color: var(--color-grey-300);
 }
 ._1xv5C[aria-disabled=true] {
-  background: var(--color-grey-100);
+  background: var(--color-white);
   border-color: var(--color-grey-200);
   color: var(--color-grey-300);
 }
 
 ._9zcZL {
-  background: var(--color-mint-400);
-  border-color: var(--color-mint-400);
+  background: var(--color-blackberry-600);
+  border-color: var(--color-blackberry-600);
   color: var(--color-white);
 }
 ._9zcZL:hover {
-  background: var(--color-mint-500);
-  border-color: var(--color-mint-500);
+  background: #122d56;
+  border-color: var(--color-blackberry-600);
   color: var(--color-white);
 }
 ._9zcZL:disabled {
-  background: var(--color-mint-300);
-  border-color: var(--color-mint-300);
+  background: var(--color-blackberry-200);
+  border-color: var(--color-blackberry-200);
   color: var(--color-white);
 }
 ._9zcZL[aria-disabled=true] {
-  background: var(--color-mint-300);
-  border-color: var(--color-mint-300);
+  background: var(--color-blackberry-200);
+  border-color: var(--color-blackberry-200);
   color: var(--color-white);
 }
 
@@ -663,7 +668,7 @@ Just for future references:
 ._3PDms {
   background: transparent;
   border-color: var(--color-grey-200);
-  color: var(--color-grey-500);
+  color: var(--color-grey-600);
 }
 ._3PDms:hover {
   background: rgba(0, 0, 0, 0.03);
@@ -694,23 +699,28 @@ Just for future references:
 ._eNGVS:disabled {
   background: transparent;
   border-color: var(--color-grey-200);
-  color: var(--color-grey-300);
+  color: var(--color-grey-200);
 }
 ._eNGVS[aria-disabled=true] {
   background: transparent;
   border-color: var(--color-grey-200);
-  color: var(--color-grey-300);
+  color: var(--color-grey-200);
 }
 
 ._3flSa {
   background: transparent;
   border-color: transparent;
   color: var(--color-white);
+  text-decoration: underline;
 }
 ._3flSa:hover {
   background: rgba(255, 255, 255, 0.1);
   border-color: rgba(255, 255, 255, 0.1);
   color: var(--color-white);
+  text-decoration: underline;
+}
+._3flSa:focus {
+  text-decoration: underline;
 }
 ._3flSa:disabled {
   background: transparent;
@@ -726,12 +736,17 @@ Just for future references:
 ._3qhNi {
   background: transparent;
   border-color: transparent;
-  color: var(--color-blueberry-400);
+  color: var(--color-grey-600);
+  text-decoration: underline;
 }
 ._3qhNi:hover {
   background: rgba(0, 0, 0, 0.03);
   border-color: var(--color-grey-100);
-  color: var(--color-blueberry-500);
+  color: var(--color-grey-600);
+  text-decoration: underline;
+}
+._3qhNi:focus {
+  text-decoration: underline;
 }
 ._3qhNi:disabled {
   background: transparent;
@@ -748,11 +763,16 @@ Just for future references:
   background: transparent;
   border-color: transparent;
   color: var(--color-radish-400);
+  text-decoration: underline;
 }
 ._2WRNq:hover {
   background: rgba(0, 0, 0, 0.03);
   border-color: var(--color-grey-100);
   color: var(--color-radish-500);
+  text-decoration: underline;
+}
+._2WRNq:focus {
+  text-decoration: underline;
 }
 ._2WRNq:disabled {
   background: transparent;
@@ -769,11 +789,16 @@ Just for future references:
   background: transparent;
   border-color: transparent;
   color: var(--color-eggplant-400);
+  text-decoration: underline;
 }
 ._13HZE:hover {
   background: rgba(0, 0, 0, 0.03);
   border-color: var(--color-grey-100);
   color: var(--color-eggplant-500);
+  text-decoration: underline;
+}
+._13HZE:focus {
+  text-decoration: underline;
 }
 ._13HZE:disabled {
   background: transparent;
@@ -790,11 +815,16 @@ Just for future references:
   background: transparent;
   border-color: transparent;
   color: var(--color-grey-500);
+  text-decoration: underline;
 }
 ._21xZy:hover {
   background: rgba(0, 0, 0, 0.03);
   border-color: var(--color-grey-100);
   color: var(--color-grey-500);
+  text-decoration: underline;
+}
+._21xZy:focus {
+  text-decoration: underline;
 }
 ._21xZy:disabled {
   background: transparent;
@@ -811,11 +841,16 @@ Just for future references:
   background: transparent;
   border-color: transparent;
   color: var(--color-grey-400);
+  text-decoration: underline;
 }
 ._30evL:hover {
   background: rgba(0, 0, 0, 0.03);
   border-color: var(--color-grey-100);
   color: var(--color-grey-400);
+  text-decoration: underline;
+}
+._30evL:focus {
+  text-decoration: underline;
 }
 ._30evL:disabled {
   background: transparent;
@@ -831,11 +866,11 @@ Just for future references:
   border-color: var(--color-grey-200);
 }
 ._SMSPF button:last-child {
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 var(--border-radius-400) var(--border-radius-400) 0;
   margin-left: -1px;
 }
 ._SMSPF button:first-child {
-  border-radius: 4px 0 0 4px;
+  border-radius: var(--border-radius-400) 0 0 var(--border-radius-400);
 }
 ._SMSPF button:not(:first-child):not(:last-child) {
   border-radius: 0;
@@ -875,16 +910,10 @@ Just for future references:
   left: -0.5px;
   top: 1px;
 }
-._1mKoj {
-  color: var(--color-blueberry-400);
-  text-decoration: none;
-}
-._1mKoj:hover {
+._36SZq {
+  color: var(--color-grey-600);
   text-decoration: underline;
 }
-._HUvH1 {
-  color: var(--color-grey-500);
-}
 ._38KEH._38KEH {
   font-family: var(--font-family-brand);
   font-size: var(--font-size-200);
@@ -892,7 +921,7 @@ Just for future references:
   font-weight: var(--p-font-weight-normal);
   background: var(--color-grey-500);
   color: var(--color-white);
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   min-height: auto;
 }
 ._38KEH._1qUTA {
@@ -989,19 +1018,19 @@ Just for future references:
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
   border: 1px solid var(--color-grey-200);
-  border-radius: 8px;
+  border-radius: var(--border-radius-600);
 }
 ._1YYyL tr:first-of-type > td:first-of-type {
-  border-top-left-radius: 8px;
+  border-top-left-radius: var(--border-radius-600);
 }
 ._1YYyL tr:first-of-type > td:last-of-type {
-  border-top-right-radius: 8px;
+  border-top-right-radius: var(--border-radius-600);
 }
 ._1YYyL tr:last-of-type > td:first-of-type {
-  border-bottom-left-radius: 8px;
+  border-bottom-left-radius: var(--border-radius-600);
 }
 ._1YYyL tr:last-of-type > td:last-of-type {
-  border-bottom-right-radius: 8px;
+  border-bottom-right-radius: var(--border-radius-600);
 }
 ._2atob tr:last-of-type > td:first-of-type {
   border-bottom-left-radius: 0;
@@ -1029,10 +1058,10 @@ Just for future references:
   border-top: 0;
 }
 ._ASPHe tr:last-of-type td:first-of-type {
-  border-bottom-left-radius: 8px;
+  border-bottom-left-radius: var(--border-radius-600);
 }
 ._ASPHe tr:last-of-type td:last-of-type {
-  border-bottom-right-radius: 8px;
+  border-bottom-right-radius: var(--border-radius-600);
 }
 ._1ahC- {
   margin-top: 20px;
@@ -1049,18 +1078,18 @@ Just for future references:
 ._1oK6H {
   top: 24px;
   border-bottom: 0;
-  border-top-right-radius: 8px;
-  border-top-left-radius: 8px;
+  border-top-right-radius: var(--border-radius-600);
+  border-top-left-radius: var(--border-radius-600);
 }
 ._2hHXC {
   bottom: 0;
   border-top: 0;
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
+  border-bottom-right-radius: var(--border-radius-600);
+  border-bottom-left-radius: var(--border-radius-600);
 }
 ._2_e_e {
-  width: 8px;
-  height: 8px;
+  width: var(--border-radius-600);
+  height: var(--border-radius-600);
   overflow: hidden;
   position: absolute;
   left: -1px;
@@ -1089,8 +1118,8 @@ Just for future references:
   box-shadow: -6px 6px 0 0 white;
 }
 ._1Oi6E {
-  width: 8px;
-  height: 8px;
+  width: var(--border-radius-600);
+  height: var(--border-radius-600);
   overflow: hidden;
   position: absolute;
   right: -1px;
@@ -1123,7 +1152,7 @@ Just for future references:
   background: var(--color-grey-100);
   margin: 1px;
   position: relative;
-  border-radius: 3px;
+  border-radius: var(--border-radius-600);
   box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
 }
 
@@ -1246,7 +1275,7 @@ Just for future references:
   text-decoration: none;
 }
 ._3INRK:focus > * {
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
 }
 ._3gsXT {
   font-family: var(--font-family-brand);
@@ -1287,7 +1316,7 @@ Just for future references:
   font-weight: var(--p-font-weight-normal);
   line-height: 22px;
   padding: 7px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   color: var(--color-grey-500);
   box-shadow: none;
   border: 1px solid var(--color-grey-200);
@@ -1296,8 +1325,8 @@ Just for future references:
   min-width: 90px;
 }
 ._3BVGA:focus {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border: 1px solid var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._3BVGA:disabled {
@@ -1402,10 +1431,10 @@ Just for future references:
   cursor: pointer;
 }
 ._1O4C1 {
-  background-color: var(--color-eggplant-100);
+  background-color: var(--color-blackberry-100);
 }
 ._1O4C1 ._2BdSt {
-  color: var(--color-eggplant-500);
+  color: var(--color-blackberry-500);
 }
 ._12Kal {
   cursor: auto;
@@ -1552,12 +1581,12 @@ h5._32amZ {
   background-color: var(--color-grey-100);
 }
 ._3dQzA:focus {
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._DWgI_ {
-  border-color: var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border-color: var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
 }
 ._24dNX {
   background: var(--color-grey-100);
@@ -1605,7 +1634,7 @@ h5._32amZ {
   font-weight: var(--p-font-weight-normal);
   display: flex;
   gap: 8px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   text-decoration: none;
   color: var(--color-grey-500);
   padding: 8px;
@@ -1617,6 +1646,11 @@ h5._32amZ {
   border-color: var(--color-grey-100);
   text-decoration: none;
 }
+._12zfd:focus {
+  box-shadow: 0 0 8px var(--color-blackberry-300);
+  outline: none;
+  text-decoration: none;
+}
 ._wsI-Z {
   margin-left: -10px;
 }
@@ -1723,7 +1757,7 @@ h5._32amZ {
   min-height: 38px;
   min-width: 38px;
   width: 72px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
 }
 ._Loib4 {
   min-height: 28px;
@@ -1962,9 +1996,9 @@ h5._32amZ {
 ._31ArE {
   --rdp-cell-size: 37px;
   --rdp-caption-font-size: var(--font-size-300);
-  --rdp-accent-color: var(--color-tangerine-200);
+  --rdp-accent-color: var(--color-blackberry-200);
   --rdp-background-color: var(--color-grey-100);
-  --rdp-accent-color-dark: var(--color-tangerine-400);
+  --rdp-accent-color-dark: var(--color-blackberry-400);
   --rdp-background-color-dark: var(--color-grey-500);
   --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */
   --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */
@@ -2004,7 +2038,7 @@ h5._32amZ {
 }
 
 ._24Ese:not(._3n5w2) {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
   font-weight: 700;
 }
 
@@ -2024,26 +2058,26 @@ h5._32amZ {
 }
 
 ._2I-mu._2I-mu._2I-mu._2I-mu:not(:disabled) {
-  background-color: var(--color-tangerine-200);
-  color: var(--color-tangerine-400);
+  background-color: var(--color-blackberry-200);
+  color: var(--color-blackberry-400);
   opacity: 1;
 }
 ._2I-mu._2I-mu._2I-mu._2I-mu:not(:disabled):hover {
-  background-color: var(--color-tangerine-400);
+  background-color: var(--color-blackberry-400);
   color: var(--color-white);
 }
 
 ._2I-mu[disabled] {
-  background-color: var(--color-tangerine-200);
+  background-color: var(--color-blackberry-200);
   color: var(--color-grey-400);
   opacity: 1;
 }
 ._14V7C {
   --rdp-cell-size: 37px;
   --rdp-caption-font-size: var(--font-size-300);
-  --rdp-accent-color: var(--color-tangerine-200);
+  --rdp-accent-color: var(--color-blackberry-200);
   --rdp-background-color: var(--color-grey-100);
-  --rdp-accent-color-dark: var(--color-tangerine-400);
+  --rdp-accent-color-dark: var(--color-blackberry-400);
   --rdp-background-color-dark: var(--color-grey-500);
   --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */
   --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */
@@ -2083,7 +2117,7 @@ h5._32amZ {
 }
 
 ._2jnim:not(._yS_59) {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
   font-weight: 700;
 }
 
@@ -2103,40 +2137,40 @@ h5._32amZ {
 }
 
 ._1eIgn._1eIgn {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
   border-radius: 0;
 }
 ._1eIgn._1eIgn:hover {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
 }
 ._1eIgn._1eIgn:disabled {
-  background-color: var(--color-tangerine-100);
+  background-color: var(--color-blackberry-100);
   color: var(--color-grey-200);
 }
 
 ._1QYfY._1QYfY {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
 }
 ._1QYfY._1QYfY:hover {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
 }
 ._1QYfY._1QYfY:disabled {
-  background-color: var(--color-tangerine-100);
+  background-color: var(--color-blackberry-100);
   color: var(--color-white);
 }
 
 ._1NFea._1NFea {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
 }
 ._1NFea._1NFea:hover {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
 }
 ._1NFea._1NFea:disabled {
-  background-color: var(--color-tangerine-100);
+  background-color: var(--color-blackberry-100);
   color: var(--color-grey-200);
 }
 
@@ -2222,7 +2256,7 @@ input:checked ~ ._2W10t::after {
   border-radius: 0;
 }
 input:focus-visible + ._2W10t {
-  outline: var(--color-eggplant-400) solid 1px;
+  outline: var(--color-blackberry-400) solid 1px;
 }
 input:disabled + ._2W10t {
   background-color: var(--color-grey-100);
@@ -2291,8 +2325,8 @@ input:disabled + ._2W10t::after {
   border-radius: 0;
 }
 ._1-1WW input:focus {
-  border-color: var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border-color: var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
   overflow: visible;
   z-index: var(--z-index-base);
@@ -2322,19 +2356,19 @@ input:disabled + ._2W10t::after {
 }
 
 ._3YcR8._3YcR8 {
-  border-top-left-radius: 8px;
+  border-top-left-radius: var(--border-radius-600);
 }
 
 ._1nh6A._1nh6A {
-  border-top-right-radius: 8px;
+  border-top-right-radius: var(--border-radius-600);
 }
 
 ._hRUEo._hRUEo {
-  border-bottom-left-radius: 8px;
+  border-bottom-left-radius: var(--border-radius-600);
 }
 
 ._1AIOz._1AIOz {
-  border-bottom-right-radius: 8px;
+  border-bottom-right-radius: var(--border-radius-600);
 }
 @keyframes _2QIwh {
   from {
@@ -2387,7 +2421,7 @@ input:disabled + ._2W10t::after {
 }
 ._24Yjb table tbody tr:first-of-type > td:first-of-type::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2430,7 +2464,7 @@ input:disabled + ._2W10t::after {
 }
 ._2pehG table tbody tr:first-of-type > td:last-of-type::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2440,7 +2474,7 @@ input:disabled + ._2W10t::after {
 }
 ._2pehG:not(._3NVYV) table tbody tr:last-of-type > td:last-of-type::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2450,7 +2484,7 @@ input:disabled + ._2W10t::after {
 }
 ._24Yjb:not(._3NVYV) table tbody tr:last-of-type > td:first-of-type::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2460,7 +2494,7 @@ input:disabled + ._2W10t::after {
 }
 ._3NVYV._2pehG table tfoot tr:last-of-type > td:last-of-type::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2470,7 +2504,7 @@ input:disabled + ._2W10t::after {
 }
 ._3NVYV._24Yjb table tfoot tr:last-of-type > td:first-of-type::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2514,7 +2548,7 @@ input:disabled + ._2W10t::after {
 }
 ._332hh::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2524,7 +2558,7 @@ input:disabled + ._2W10t::after {
 }
 ._332hh::before {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2544,7 +2578,7 @@ input:disabled + ._2W10t::after {
 }
 ._22uc2::after {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2554,7 +2588,7 @@ input:disabled + ._2W10t::after {
 }
 ._22uc2::before {
   content: "";
-  width: 6px;
+  width: 16px;
   height: 1px;
   position: absolute;
   background: var(--color-white);
@@ -2646,6 +2680,7 @@ input:disabled + ._2W10t::after {
 ._31JZJ {
   border: 1px solid var(--color-grey-200);
   border-radius: 20px;
+  background-color: var(--color-white);
 }
 ._1JTKu {
   flex: 1;
@@ -2691,7 +2726,7 @@ input:disabled + ._2W10t::after {
   background-color: var(--color-grey-100);
 }
 ._2UNAw:not(._vFZYw):focus {
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._3y3-I {
@@ -2711,18 +2746,18 @@ input:disabled + ._2W10t::after {
   background-color: var(--color-grey-100);
 }
 ._2tDB-:focus {
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._9_2Mg, ._j2INh {
   width: 36px;
 }
 ._9_2Mg {
-  border-radius: 4px 0px 0px 4px;
+  border-radius: var(--border-radius-400) 0px 0px var(--border-radius-400);
   border-right: 0;
 }
 ._j2INh {
-  border-radius: 0px 4px 4px 0px;
+  border-radius: 0px var(--border-radius-400) var(--border-radius-400) 0px;
   border-left: 0;
 }
 ._2cjh7 {
@@ -2735,8 +2770,8 @@ input:disabled + ._2W10t::after {
   font-weight: var(--p-font-weight-normal);
   font-weight: var(--p-font-weight-bold);
   position: relative;
-  background-color: var(--color-grey-100);
-  color: var(--color-grey-500);
+  background-color: transparent;
+  color: var(--color-grey-600);
   border-style: solid;
   border-color: var(--color-grey-200);
   padding: 9px 12px;
@@ -2746,21 +2781,19 @@ input:disabled + ._2W10t::after {
   display: inline-flex;
 }
 ._9hSoW:not(._2E6yG):hover {
-  background-color: var(--color-grey-200);
-  border-color: var(--color-grey-300);
+  background-color: var(--color-grey-100);
+  border-color: var(--color-grey-200);
 }
 ._2E6yG {
-  background-color: var(--color-tangerine-400);
-  border-color: var(--color-tangerine-400);
-  color: var(--color-white);
+  background-color: var(--color-oat-100);
 }
 ._9hSoW:focus {
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
   text-decoration: none;
 }
 ._9hSoW:first-child {
-  border-radius: 4px 0 0 4px;
+  border-radius: var(--border-radius-400) 0 0 var(--border-radius-400);
   border-width: 1px 0px 1px 1px;
 }
 ._9hSoW:first-child:not(._2E6yG):hover::after {
@@ -2769,7 +2802,7 @@ input:disabled + ._2W10t::after {
   width: 1px;
   background-color: var(--color-grey-200);
   border-width: 1px 0px;
-  border-color: var(--color-grey-300);
+  border-color: var(--color-grey-200);
   border-style: solid;
   position: absolute;
   top: -1px;
@@ -2785,7 +2818,7 @@ input:disabled + ._2W10t::after {
   width: 1px;
   background-color: var(--color-grey-200);
   border-width: 1px 0px;
-  border-color: var(--color-grey-300);
+  border-color: var(--color-grey-200);
   border-style: solid;
   position: absolute;
   top: -1px;
@@ -2797,7 +2830,7 @@ input:disabled + ._2W10t::after {
   left: -1px;
 }
 ._9hSoW:last-child {
-  border-radius: 0 4px 4px 0;
+  border-radius: 0 var(--border-radius-400) var(--border-radius-400) 0;
   border-width: 1px 1px 1px 0px;
 }
 ._9hSoW:last-child:not(._2E6yG):hover::before {
@@ -2806,7 +2839,7 @@ input:disabled + ._2W10t::after {
   width: 1px;
   background-color: var(--color-grey-200);
   border-width: 1px 0px;
-  border-color: var(--color-grey-300);
+  border-color: var(--color-grey-200);
   border-style: solid;
   position: absolute;
   top: -1px;
@@ -2848,7 +2881,7 @@ input:disabled + ._2W10t::after {
   min-width: 0;
 }
 ._eyfGn {
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   padding: 7px;
   box-shadow: none;
   border: 1px solid var(--color-grey-200);
@@ -2878,8 +2911,8 @@ input:disabled + ._2W10t::after {
   background-color: var(--color-grey-100);
 }
 ._3BfOP {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border: 1px solid var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._lPUzt {
@@ -2936,12 +2969,12 @@ input:hover ~ ._W4HpY {
   border-color: var(--color-grey-200);
 }
 input:checked:hover ~ ._W4HpY {
-  background-color: var(--color-tangerine-500);
-  border-color: var(--color-tangerine-500);
+  background-color: var(--color-blackberry-500);
+  border-color: var(--color-blackberry-500);
 }
 input:checked ~ ._W4HpY {
-  background-color: var(--color-tangerine-400);
-  border-color: var(--color-tangerine-400);
+  background-color: var(--color-blackberry-400);
+  border-color: var(--color-blackberry-400);
   color: var(--color-white);
 }
 input:disabled + ._W4HpY {
@@ -2955,8 +2988,8 @@ input:disabled:checked + ._W4HpY {
   color: var(--color-white);
 }
 input:focus-visible + ._W4HpY {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border: 1px solid var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._3QyeH {
@@ -3135,7 +3168,7 @@ input:checked ~ ._1aaPx::after {
   border-radius: 50%;
 }
 input:focus-visible + ._1aaPx {
-  outline: var(--color-eggplant-400) solid 1px;
+  outline: var(--color-blackberry-400) solid 1px;
 }
 input:disabled + ._1aaPx {
   background-color: var(--color-grey-100);
@@ -3156,7 +3189,7 @@ input:disabled + ._1aaPx::after {
   font-weight: var(--p-font-weight-normal);
   line-height: 22px;
   padding: 7px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   color: var(--color-grey-500);
   box-shadow: none;
   border: 1px solid var(--color-grey-200);
@@ -3165,8 +3198,8 @@ input:disabled + ._1aaPx::after {
   min-width: 90px;
 }
 ._2XkkE:focus {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border: 1px solid var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._2XkkE:disabled {
@@ -3230,7 +3263,7 @@ input:disabled + ._1aaPx::after {
   font-weight: var(--p-font-weight-normal);
   line-height: 22px;
   padding: 7px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   color: var(--color-grey-500);
   box-shadow: none;
   border: 1px solid var(--color-grey-200);
@@ -3239,8 +3272,8 @@ input:disabled + ._1aaPx::after {
   min-width: 90px;
 }
 ._10EFd:focus, ._33Mhr:focus {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border: 1px solid var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._10EFd:disabled, ._33Mhr:disabled {
@@ -3277,7 +3310,7 @@ input:disabled + ._1aaPx::after {
   font-weight: var(--p-font-weight-normal);
   line-height: 22px;
   padding: 7px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   color: var(--color-grey-500);
   box-shadow: none;
   border: 1px solid var(--color-grey-200);
@@ -3286,8 +3319,8 @@ input:disabled + ._1aaPx::after {
   min-width: 90px;
 }
 ._vgwnU:focus, ._LZvMX input:focus, ._LZvMX:focus {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border: 1px solid var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._vgwnU:disabled, ._LZvMX input:disabled, ._LZvMX:disabled {
@@ -3334,7 +3367,7 @@ input:disabled + ._1aaPx::after {
 }
 ._LZvMX input:focus {
   border: none;
-  box-shadow: inset 0 -2px 0 var(--color-tangerine-400);
+  box-shadow: inset 0 -2px 0 var(--color-blackberry-400);
   outline: none;
   border-radius: 0;
   border-top-right-radius: 4px;
@@ -3342,9 +3375,9 @@ input:disabled + ._1aaPx::after {
 ._9qjsN {
   --rdp-cell-size: 37px;
   --rdp-caption-font-size: var(--font-size-300);
-  --rdp-accent-color: var(--color-tangerine-200);
+  --rdp-accent-color: var(--color-blackberry-200);
   --rdp-background-color: var(--color-grey-100);
-  --rdp-accent-color-dark: var(--color-tangerine-400);
+  --rdp-accent-color-dark: var(--color-blackberry-400);
   --rdp-background-color-dark: var(--color-grey-500);
   --rdp-outline: 2px solid var(--rdp-accent-color); /* Outline border for focused elements */
   --rdp-outline-selected: 3px solid var(--rdp-accent-color); /* Outline border for focused _and_ selected elements */
@@ -3384,7 +3417,7 @@ input:disabled + ._1aaPx::after {
 }
 
 ._1e7Xn:not(._arG8m) {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
   font-weight: 700;
 }
 
@@ -3404,14 +3437,14 @@ input:disabled + ._1aaPx::after {
 }
 
 ._2KlYu._2KlYu {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
   border-radius: 0;
 }
 ._2KlYu._2KlYu:hover {
-  color: var(--color-tangerine-400);
+  color: var(--color-blackberry-400);
 }
 ._2KlYu._2KlYu:disabled {
-  background-color: var(--color-tangerine-100);
+  background-color: var(--color-blackberry-100);
   color: var(--color-grey-200);
 }
 
@@ -3419,10 +3452,10 @@ input:disabled + ._1aaPx::after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   color: var(--color-white);
-  background-color: var(--color-tangerine-400);
+  background-color: var(--color-blackberry-400);
 }
 ._rPkLU._rPkLU:disabled {
-  background-color: var(--color-tangerine-100);
+  background-color: var(--color-blackberry-100);
   color: var(--color-white);
 }
 
@@ -3430,10 +3463,10 @@ input:disabled + ._1aaPx::after {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   color: var(--color-white);
-  background-color: var(--color-tangerine-400);
+  background-color: var(--color-blackberry-400);
 }
 ._2cUU7._2cUU7:not(._rPkLU):disabled {
-  background-color: var(--color-tangerine-100);
+  background-color: var(--color-blackberry-100);
   color: var(--color-grey-200);
 }
 ._pPDKc, ._rSyiE input, ._rSyiE {
@@ -3443,7 +3476,7 @@ input:disabled + ._1aaPx::after {
   font-weight: var(--p-font-weight-normal);
   line-height: 22px;
   padding: 7px;
-  border-radius: 4px;
+  border-radius: var(--border-radius-400);
   color: var(--color-grey-500);
   box-shadow: none;
   border: 1px solid var(--color-grey-200);
@@ -3452,8 +3485,8 @@ input:disabled + ._1aaPx::after {
   min-width: 90px;
 }
 ._pPDKc:focus, ._rSyiE input:focus, ._rSyiE:focus {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
+  border: 1px solid var(--color-blackberry-400);
+  box-shadow: 0 0 8px var(--color-blackberry-300);
   outline: none;
 }
 ._pPDKc:disabled, ._rSyiE input:disabled, ._rSyiE:disabled {
@@ -3483,6 +3516,7 @@ input:disabled + ._1aaPx::after {
   padding: 0;
   align-items: center;
   flex-grow: 1;
+  background-color: var(--color-white);
 }
 ._rSyiE > div {
   width: 50%;
@@ -3498,12 +3532,19 @@ input:disabled + ._1aaPx::after {
   min-width: 20px;
   flex: 1;
 }
-._rSyiE input:focus {
+._rSyiE > div:first-of-type input:focus {
   border: none;
-  box-shadow: inset 0 -2px 0 var(--color-tangerine-400);
+  box-shadow: inset 0 -2px 0 var(--color-blackberry-400);
   outline: none;
-  border-radius: 0;
-  border-top-right-radius: 4px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+._rSyiE > div:last-of-type input:focus {
+  border: none;
+  box-shadow: inset 0 -2px 0 var(--color-blackberry-400);
+  outline: none;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
 }
 ._2K8Ob {
   font-family: var(--font-family-brand);
@@ -3535,7 +3576,7 @@ input._1zowl {
   background-color: var(--color-white);
 }
 ._2T1pu:not(._1OxwW) > button:focus ._3mUO5 {
-  border: 1px solid var(--color-eggplant-400);
+  border: 1px solid var(--color-blackberry-400);
   margin-right: 0px;
   width: 44px;
 }
@@ -3551,8 +3592,8 @@ input._1zowl {
 ._3mUO5 {
   padding-left: 7px;
   padding-right: 7px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
+  border-top-left-radius: var(--border-radius-400);
+  border-bottom-left-radius: var(--border-radius-400);
   border: 1px solid var(--color-grey-200);
   border-right-color: transparent;
   height: 36px;
@@ -4688,7 +4729,7 @@ input._1zowl {
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
   font-weight: var(--p-font-weight-bold);
-  border-radius: 2px;
+  border-radius: var(--border-radius-300);
   padding: 2px 8px;
   display: inline-block;
   text-align: center;
@@ -4732,29 +4773,25 @@ input._1zowl {
   display: inline-block;
   text-align: center;
   white-space: nowrap;
+  color: var(--color-grey-600);
 }
 ._1vA9B::first-letter {
   text-transform: capitalize;
 }
 ._2mTVo {
   background-color: var(--color-grey-200);
-  color: var(--color-grey-600);
 }
 ._3CYqE {
   background-color: var(--color-mint-200);
-  color: var(--color-mint-600);
 }
 ._1WFdK {
   background-color: var(--color-radish-200);
-  color: var(--color-radish-600);
 }
 ._1Mp_n {
   background-color: var(--color-banana-200);
-  color: var(--color-banana-600);
 }
 ._10zFn {
   background-color: var(--color-blueberry-200);
-  color: var(--color-blueberry-600);
 }
 ._1AdW7 {
   display: flex;