@7shifts/sous-chef 3.11.2 → 3.13.0

package/dist/index.css

@@ -784,6 +784,205 @@ Just for future references:
 ._3EHwm {
   padding-left: 20px;
 }
+._FcxnN {
+  text-align: left;
+}
+._1QljH {
+  line-height: 20px;
+  padding: 0 16px 8px 16px;
+  background-color: unset;
+  color: var(--color-grey-500);
+  font-size: 12px;
+  font-weight: 600;
+  font-family: "Proxima Nova", sans-serif;
+  border: 0;
+}
+._1T4uT {
+  cursor: pointer;
+}
+._HtAmk:not(:focus-visible) {
+  /* Remove the focus indicator on mouse-focus for browsers
+     that do support :focus-visible */
+  outline: none;
+}
+._39zhh {
+  box-sizing: content-box;
+}
+._1CG8B {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+._1iqpa {
+  justify-content: flex-end;
+}
+._21Xc6 {
+  display: inline-block;
+  padding-left: 8px;
+  line-height: 1em;
+}
+._umpGL {
+  position: relative;
+}
+._5BvsJ {
+  position: relative;
+}
+._3p04C > table > thead, ._3p04C > table > tfoot {
+  position: sticky;
+  background-color: var(--color-white);
+  z-index: 1;
+}
+._3p04C > table > thead {
+  top: 0;
+}
+._3p04C > table > tfoot {
+  bottom: 0;
+}
+._3_o_a {
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+  border: 0;
+}
+._3aKQI {
+  table-layout: fixed;
+}
+._tCd-U {
+  border: 1px solid var(--color-grey-200);
+  border-radius: 8px;
+  font-family: "Proxima Nova", sans-serif;
+  font-size: 14px;
+}
+._tCd-U tr:first-of-type > td:first-of-type {
+  border-top-left-radius: 8px;
+}
+._tCd-U tr:first-of-type > td:last-of-type {
+  border-top-right-radius: 8px;
+}
+._tCd-U tr:last-of-type > td:first-of-type {
+  border-bottom-left-radius: 8px;
+}
+._tCd-U tr:last-of-type > td:last-of-type {
+  border-bottom-right-radius: 8px;
+}
+._Hp5nC tr:last-of-type > td:first-of-type {
+  border-bottom-left-radius: 0;
+}
+._Hp5nC tr:last-of-type > td:last-of-type {
+  border-bottom-right-radius: 0;
+}
+.__15fo {
+  font-weight: 600;
+  font-size: 14px;
+}
+.__15fo tr td {
+  background: var(--color-grey-100);
+}
+.__15fo tr td:first-of-type {
+  border-left: 1px solid var(--color-grey-200);
+}
+.__15fo tr td:last-of-type {
+  border-right: 1px solid var(--color-grey-200);
+}
+.__15fo tr:first-of-type td {
+  border-top: 0;
+}
+.__15fo tr:last-of-type td:first-of-type {
+  border-bottom-left-radius: 8px;
+}
+.__15fo tr:last-of-type td:last-of-type {
+  border-bottom-right-radius: 8px;
+}
+._2KGQu {
+  margin-top: 20px;
+  font-family: "Proxima Nova", sans-serif;
+}
+._1zw4R {
+  width: 100%;
+  height: 20px;
+  border: 1px solid var(--color-grey-200);
+  box-sizing: border-box;
+  position: absolute;
+  z-index: 1;
+  pointer-events: none;
+}
+._2vWl5 {
+  top: 28px;
+  border-bottom: 0;
+  border-top-right-radius: 8px;
+  border-top-left-radius: 8px;
+}
+._397Yd {
+  bottom: 0;
+  border-top: 0;
+  border-bottom-right-radius: 8px;
+  border-bottom-left-radius: 8px;
+}
+._AGTVL {
+  width: 8px;
+  height: 8px;
+  overflow: hidden;
+  position: absolute;
+  left: -1px;
+}
+._AGTVL::before {
+  content: "";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  border-radius: 50%;
+  left: 0;
+}
+._3wzKK {
+  top: -1px;
+}
+._3wzKK::before {
+  top: 0;
+  box-shadow: -6px -6px 0 0 white;
+}
+._2pJrs {
+  bottom: -1px;
+}
+._2pJrs::before {
+  bottom: 0;
+  box-shadow: -6px 6px 0 0 white;
+}
+._vh4go {
+  width: 8px;
+  height: 8px;
+  overflow: hidden;
+  position: absolute;
+  right: -1px;
+}
+._vh4go::before {
+  content: "";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  border-radius: 50%;
+  right: 0;
+}
+._2sj0a {
+  top: -1px;
+}
+._2sj0a::before {
+  top: 0;
+  box-shadow: 6px -6px 0 0 white;
+}
+._1s8kO {
+  bottom: -1px;
+}
+._1s8kO::before {
+  bottom: 0;
+  box-shadow: 6px 6px 0 0 white;
+}
+._94pbt > td {
+  border: 1px solid var(--color-grey-200);
+}
 ._2GGMG:focus:not(:focus-visible) {
   /* Remove the focus indicator on mouse-focus for browsers
      that do support :focus-visible */
@@ -836,41 +1035,335 @@ Just for future references:
 ._2rs8m:focus > * {
   box-shadow: 0 0 8px var(--color-eggplant-300);
 }
-._2puqJ {
-  position: fixed;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  background-color: rgba(0, 0, 0, 0.5);
-  display: flex;
-  align-items: center;
-  flex-direction: column;
+._h724f {
+  line-height: normal;
+  padding: 0;
+  width: auto;
+  float: none;
+  color: var(--color-grey-500);
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 600;
+  font-size: 14px;
+  min-height: 16px;
 }
-._2puqJ::after {
-  width: 100%;
-  flex-basis: 20px;
-  flex-shrink: 0;
-  content: "";
+
+._1VUoF {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-._2puqJ::before {
-  width: 100%;
-  min-height: 20px;
-  max-height: 80px;
+._1DWBq {
+  color: var(--color-grey-500);
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 16px;
+}
+._nZ2MD {
+  color: var(--color-radish-400);
+  font-family: "Proxima Nova", sans-serif;
+  font-weight: 400;
+  font-size: 12px;
+}
+._20YOA {
+  padding: 7px;
+  line-height: 22px;
+  border-radius: 4px;
+  font-size: 14px;
+  font-family: "Proxima Nova", sans-serif;
+  color: var(--color-grey-500);
+  box-shadow: none;
+  border: 1px solid var(--color-grey-200);
+  margin: 0;
   flex: 1;
-  content: "";
+  min-width: 90px;
+}
+._20YOA:focus {
+  border: 1px solid var(--color-eggplant-400);
+  box-shadow: 0 0 8px var(--color-eggplant-300);
+  outline: none;
+}
+._20YOA:disabled {
+  background-color: var(--color-grey-100);
+  color: var(--color-grey-400);
 }
 
-._1167h {
-  opacity: 1;
-  transform: translateX(0);
+._3kUSh {
+  border-color: var(--color-radish-400) !important;
 }
 
-._t_t7L {
-  opacity: 0;
+._3IU3Q {
+  border-left: 0 !important;
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  color: var(--color-grey-400);
 }
 
-._wQQ_2 {
+._QXJOD {
+  border-right: 0 !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+._ybKOk {
+  position: relative;
+  display: flex;
+  flex: 1;
+}
+
+._2COk3 input {
+  padding-left: 21px;
+}
+
+._1xXXN input {
+  padding-right: 21px;
+}
+
+._eX5OL {
+  position: absolute;
+  line-height: 22px;
+  padding: 8px;
+  color: var(--color-grey-500);
+  min-width: 8px;
+  pointer-events: none;
+  font-size: 14px;
+  font-family: "Proxima Nova", sans-serif;
+  box-sizing: content-box;
+  display: flex;
+  align-items: center;
+  height: 22px;
+  top: 0;
+  bottom: 0;
+  margin-top: auto;
+  margin-bottom: auto;
+  z-index: 1;
+  text-align: left;
+}
+._eX5OL svg, ._eX5OL path {
+  color: var(--color-grey-400);
+}
+
+.__YH01 {
+  position: absolute;
+  line-height: 22px;
+  padding: 8px;
+  color: var(--color-grey-500);
+  min-width: 8px;
+  pointer-events: none;
+  font-size: 14px;
+  font-family: "Proxima Nova", sans-serif;
+  box-sizing: content-box;
+  display: flex;
+  align-items: center;
+  height: 22px;
+  top: 0;
+  bottom: 0;
+  margin-top: auto;
+  margin-bottom: auto;
+  right: 0;
+  text-align: right;
+}
+.__YH01 svg, .__YH01 path {
+  color: var(--color-grey-400);
+}
+._1v1df {
+  font-family: "Proxima Nova", sans-serif;
+  list-style: none;
+  margin: -20px;
+  padding: 0;
+}
+._eAjpa {
+  background-color: var(--color-grey-100);
+}
+._3x1F6 {
+  width: 100%;
+  height: 1px;
+  background-color: var(--color-grey-200);
+  margin: 4px 0;
+}
+._B3_I5 {
+  padding: 12px;
+  font-size: 14px;
+  line-height: 20px;
+  display: flex;
+  cursor: pointer;
+  white-space: nowrap;
+  color: var(--color-grey-400);
+  gap: 8px;
+  align-items: center;
+}
+._1mr1h {
+  background-color: var(--color-eggplant-100);
+}
+._1mr1h > ._2b7Fg {
+  color: var(--color-eggplant-500);
+}
+._2l0Cb {
+  cursor: auto;
+  color: var(--color-grey-500);
+}
+._2l0Cb > ._2b7Fg {
+  color: var(--color-grey-400);
+}
+._2b7Fg {
+  flex: 1;
+  color: var(--color-grey-500);
+}
+h1._3CIA3 {
+  font-size: 1.75rem;
+  line-height: 2rem;
+  font-weight: 600;
+}
+
+h2._3CIA3 {
+  font-size: 1.5rem;
+  line-height: 1.75rem;
+  font-weight: 600;
+}
+
+h3._3CIA3 {
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+  font-weight: 600;
+}
+
+h4._3CIA3 {
+  font-size: 1.25rem;
+  line-height: 1.5rem;
+  font-weight: 400;
+  color: var(--color-grey-400);
+}
+
+h5._3CIA3 {
+  font-size: 1rem;
+  line-height: 1.25rem;
+  font-weight: 400;
+  color: var(--color-grey-400);
+}
+
+._3CIA3 {
+  font-family: "Proxima Nova", sans-serif;
+  color: var(--color-grey-500);
+  margin: 0;
+}
+._1nnj8 {
+  font-size: 0.875rem;
+  line-height: 1.125rem;
+  font-weight: 400;
+}
+._37K6o {
+  font-size: 0.75rem;
+  line-height: 1rem;
+  font-weight: 400;
+}
+._avqxy {
+  font-size: 2.5rem;
+  line-height: 2.75rem;
+  font-weight: 600;
+}
+._2TG6E {
+  font-weight: 600;
+}
+._2hlsn {
+  font-style: italic;
+}
+._1Pjo6 {
+  text-decoration: underline;
+}
+._eDdDI {
+  font-variant-numeric: tabular-nums;
+}
+._2gNwS {
+  text-align: left;
+}
+._ufv1W {
+  text-align: right;
+}
+._2WMN6 {
+  text-align: center;
+}
+._2iH-J {
+  text-align: justify;
+}
+._SpJZY {
+  position: relative;
+  border-bottom: 1px solid var(--color-grey-200);
+  padding: 16px;
+  word-break: break-word;
+  -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+          hyphens: auto;
+}
+._SpJZY:first-of-type {
+  border-left: 1px solid var(--color-grey-200);
+}
+._SpJZY:last-of-type {
+  border-right: 1px solid var(--color-grey-200);
+}
+._3R9X2 {
+  padding: 0;
+}
+._6CjWl:not(:last-child) {
+  border-right: 1px solid var(--color-grey-200);
+}
+._tvnPS {
+  background: var(--color-radish-100);
+  color: var(--color-radish-400);
+}
+._2D9Do {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+._1HyJe {
+  justify-content: flex-end;
+}
+._3tEcf {
+  justify-content: space-between;
+}
+._2ctV2 {
+  width: 16px;
+}
+._2QAov {
+  margin-left: 4px;
+}
+._AzpZE {
+  margin-right: 4px;
+}
+._2puqJ {
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  background-color: rgba(0, 0, 0, 0.5);
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+}
+._2puqJ::after {
+  width: 100%;
+  flex-basis: 20px;
+  flex-shrink: 0;
+  content: "";
+}
+._2puqJ::before {
+  width: 100%;
+  min-height: 20px;
+  max-height: 80px;
+  flex: 1;
+  content: "";
+}
+
+._1167h {
+  opacity: 1;
+  transform: translateX(0);
+}
+
+._t_t7L {
+  opacity: 0;
+}
+
+._wQQ_2 {
   position: relative;
   border: 1px solid var(--color-grey-200);
   background: var(--color-white);
@@ -1390,323 +1883,29 @@ Just for future references:
   background-color: var(--color-tangerine-200);
   color: var(--color-tangerine-400);
 }
-._2PEs8:first-of-type {
-  border-top-left-radius: 50%;
-  border-bottom-left-radius: 50%;
-}
-._2PEs8:last-of-type {
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-
-._3Nwep:hover {
-  background: var(--color-grey-100);
-}
-._3Nwep:hover ._2PEs8:not(._1M4ZF) {
-  background-color: var(--color-tangerine-400);
-  color: var(--color-white);
-}
-._3Nwep:hover ._3nNcG:first-of-type {
-  border-top-left-radius: 50%;
-  border-bottom-left-radius: 50%;
-}
-._3Nwep:hover ._3nNcG:last-of-type {
-  border-top-right-radius: 50%;
-  border-bottom-right-radius: 50%;
-}
-._1v1df {
-  font-family: "Proxima Nova", sans-serif;
-  list-style: none;
-  margin: -20px;
-  padding: 0;
-}
-._eAjpa {
-  background-color: var(--color-grey-100);
-}
-._3x1F6 {
-  width: 100%;
-  height: 1px;
-  background-color: var(--color-grey-200);
-  margin: 4px 0;
-}
-._B3_I5 {
-  padding: 12px;
-  font-size: 14px;
-  line-height: 20px;
-  display: flex;
-  cursor: pointer;
-  white-space: nowrap;
-  color: var(--color-grey-400);
-  gap: 8px;
-  align-items: center;
-}
-._1mr1h {
-  background-color: var(--color-eggplant-100);
-}
-._1mr1h > ._2b7Fg {
-  color: var(--color-eggplant-500);
-}
-._2l0Cb {
-  cursor: auto;
-  color: var(--color-grey-500);
-}
-._2l0Cb > ._2b7Fg {
-  color: var(--color-grey-400);
-}
-._2b7Fg {
-  flex: 1;
-  color: var(--color-grey-500);
-}
-h1._3CIA3 {
-  font-size: 1.75rem;
-  line-height: 2rem;
-  font-weight: 600;
-}
-
-h2._3CIA3 {
-  font-size: 1.5rem;
-  line-height: 1.75rem;
-  font-weight: 600;
-}
-
-h3._3CIA3 {
-  font-size: 1.25rem;
-  line-height: 1.5rem;
-  font-weight: 600;
-}
-
-h4._3CIA3 {
-  font-size: 1.25rem;
-  line-height: 1.5rem;
-  font-weight: 400;
-  color: var(--color-grey-400);
-}
-
-h5._3CIA3 {
-  font-size: 1rem;
-  line-height: 1.25rem;
-  font-weight: 400;
-  color: var(--color-grey-400);
-}
-
-._3CIA3 {
-  font-family: "Proxima Nova", sans-serif;
-  color: var(--color-grey-500);
-  margin: 0;
-}
-._1nnj8 {
-  font-size: 0.875rem;
-  line-height: 1.125rem;
-  font-weight: 400;
-}
-._37K6o {
-  font-size: 0.75rem;
-  line-height: 1rem;
-  font-weight: 400;
-}
-._avqxy {
-  font-size: 2.5rem;
-  line-height: 2.75rem;
-  font-weight: 600;
-}
-._2TG6E {
-  font-weight: 600;
-}
-._2hlsn {
-  font-style: italic;
-}
-._1Pjo6 {
-  text-decoration: underline;
-}
-._eDdDI {
-  font-variant-numeric: tabular-nums;
-}
-._2gNwS {
-  text-align: left;
-}
-._ufv1W {
-  text-align: right;
-}
-._2WMN6 {
-  text-align: center;
-}
-._2iH-J {
-  text-align: justify;
-}
-._h724f {
-  line-height: normal;
-  padding: 0;
-  width: auto;
-  float: none;
-  color: var(--color-grey-500);
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 600;
-  font-size: 14px;
-  min-height: 16px;
-}
-
-._1VUoF {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-._1DWBq {
-  color: var(--color-grey-500);
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 16px;
-}
-._nZ2MD {
-  color: var(--color-radish-400);
-  font-family: "Proxima Nova", sans-serif;
-  font-weight: 400;
-  font-size: 12px;
-}
-._20YOA {
-  padding: 7px;
-  line-height: 22px;
-  border-radius: 4px;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  color: var(--color-grey-500);
-  box-shadow: none;
-  border: 1px solid var(--color-grey-200);
-  margin: 0;
-  flex: 1;
-  min-width: 90px;
-}
-._20YOA:focus {
-  border: 1px solid var(--color-eggplant-400);
-  box-shadow: 0 0 8px var(--color-eggplant-300);
-  outline: none;
-}
-._20YOA:disabled {
-  background-color: var(--color-grey-100);
-  color: var(--color-grey-400);
-}
-
-._3kUSh {
-  border-color: var(--color-radish-400) !important;
-}
-
-._3IU3Q {
-  border-left: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  color: var(--color-grey-400);
-}
-
-._QXJOD {
-  border-right: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-._2Ybjx {
-  position: relative;
-  border-bottom: 1px solid var(--color-grey-200);
-  padding: 16px;
-  word-break: break-word;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-}
-._2Ybjx:first-of-type {
-  border-left: 1px solid var(--color-grey-200);
-}
-._2Ybjx:last-of-type {
-  border-right: 1px solid var(--color-grey-200);
-}
-._5KXHH {
-  padding: 0;
-}
-._2-I0j:not(:last-child) {
-  border-right: 1px solid var(--color-grey-200);
-}
-._D73Vx {
-  background: var(--color-radish-100);
-  color: var(--color-radish-400);
-}
-._3A9-M {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-._17Km7 {
-  justify-content: flex-end;
-}
-._2c6KQ {
-  justify-content: space-between;
-}
-._2hIl3 {
-  width: 16px;
-}
-._8Uhyd {
-  margin-left: 4px;
-}
-._3X51R {
-  margin-right: 4px;
-}
-._ybKOk {
-  position: relative;
-  display: flex;
-  flex: 1;
-}
-
-._2COk3 input {
-  padding-left: 21px;
-}
-
-._1xXXN input {
-  padding-right: 21px;
-}
-
-._eX5OL {
-  position: absolute;
-  line-height: 22px;
-  padding: 8px;
-  color: var(--color-grey-500);
-  min-width: 8px;
-  pointer-events: none;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  box-sizing: content-box;
-  display: flex;
-  align-items: center;
-  height: 22px;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  z-index: 1;
-  text-align: left;
-}
-._eX5OL svg {
-  color: var(--color-grey-400);
-}
-
-.__YH01 {
-  position: absolute;
-  line-height: 22px;
-  padding: 8px;
-  color: var(--color-grey-500);
-  min-width: 8px;
-  pointer-events: none;
-  font-size: 14px;
-  font-family: "Proxima Nova", sans-serif;
-  box-sizing: content-box;
-  display: flex;
-  align-items: center;
-  height: 22px;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  right: 0;
-  text-align: right;
-}
-.__YH01 svg {
-  color: var(--color-grey-400);
+._2PEs8:first-of-type {
+  border-top-left-radius: 50%;
+  border-bottom-left-radius: 50%;
+}
+._2PEs8:last-of-type {
+  border-top-right-radius: 50%;
+  border-bottom-right-radius: 50%;
+}
+
+._3Nwep:hover {
+  background: var(--color-grey-100);
+}
+._3Nwep:hover ._2PEs8:not(._1M4ZF) {
+  background-color: var(--color-tangerine-400);
+  color: var(--color-white);
+}
+._3Nwep:hover ._3nNcG:first-of-type {
+  border-top-left-radius: 50%;
+  border-bottom-left-radius: 50%;
+}
+._3Nwep:hover ._3nNcG:last-of-type {
+  border-top-right-radius: 50%;
+  border-bottom-right-radius: 50%;
 }
 ._qYNve {
   width: 100%;
@@ -1770,215 +1969,6 @@ h5._3CIA3 {
 ._3Mm-v._3Mm-v {
   border-bottom-right-radius: 8px;
 }
-._3qoNq {
-  position: relative;
-}
-
-._2HcDV {
-  position: relative;
-}
-._3dowz > table > thead, ._3dowz > table > tfoot {
-  position: sticky;
-  background-color: white;
-  z-index: 1;
-}
-._3dowz > table > thead {
-  top: 0;
-}
-._3dowz > table > tfoot {
-  bottom: 0;
-}
-
-._tGpUv {
-  width: 100%;
-  height: 100%;
-  border-spacing: 0;
-  border-collapse: separate;
-  border: 0;
-}
-._3VePT {
-  table-layout: fixed;
-}
-
-._2ZgmC {
-  text-align: left;
-}
-
-._3slLU {
-  line-height: 20px;
-  padding: 0 16px 8px 16px;
-  background-color: unset;
-  color: var(--color-grey-500);
-  font-size: 12px;
-  font-weight: 600;
-  font-family: "Proxima Nova", sans-serif;
-  border: 0;
-}
-._1jb-H {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-._2Np60 {
-  justify-content: flex-end;
-}
-._1-26z {
-  cursor: pointer;
-}
-
-._3slLU:focus:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-
-._2i1wY {
-  box-sizing: content-box;
-}
-
-._BLrNe {
-  display: inline-block;
-  padding-left: 8px;
-  line-height: 1em;
-}
-
-._CT4Lp {
-  border: 1px solid var(--color-grey-200);
-  border-radius: 8px;
-  font-family: "Proxima Nova", sans-serif;
-  font-size: 14px;
-}
-._CT4Lp tr:first-of-type > td:first-of-type {
-  border-top-left-radius: 8px;
-}
-._CT4Lp tr:first-of-type > td:last-of-type {
-  border-top-right-radius: 8px;
-}
-._CT4Lp tr:last-of-type > td:first-of-type {
-  border-bottom-left-radius: 8px;
-}
-._CT4Lp tr:last-of-type > td:last-of-type {
-  border-bottom-right-radius: 8px;
-}
-._1wU1R tr:last-of-type > td:first-of-type {
-  border-bottom-left-radius: 0;
-}
-._1wU1R tr:last-of-type > td:last-of-type {
-  border-bottom-right-radius: 0;
-}
-
-._398L3 {
-  font-weight: 600;
-  font-size: 14px;
-}
-._398L3 tr td {
-  background: var(--color-grey-100);
-}
-._398L3 tr td:first-of-type {
-  border-left: 1px solid var(--color-grey-200);
-}
-._398L3 tr td:last-of-type {
-  border-right: 1px solid var(--color-grey-200);
-}
-._398L3 tr:first-of-type td {
-  border-top: 0;
-}
-._398L3 tr:last-of-type td:first-of-type {
-  border-bottom-left-radius: 8px;
-}
-._398L3 tr:last-of-type td:last-of-type {
-  border-bottom-right-radius: 8px;
-}
-
-._2smmY {
-  margin-top: 20px;
-  font-family: "Proxima Nova", sans-serif;
-}
-._1zw4R {
-  width: 100%;
-  height: 20px;
-  border: 1px solid var(--color-grey-200);
-  box-sizing: border-box;
-  position: absolute;
-  z-index: 1;
-  pointer-events: none;
-}
-._2vWl5 {
-  top: 28px;
-  border-bottom: 0;
-  border-top-right-radius: 8px;
-  border-top-left-radius: 8px;
-}
-._397Yd {
-  bottom: 0;
-  border-top: 0;
-  border-bottom-right-radius: 8px;
-  border-bottom-left-radius: 8px;
-}
-._AGTVL {
-  width: 8px;
-  height: 8px;
-  overflow: hidden;
-  position: absolute;
-  left: -1px;
-}
-._AGTVL::before {
-  content: "";
-  display: block;
-  width: 200%;
-  height: 200%;
-  position: absolute;
-  border-radius: 50%;
-  left: 0;
-}
-._3wzKK {
-  top: -1px;
-}
-._3wzKK::before {
-  top: 0;
-  box-shadow: -6px -6px 0 0 white;
-}
-._2pJrs {
-  bottom: -1px;
-}
-._2pJrs::before {
-  bottom: 0;
-  box-shadow: -6px 6px 0 0 white;
-}
-._vh4go {
-  width: 8px;
-  height: 8px;
-  overflow: hidden;
-  position: absolute;
-  right: -1px;
-}
-._vh4go::before {
-  content: "";
-  display: block;
-  width: 200%;
-  height: 200%;
-  position: absolute;
-  border-radius: 50%;
-  right: 0;
-}
-._2sj0a {
-  top: -1px;
-}
-._2sj0a::before {
-  top: 0;
-  box-shadow: 6px -6px 0 0 white;
-}
-._1s8kO {
-  bottom: -1px;
-}
-._1s8kO::before {
-  bottom: 0;
-  box-shadow: 6px 6px 0 0 white;
-}
-._94pbt > td {
-  border: 1px solid var(--color-grey-200);
-}
 ._1cDCR {
   flex: 1;
   display: "flex";
@@ -3090,6 +3080,73 @@ input:disabled + ._1tMq-::after {
   background-color: var(--color-tangerine-200);
   color: var(--color-tangerine-400);
 }
+._1EJlZ, ._20_Q3 input, ._20_Q3 {
+  padding: 7px;
+  line-height: 22px;
+  border-radius: 4px;
+  font-size: 14px;
+  font-family: "Proxima Nova", sans-serif;
+  color: var(--color-grey-500);
+  box-shadow: none;
+  border: 1px solid var(--color-grey-200);
+  margin: 0;
+  flex: 1;
+  min-width: 90px;
+}
+._1EJlZ:focus, ._20_Q3 input:focus, ._20_Q3:focus {
+  border: 1px solid var(--color-eggplant-400);
+  box-shadow: 0 0 8px var(--color-eggplant-300);
+  outline: none;
+}
+._1EJlZ:disabled, ._20_Q3 input:disabled, ._20_Q3:disabled {
+  background-color: var(--color-grey-100);
+  color: var(--color-grey-400);
+}
+
+._3vaZG {
+  border-color: var(--color-radish-400) !important;
+}
+
+._2dh_z {
+  border-left: 0 !important;
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  color: var(--color-grey-400);
+}
+
+._2iyg- {
+  border-right: 0 !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+._20_Q3 {
+  display: flex;
+  padding: 0;
+  align-items: center;
+  flex-grow: 1;
+}
+._20_Q3 > div {
+  width: 50%;
+}
+._22G5J {
+  border-color: var(--color-radish-400);
+}
+._1bvhh {
+  background-color: var(--color-grey-100);
+}
+._20_Q3 input {
+  border: none;
+  min-width: 20px;
+  flex: 1;
+}
+._20_Q3 input:focus {
+  border: none;
+  box-shadow: inset 0 -2px 0 var(--color-tangerine-400);
+  outline: none;
+  border-radius: 0;
+  border-top-right-radius: 4px;
+}
 ._vgLin {
   padding: 16px 12px 16px 12px;
   background: var(--color-grey-100);