@7shifts/sous-chef 3.78.1 → 3.79.0

package/dist/index.css

@@ -1083,1388 +1083,1388 @@ Just for future references:
   color: var(--color-surface-on-color);
   text-decoration: underline;
 }
-._iSC5P._iSC5P {
+._sp-pT {
+  position: absolute;
+  list-style: none;
+  box-shadow: 0 0 12px -3px var(--color-outline-variant);
+  background: var(--color-surface-container);
+  margin-top: 8px;
+  transform-origin: top right;
+  min-width: 120px;
+  padding: 20px;
+  box-sizing: border-box;
+}
+._AktVc {
+  all: unset;
+  width: -moz-fit-content;
+  width: fit-content;
+  cursor: pointer;
+}
+._AktVc:focus {
+  outline: none;
+  text-decoration: none;
+}
+._AktVc:focus > * {
+  box-shadow: 0 0 8px var(--color-primary-color);
+}
+._zv4ua {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  background: var(--color-surface-inverse);
-  color: var(--color-surface-on-inverse);
-  border-radius: var(--border-radius-400);
-  min-height: auto;
-}
-._iSC5P._OWpOG {
-  background-color: var(--color-danger-color);
-}
-
-._4JJwF {
-  padding-left: 20px;
+  font-weight: var(--p-font-weight-bold);
+  padding: 0;
+  width: auto;
+  float: none;
+  color: var(--color-surface-on-color-bold);
+  min-height: 16px;
 }
 
-@media only screen and (max-width: 480px) {
-  .Toastify__toast-container--bottom-center {
-    padding: 1em;
-  }
-}
-._F4U3o {
-  text-align: left;
+._FPyID {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
 }
-._KKljd {
+._Qrxg5 {
   font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-bold);
-  padding: 0 16px 8px 16px;
-  background-color: unset;
-  color: var(--color-surface-on-color-bold);
-  border: 0;
-}
-._oKH7a {
-  cursor: pointer;
-}
-._xrDya:not(:focus-visible) {
-  /* Remove the focus indicator on mouse-focus for browsers
-     that do support :focus-visible */
-  outline: none;
-}
-._RLGaD {
-  box-sizing: content-box;
-}
-._3p3fm {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-._rXid3 {
-  justify-content: flex-end;
-  text-align: right;
+  color: var(--color-surface-on-color);
 }
-._vgjHE {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
-  cursor: pointer;
+._eS4YO {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
+  font-weight: var(--p-font-weight-normal);
+  color: var(--color-danger-color);
 }
-._-xiIl {
-  display: inline-block;
-  padding-left: 8px;
-  line-height: 1em;
+h1._6SgoN {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-600);
+  line-height: var(--font-line-height-600);
+  font-weight: var(--p-font-weight-semibold);
+  color: var(--color-surface-on-color-bold);
 }
-._zEfoA {
-  position: relative;
+
+h2._6SgoN {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-500);
+  line-height: var(--font-line-height-500);
+  font-weight: var(--p-font-weight-semibold);
+  color: var(--color-surface-on-color-bold);
 }
-._v-WNu {
-  position: relative;
+
+h3._6SgoN {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-400);
+  line-height: var(--font-line-height-400);
+  font-weight: var(--p-font-weight-semibold);
+  color: var(--color-surface-on-color-bold);
 }
-._xI2-r > table > thead, ._xI2-r > table > tfoot {
-  position: sticky;
-  background-color: var(--color-surface-color);
-  z-index: var(--z-index-base);
+
+h4._6SgoN {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-400);
+  line-height: var(--font-line-height-400);
+  font-weight: var(--p-font-weight-normal);
 }
-._xI2-r > table > thead {
-  top: 0;
+
+h5._6SgoN {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-300);
+  line-height: var(--font-line-height-300);
+  font-weight: var(--p-font-weight-normal);
 }
-._xI2-r > table > tfoot {
-  bottom: 0;
+
+._6SgoN {
+  color: var(--color-surface-on-color);
+  margin: 0;
 }
-._ED7Nm {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: var(--z-index-base);
+._SF95f {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
+  font-weight: var(--p-font-weight-normal);
 }
-._fnq34 {
-  width: 100%;
-  height: 100%;
-  border-spacing: 0;
-  border-collapse: separate;
-  border: 0;
+._HHohB {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
+  font-weight: var(--p-font-weight-normal);
 }
-._qSrJq {
-  table-layout: fixed;
+._xdhK0 {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-700);
+  line-height: var(--font-line-height-700);
+  font-weight: var(--p-font-weight-semibold);
+  color: var(--color-surface-on-color-bold);
 }
-._1SNLz {
+._yZbuO {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  border: 1px solid var(--color-outline);
-  border-radius: var(--border-radius-600);
 }
-._1SNLz tr:first-of-type > td:first-of-type {
-  border-top-left-radius: var(--border-radius-600);
+._i2LHD {
+  font-weight: var(--p-font-weight-bold);
+  color: var(--color-surface-on-color-bold);
 }
-._1SNLz tr:first-of-type > td:last-of-type {
-  border-top-right-radius: var(--border-radius-600);
+._NgSTT {
+  font-style: italic;
 }
-._1SNLz tr:last-of-type > td:first-of-type {
-  border-bottom-left-radius: var(--border-radius-600);
+._ouqVK {
+  text-decoration: underline;
 }
-._1SNLz tr:last-of-type > td:last-of-type {
-  border-bottom-right-radius: var(--border-radius-600);
+._zZ55- {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
 }
-._zCIMD tr:last-of-type > td:first-of-type {
-  border-bottom-left-radius: 0;
+._Vi-V1 {
+  font-variant-numeric: tabular-nums;
 }
-._zCIMD tr:last-of-type > td:last-of-type {
-  border-bottom-right-radius: 0;
+._psV6T {
+  text-decoration: line-through;
 }
-._mp1Ok {
+._tfSIf {
+  text-align: left;
+}
+._AK1Nr {
+  text-align: right;
+}
+._N-tR4 {
+  text-align: center;
+}
+._LkMr0 {
+  text-align: justify;
+}
+._G6LsE {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-bold);
+  line-height: 22px;
+  padding: 7px;
+  border-radius: var(--border-radius-400);
+  color: var(--color-surface-on-color);
+  box-shadow: none;
+  border: 1px solid var(--color-outline);
+  margin: 0;
+  flex: 1;
+  min-width: 90px;
+  background-color: var(--color-surface-container);
 }
-._mp1Ok tr td {
-  background: var(--color-surface-container-high);
+._G6LsE:focus {
+  border: 1px solid var(--color-primary-color);
+  box-shadow: 0 0 8px var(--color-primary-color);
+  outline: none;
 }
-._mp1Ok tr td:first-of-type {
-  border-left: 1px solid var(--color-outline);
+._G6LsE:disabled {
+  background-color: var(--color-surface-container-disabled);
+  color: var(--color-surface-on-container-disabled);
 }
-._mp1Ok tr td:last-of-type {
-  border-right: 1px solid var(--color-outline);
+
+._2ZYtt {
+  border-color: var(--color-danger-color) !important;
 }
-._mp1Ok tr:first-of-type td {
-  border-top: 0;
+
+._rWp7H {
+  border-left: 0 !important;
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  color: var(--color-surface-on-container-disabled);
 }
-._mp1Ok tr:last-of-type td:first-of-type {
-  border-bottom-left-radius: var(--border-radius-600);
+
+._Xq8xX {
+  border-right: 0 !important;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
 }
-._mp1Ok tr:last-of-type td:last-of-type {
-  border-bottom-right-radius: var(--border-radius-600);
+._F8QOB {
+  position: relative;
+  display: flex;
+  flex: 1;
 }
-._vdEZz {
-  margin-top: 20px;
+
+._vU4SU input {
+  padding-left: 21px;
 }
-._wZ8Xg {
-  width: 100%;
-  height: 20px;
-  border: 1px solid var(--color-outline);
-  box-sizing: border-box;
+
+._4rDXi input {
+  padding-right: 21px;
+}
+
+._yPPIy {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
+  font-weight: var(--p-font-weight-normal);
   position: absolute;
-  z-index: var(--z-index-base);
+  padding: 8px;
+  color: var(--color-surface-on-color);
+  min-width: 8px;
   pointer-events: none;
+  box-sizing: content-box;
+  display: flex;
+  align-items: center;
+  top: 0;
+  bottom: 0;
+  margin-top: auto;
+  margin-bottom: auto;
+  z-index: var(--z-index-base);
+  text-align: left;
 }
-._C5CU0 {
-  width: calc(100% - 15px);
-}
-._L5fRB {
-  top: 24px;
-  border-bottom: 0;
-  border-top-right-radius: var(--border-radius-600);
-  border-top-left-radius: var(--border-radius-600);
+._yPPIy svg,
+._yPPIy path {
+  color: var(--color-surface-on-color-subtle);
 }
-._omhE4 {
+
+._Y3yFd {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
+  font-weight: var(--p-font-weight-normal);
+  position: absolute;
+  padding: 8px;
+  color: var(--color-surface-on-color);
+  min-width: 8px;
+  pointer-events: none;
+  box-sizing: content-box;
+  display: flex;
+  align-items: center;
+  top: 0;
   bottom: 0;
-  border-top: 0;
-  border-bottom-right-radius: var(--border-radius-600);
-  border-bottom-left-radius: var(--border-radius-600);
+  margin-top: auto;
+  margin-bottom: auto;
+  right: 0;
+  text-align: right;
 }
-._mpDFy {
-  width: var(--border-radius-600);
-  height: var(--border-radius-600);
-  overflow: hidden;
-  position: absolute;
-  left: -1px;
+._Y3yFd svg,
+._Y3yFd path {
+  color: var(--color-surface-on-color-subtle);
 }
-._mpDFy::before {
-  content: "";
-  display: block;
-  width: 200%;
-  height: 200%;
-  position: absolute;
-  border-radius: 50%;
-  left: 0;
+._91hvH {
+  list-style: none;
+  margin: -20px;
+  padding: 0;
 }
-._G3b-p {
-  top: -1px;
+._aMs9c {
+  background-color: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
 }
-._G3b-p::before {
-  top: 0;
-  box-shadow: -6px -6px 0 0 var(--corner-background-color);
+._ISJ4M {
+  width: 100%;
+  height: 1px;
+  background-color: var(--color-outline);
+  margin: 4px 0;
 }
-._YUMxZ {
-  bottom: -1px;
+._W12mF {
+  cursor: pointer;
 }
-._YUMxZ::before {
-  bottom: 0;
-  box-shadow: -6px 6px 0 0 var(--corner-background-color);
+._Zu9cD {
+  background-color: var(--color-primary-container-variant);
 }
-._xUVcY {
-  width: var(--border-radius-600);
-  height: var(--border-radius-600);
-  overflow: hidden;
-  position: absolute;
-  right: -1px;
+._Zu9cD ._xS6fS {
+  color: var(--color-primary-on-container-variant);
 }
-._xUVcY::before {
-  content: "";
-  display: block;
-  width: 200%;
-  height: 200%;
-  position: absolute;
-  border-radius: 50%;
-  right: 0;
+._Zu9cD ._7EI7m {
+  color: var(--color-primary-on-container-variant);
 }
-._BE0hn {
-  top: -1px;
+._0OB5b {
+  cursor: auto;
+  color: var(--color-surface-on-color-disabled);
 }
-._BE0hn::before {
-  top: 0;
-  box-shadow: 6px -6px 0 0 var(--corner-background-color);
+._0OB5b svg {
+  color: var(--color-surface-on-color-disabled) !important;
 }
-._UtFdB {
-  bottom: -1px;
+._0OB5b ._xS6fS {
+  color: var(--color-surface-on-color-disabled);
 }
-._UtFdB::before {
-  bottom: 0;
-  box-shadow: 6px 6px 0 0 var(--corner-background-color);
+._0OB5b ._7EI7m {
+  color: var(--color-surface-on-color-disabled);
 }
-._omAUf {
-  padding: 16px 12px 16px 12px;
-  margin: 1px;
-  position: relative;
-  border-radius: var(--border-radius-600);
-  border: 1px solid var(--color-outline);
+._0OB5b ._dpo67 {
+  color: var(--color-surface-on-color-disabled);
 }
-
-._8xIYW {
+._0OB5b ._ObP6B {
+  color: var(--color-surface-on-color-disabled);
+}
+._IBrNj {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-bold);
-  color: var(--color-surface-on-color-bold);
+  color: var(--color-surface-on-color);
+  padding: 12px;
+  display: flex;
+  white-space: nowrap;
+  gap: 8px;
+  align-items: center;
 }
-
-._oA2J6 {
+._7EI7m {
   font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
-  flex-grow: 1;
   color: var(--color-surface-on-color);
+  text-wrap: wrap;
 }
-._oA2J6 a {
-  text-decoration: underline;
+._xS6fS {
+  flex: 1;
   color: var(--color-surface-on-color);
 }
-._oA2J6 a:hover {
-  cursor: pointer;
+._vC0uY {
+  color: var(--color-surface-on-color);
+  text-decoration: none;
+  display: block;
+  width: 100%;
+  height: 100%;
 }
-
-._PLG8Z {
-  margin-bottom: 4px;
+._vC0uY:hover {
+  text-decoration: none;
 }
-
-._CRmFE {
-  background: var(--color-info-container-variant);
+._vC0uY:focus {
+  outline: none;
 }
-._CRmFE ._T80if {
-  color: var(--color-info-on-container-variant);
-  padding-top: 10px;
+._TXXpM {
+  position: relative;
+  height: 100%;
 }
-._CRmFE ._uJl2Y {
-  padding-top: 0;
+._C3waP {
+  box-sizing: border-box;
+  background: var(--color-surface-color);
+  border: 1px solid var(--color-outline);
+  border-radius: 20px;
+  width: 100%;
+  height: 100%;
+  padding: 24px 20px;
+  color: var(--color-surface-on-color);
 }
-
-._PgpTw {
-  background: var(--color-success-container-variant);
+._uc-GV {
+  cursor: pointer;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.05);
+  transition: all ease-in-out 150ms;
+  font: inherit;
+  text-align: inherit;
 }
-._PgpTw ._T80if {
-  color: var(--color-success-on-container-variant);
-  padding-top: 10px;
+._uc-GV:not(._ft0I1):hover {
+  background-color: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
 }
-._PgpTw ._uJl2Y {
-  padding-top: 0;
+._uc-GV:focus {
+  box-shadow: 0 0 8px var(--color-primary-color);
+  outline: none;
 }
-
-._O-lNW {
-  background: var(--color-danger-container-variant);
+._wx2MU {
+  border-color: var(--color-primary-color);
+  box-shadow: 0 0 8px var(--color-primary-color);
 }
-._O-lNW ._T80if {
-  color: var(--color-danger-on-container-variant);
-  padding-top: 10px;
-}
-._O-lNW ._uJl2Y {
-  padding-top: 0;
-}
-
-._fICdJ {
-  background: var(--color-warning-container-variant);
+._TQDZH {
+  background: var(--color-surface-container-disabled);
+  box-shadow: none;
+  color: var(--color-surface-on-container-disabled);
+  pointer-events: none;
 }
-._fICdJ ._T80if {
-  color: var(--color-warning-on-container-variant);
-  padding-top: 10px;
+._kkYit {
+  min-height: 56px;
 }
-._fICdJ ._uJl2Y {
-  padding-top: 0;
+._xrEdS {
+  position: absolute;
+  z-index: var(--z-index-base);
+  right: 6px;
+  top: 6px;
 }
-
-._kUB2k {
-  background: var(--color-upsell-container-variant);
+._0WiOn {
+  pointer-events: none;
 }
-._kUB2k ._T80if {
-  color: var(--color-upsell-on-container-variant);
-  padding-top: 10px;
+._yODES {
+  position: absolute;
+  width: 38px;
+  height: 38px;
+  top: 6px;
+  right: 6px;
 }
-._kUB2k ._uJl2Y {
-  padding-top: 0;
+._Vqf6o {
+  pointer-events: none;
 }
-
-._P6nbA {
+._VxmQm {
   position: absolute;
   width: 38px;
   height: 38px;
-  top: 4px;
-  right: 4px;
+  top: 8px;
+  right: 8px;
 }
 
-._w-zAz {
-  padding-top: 12px;
-  padding-bottom: 12px;
-}
-._w-zAz ._P6nbA {
-  position: static;
-}
-._w-zAz ._oA2J6 {
-  display: flex;
-  align-items: center;
-  min-height: 38px;
+._3RrQI {
+  text-transform: uppercase;
 }
-._S--Ce {
+._fo7-A {
   font-family: var(--font-family-body);
-  font-size: var(--font-size-100);
-  line-height: var(--font-line-height-100);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
+  display: flex;
+  gap: 8px;
+  border-radius: var(--border-radius-400);
+  text-decoration: none;
   color: var(--color-surface-on-color);
+  padding: 8px;
+  align-items: center;
+  border: 1px solid transparent;
 }
-._sp-pT {
-  position: absolute;
-  list-style: none;
-  box-shadow: 0 0 12px -3px var(--color-outline-variant);
-  background: var(--color-surface-container);
-  margin-top: 8px;
-  transform-origin: top right;
-  min-width: 120px;
-  padding: 20px;
-  box-sizing: border-box;
-}
-._AktVc {
-  all: unset;
-  width: -moz-fit-content;
-  width: fit-content;
-  cursor: pointer;
+._fo7-A:hover {
+  background: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
+  border-color: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
+  text-decoration: none;
 }
-._AktVc:focus {
+._fo7-A:focus {
+  box-shadow: 0 0 8px var(--color-primary-color);
   outline: none;
   text-decoration: none;
 }
-._AktVc:focus > * {
-  box-shadow: 0 0 8px var(--color-primary-color);
+._QjIgc {
+  margin-left: -10px;
 }
-._zv4ua {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
-  font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-bold);
-  padding: 0;
+._QB6yF {
+  margin: 0 auto;
+  padding: 0 20px;
+  min-width: 720px;
+}
+._g7MTf {
   width: auto;
-  float: none;
-  color: var(--color-surface-on-color-bold);
-  min-height: 16px;
 }
-
-._FPyID {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
+._LRq4j {
+  max-width: 1000px;
 }
-._Qrxg5 {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-100);
-  line-height: var(--font-line-height-100);
-  font-weight: var(--p-font-weight-normal);
-  color: var(--color-surface-on-color);
+._Scw7- {
+  display: flex;
+  padding: 0 20px;
+  padding-top: 40px;
 }
-._eS4YO {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-100);
-  line-height: var(--font-line-height-100);
-  font-weight: var(--p-font-weight-normal);
-  color: var(--color-danger-color);
+._v--DF {
+  display: block;
+  flex-shrink: 0;
+  flex-grow: 0;
+  padding: 0;
+  margin-right: 20px;
+  width: 250px;
 }
-h1._6SgoN {
-  font-family: var(--font-family-heading);
-  font-size: var(--font-size-600);
-  line-height: var(--font-line-height-600);
-  font-weight: var(--p-font-weight-semibold);
-  color: var(--color-surface-on-color-bold);
+@media (max-width: 1200px) {
+  ._v--DF {
+    width: 190px;
+  }
 }
-
-h2._6SgoN {
-  font-family: var(--font-family-heading);
-  font-size: var(--font-size-500);
-  line-height: var(--font-line-height-500);
-  font-weight: var(--p-font-weight-semibold);
-  color: var(--color-surface-on-color-bold);
+._dJeZe {
+  list-style: none;
+  padding: 0;
+  padding-right: 32px;
+  border-right: 1px solid var(--color-outline);
+  display: inline-block;
+  width: 100%;
+  box-sizing: border-box;
 }
-
-h3._6SgoN {
-  font-family: var(--font-family-heading);
-  font-size: var(--font-size-400);
-  line-height: var(--font-line-height-400);
-  font-weight: var(--p-font-weight-semibold);
-  color: var(--color-surface-on-color-bold);
+._hHi70 {
+  display: block;
+  flex-grow: 2;
+  padding: 0 4px;
+  margin: 0px auto 0;
 }
-
-h4._6SgoN {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-400);
-  line-height: var(--font-line-height-400);
-  font-weight: var(--p-font-weight-normal);
+._vTMjp {
+  margin-right: 32px;
 }
-
-h5._6SgoN {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-300);
-  line-height: var(--font-line-height-300);
-  font-weight: var(--p-font-weight-normal);
+._SebbU {
+  width: 100%;
+  margin-bottom: 4px;
+  cursor: pointer;
+  position: relative;
 }
-
-._6SgoN {
-  color: var(--color-surface-on-color);
-  margin: 0;
+._SebbU:first-of-type {
+  margin-top: 12px;
 }
-._SF95f {
+._SebbU a {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
+  text-decoration: none;
+  color: var(--color-surface-on-color);
+  padding: 12px 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-radius: 0 4px 4px 0;
+  transition: background-color 0.05s ease;
+  gap: 8px;
+  flex-wrap: wrap;
+  border-left: 2px solid transparent;
+  word-break: break-all;
 }
-._HHohB {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-100);
-  line-height: var(--font-line-height-100);
-  font-weight: var(--p-font-weight-normal);
-}
-._xdhK0 {
-  font-family: var(--font-family-heading);
-  font-size: var(--font-size-700);
-  line-height: var(--font-line-height-700);
-  font-weight: var(--p-font-weight-semibold);
+._SebbU a:hover {
+  background: var(--color-surface-container-high);
   color: var(--color-surface-on-color-bold);
+  border-left: 2px solid var(--color-outline);
 }
-._yZbuO {
+._SebbU a._CDEVl {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-}
-._i2LHD {
   font-weight: var(--p-font-weight-bold);
+  background: var(--color-surface-container-high);
   color: var(--color-surface-on-color-bold);
+  border-left: 2px solid var(--color-outline);
+  cursor: default;
 }
-._NgSTT {
-  font-style: italic;
+._VudDE a {
+  padding-right: 32px;
 }
-._ouqVK {
-  text-decoration: underline;
+._vErBS {
+  position: absolute;
+  right: 12px;
 }
-._zZ55- {
-  -webkit-text-decoration: underline dotted;
-          text-decoration: underline dotted;
+._RXV4h {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
+  font-weight: var(--p-font-weight-normal);
+  display: inline-flex;
+  background-color: var(--color-secondary-color);
+  height: 20px;
+  min-width: 20px;
+  color: var(--color-secondary-on-color);
+  text-align: center;
+  border-radius: 20px;
+  box-sizing: border-box;
+  padding: 0 6px;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--color-surface-color);
 }
-._Vi-V1 {
-  font-variant-numeric: tabular-nums;
+._RXV4h svg {
+  fill: var(--color-secondary-on-color);
 }
-._psV6T {
-  text-decoration: line-through;
+._2An1I {
+  background-color: var(--color-warning-color);
 }
-._tfSIf {
-  text-align: left;
+._-Bw8L {
+  background-color: var(--color-danger-color);
 }
-._AK1Nr {
-  text-align: right;
+._RxlMz {
+  background-color: var(--color-success-color);
 }
-._N-tR4 {
-  text-align: center;
+._dzCH- {
+  background-color: var(--color-info-color);
 }
-._LkMr0 {
-  text-align: justify;
+._Ix9tP {
+  font-variant-numeric: tabular-nums;
+  padding: 0 5px;
 }
-._G6LsE {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
-  font-weight: var(--p-font-weight-normal);
-  line-height: 22px;
-  padding: 7px;
-  border-radius: var(--border-radius-400);
-  color: var(--color-surface-on-color);
-  box-shadow: none;
-  border: 1px solid var(--color-outline);
-  margin: 0;
-  flex: 1;
-  min-width: 90px;
-  background-color: var(--color-surface-container);
+._0yTe8 {
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  background-color: rgb(from var(--color-surface-inverse) r g b/0.65);
+  display: flex;
+  align-items: center;
+  flex-direction: column;
 }
-._G6LsE:focus {
-  border: 1px solid var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
-  outline: none;
+._0yTe8::after {
+  width: 100%;
+  flex-basis: 20px;
+  flex-shrink: 0;
+  content: "";
 }
-._G6LsE:disabled {
-  background-color: var(--color-surface-container-disabled);
-  color: var(--color-surface-on-container-disabled);
+._0yTe8::before {
+  width: 100%;
+  min-height: 20px;
+  max-height: 80px;
+  flex: 1;
+  content: "";
 }
 
-._2ZYtt {
-  border-color: var(--color-danger-color) !important;
+._yJBtA {
+  opacity: 1;
+  transform: translateX(0);
 }
 
-._rWp7H {
-  border-left: 0 !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  color: var(--color-surface-on-container-disabled);
+._iWogn {
+  opacity: 0;
 }
 
-._Xq8xX {
-  border-right: 0 !important;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-}
-._F8QOB {
+._ntozd {
   position: relative;
+  border: 1px solid var(--color-outline);
+  background: var(--color-surface-color);
+  overflow: auto;
+  outline: none;
+  padding: 32px 24px;
+  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
   display: flex;
-  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  min-height: 266px;
+}
+._ntozd > form {
+  display: contents;
 }
 
-._vU4SU input {
-  padding-left: 21px;
+._EQjDq {
+  opacity: 1;
 }
 
-._4rDXi input {
-  padding-right: 21px;
+._ZTY3B {
+  opacity: 0;
+}
+._tgpG9 {
+  font-family: var(--font-family-heading);
+  font-size: var(--font-size-500);
+  line-height: var(--font-line-height-500);
+  font-weight: var(--p-font-weight-semibold);
+  color: var(--color-surface-on-color-bold);
+  padding: 0;
+}
+._b1dgU {
+  display: flex;
+  justify-content: end;
+  margin-bottom: -20px;
+  margin-right: 8px;
+  z-index: calc(var(--z-index-base) + 2);
 }
 
-._yPPIy {
+._c2nm4 {
   font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
+  font-size: var(--font-size-400);
+  line-height: var(--font-line-height-400);
   font-weight: var(--p-font-weight-normal);
-  position: absolute;
-  padding: 8px;
   color: var(--color-surface-on-color);
-  min-width: 8px;
-  pointer-events: none;
-  box-sizing: content-box;
-  display: flex;
-  align-items: center;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  z-index: var(--z-index-base);
-  text-align: left;
-}
-._yPPIy svg,
-._yPPIy path {
-  color: var(--color-surface-on-color-subtle);
 }
-
-._Y3yFd {
+/**
+ * This is for adding a shadow when the body is scrollable.
+ * It is using ::before and ::after to accomplish that => https://www.kizu.ru/shadowscroll/
+ * There is a cleaner solution using background-attachment (https://lea.verou.me/2012/04/background-attachment-local/) but I had some issues in Chrome using that approach
+ */
+._4YK4k {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  position: absolute;
-  padding: 8px;
-  color: var(--color-surface-on-color);
-  min-width: 8px;
-  pointer-events: none;
-  box-sizing: content-box;
-  display: flex;
-  align-items: center;
-  top: 0;
-  bottom: 0;
-  margin-top: auto;
-  margin-bottom: auto;
-  right: 0;
-  text-align: right;
-}
-._Y3yFd svg,
-._Y3yFd path {
-  color: var(--color-surface-on-color-subtle);
+  overflow: auto;
+  position: relative;
+  padding: 0 8px 0 8px;
 }
-._91hvH {
-  list-style: none;
-  margin: -20px;
-  padding: 0;
+._wo1vv {
+  z-index: var(--z-index-base);
+  background: var(--color-surface-color) no-repeat;
+  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
+  background-position: 0 0, 0 100%;
+  background-size: 100% 14px;
 }
-._aMs9c {
-  background-color: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
+._wo1vv::before, ._wo1vv::after {
+  content: "";
+  position: relative;
+  z-index: -1;
+  display: block;
+  height: 30px;
+  margin: 0 0 -30px;
+  background: linear-gradient(to bottom, var(--color-surface-color), var(--color-surface-color) 30%, rgba(255, 255, 255, 0));
 }
-._ISJ4M {
-  width: 100%;
-  height: 1px;
-  background-color: var(--color-outline);
-  margin: 4px 0;
+._wo1vv::after {
+  margin: -30px 0 0;
+  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--color-surface-color) 70%, var(--color-surface-color));
 }
-._W12mF {
-  cursor: pointer;
+._9u6xC {
+  padding-bottom: 8px;
 }
-._Zu9cD {
-  background-color: var(--color-primary-container-variant);
+._bezlP {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-end;
+  padding: 32px 8px 0 8px;
 }
-._Zu9cD ._xS6fS {
-  color: var(--color-primary-on-container-variant);
+
+._EdqHx {
+  margin-left: -12px;
 }
-._Zu9cD ._7EI7m {
-  color: var(--color-primary-on-container-variant);
+._et9Fs {
+  --rdp-cell-size: 37px;
+  --rdp-caption-font-size: var(--font-size-300);
+  --rdp-accent-color: var(--color-primary-container-variant);
+  --rdp-background-color: color-mix(
+      in srgb,
+      var(--color-surface-color) 100%,
+      var(--color-surface-inverse) 5%
+  );
+  --rdp-accent-color-dark: var(--color-primary-color);
+  --rdp-background-color-dark: var(--color-surface-on-color);
+  --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 */
+  margin: 1em;
 }
-._0OB5b {
-  cursor: auto;
-  color: var(--color-surface-on-color-disabled);
+
+._l7Mis {
+  margin: 0;
+  max-width: calc(var(--rdp-cell-size) * 7);
+  border-collapse: collapse;
+  border: none;
+  color: var(--color-surface-on-color);
 }
-._0OB5b svg {
-  color: var(--color-surface-on-color-disabled) !important;
+
+._XGu8K {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0;
+  text-align: left;
+  color: var(--color-surface-on-color);
 }
-._0OB5b ._xS6fS {
-  color: var(--color-surface-on-color-disabled);
+
+._e0MoB {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
+  font-weight: var(--p-font-weight-normal);
+  vertical-align: middle;
+  text-align: center;
+  height: 100%;
+  height: var(--rdp-cell-size);
+  padding: 0;
+  color: var(--color-surface-on-color-subtle);
+  background: none;
+  border: none;
 }
-._0OB5b ._7EI7m {
-  color: var(--color-surface-on-color-disabled);
+
+._X7MoW:not(._AeJUw) {
+  color: var(--color-primary-on-container-variant);
+  font-weight: 700;
 }
-._0OB5b ._dpo67 {
-  color: var(--color-surface-on-color-disabled);
+
+._AeJUw._AeJUw {
+  color: var(--color-surface-on-color-subtle);
 }
-._0OB5b ._ObP6B {
+
+._2-bPm {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--rdp-cell-size);
+  height: var(--rdp-cell-size);
+  padding: 0.25em;
+  border-radius: 100%;
   color: var(--color-surface-on-color-disabled);
 }
-._IBrNj {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
-  font-weight: var(--p-font-weight-normal);
+
+._eK8pw._eK8pw._eK8pw._eK8pw:not(:disabled) {
+  background-color: var(--color-primary-container-variant);
+  color: var(--color-primary-on-container-variant);
+  opacity: 1;
+}
+._eK8pw._eK8pw._eK8pw._eK8pw:not(:disabled):hover {
+  background-color: var(--color-primary-color);
+  color: var(--color-primary-on-color);
+}
+
+._eK8pw[disabled] {
+  background-color: var(--color-primary-container);
+  color: var(--color-surface-on-container-disabled);
+  opacity: 1;
+}
+._QLSA6 {
+  --rdp-cell-size: 37px;
+  --rdp-caption-font-size: var(--font-size-300);
+  --rdp-accent-color: var(--color-primary-container-variant);
+  --rdp-background-color: color-mix(
+      in srgb,
+      var(--color-surface-color) 100%,
+      var(--color-surface-inverse) 5%
+  );
+  --rdp-accent-color-dark: var(--color-primary-color);
+  --rdp-background-color-dark: var(--color-surface-on-color);
+  --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 */
+  margin: 1em;
+}
+
+._96jgF {
+  margin: 0;
+  max-width: calc(var(--rdp-cell-size) * 7);
+  border-collapse: collapse;
+  border: none;
   color: var(--color-surface-on-color);
-  padding: 12px;
+}
+
+._4ySMr {
   display: flex;
-  white-space: nowrap;
-  gap: 8px;
   align-items: center;
+  justify-content: space-between;
+  padding: 0;
+  text-align: left;
+  color: var(--color-surface-on-color);
 }
-._7EI7m {
+
+._2AoB4 {
   font-family: var(--font-family-body);
-  font-size: var(--font-size-100);
-  line-height: var(--font-line-height-100);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  color: var(--color-surface-on-color);
-  text-wrap: wrap;
-}
-._xS6fS {
-  flex: 1;
-  color: var(--color-surface-on-color);
-}
-._vC0uY {
-  color: var(--color-surface-on-color);
-  text-decoration: none;
-  display: block;
-  width: 100%;
+  vertical-align: middle;
+  text-align: center;
   height: 100%;
+  height: var(--rdp-cell-size);
+  padding: 0;
+  color: var(--color-surface-on-color-subtle);
+  background: none;
+  border: none;
 }
-._vC0uY:hover {
-  text-decoration: none;
+
+._Snv-V:not(._Zf-6C) {
+  color: var(--color-primary-on-container-variant);
+  font-weight: 700;
 }
-._vC0uY:focus {
-  outline: none;
+
+._Zf-6C._Zf-6C {
+  color: var(--color-surface-on-color-subtle);
 }
-._TXXpM {
-  position: relative;
-  height: 100%;
+
+._iOY4h {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--rdp-cell-size);
+  height: var(--rdp-cell-size);
+  padding: 0.25em;
+  border-radius: 100%;
+  color: var(--color-surface-on-color-disabled);
 }
-._C3waP {
-  box-sizing: border-box;
-  background: var(--color-surface-color);
-  border: 1px solid var(--color-outline);
-  border-radius: 20px;
-  width: 100%;
-  height: 100%;
-  padding: 24px 20px;
-  color: var(--color-surface-on-color);
+
+._e0lOH._e0lOH {
+  color: var(--color-primary-on-container-variant);
+  border-radius: 0;
 }
-._uc-GV {
-  cursor: pointer;
-  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), 0 3px 3px rgba(0, 0, 0, 0.05);
-  transition: all ease-in-out 150ms;
-  font: inherit;
-  text-align: inherit;
+._e0lOH._e0lOH:hover {
+  color: var(--color-primary-on-container-variant);
 }
-._uc-GV:not(._ft0I1):hover {
-  background-color: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
+._e0lOH._e0lOH:disabled {
+  background-color: var(--color-primary-container-variant);
+  color: var(--color-surface-on-container-disabled);
 }
-._uc-GV:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
-  outline: none;
+
+._4N7l-._4N7l- {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  color: var(--color-primary-on-container-variant);
 }
-._wx2MU {
-  border-color: var(--color-primary-color);
-  box-shadow: 0 0 8px var(--color-primary-color);
+._4N7l-._4N7l-:hover {
+  color: var(--color-primary-on-container-variant);
 }
-._TQDZH {
-  background: var(--color-surface-container-disabled);
-  box-shadow: none;
+._4N7l-._4N7l-:disabled {
+  background-color: var(--color-primary-container-variant);
   color: var(--color-surface-on-container-disabled);
-  pointer-events: none;
 }
-._kkYit {
-  min-height: 56px;
+
+._fMjHG._fMjHG {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+  color: var(--color-primary-on-container-variant);
 }
-._xrEdS {
-  position: absolute;
-  z-index: var(--z-index-base);
-  right: 6px;
-  top: 6px;
+._fMjHG._fMjHG:hover {
+  color: var(--color-primary-on-container-variant);
 }
-._0WiOn {
-  pointer-events: none;
+._fMjHG._fMjHG:disabled {
+  background-color: var(--color-primary-container-variant);
+  color: var(--color-surface-on-container-disabled);
 }
-._yODES {
-  position: absolute;
-  width: 38px;
-  height: 38px;
-  top: 6px;
-  right: 6px;
+
+._GqE-5 {
+  height: 100%;
 }
-._Vqf6o {
-  pointer-events: none;
+
+._GqE-5:hover button:not(._4N7l-):not(._e0lOH):not(._fMjHG) {
+  background-color: var(--rdp-background-color);
 }
-._VxmQm {
-  position: absolute;
-  width: 38px;
-  height: 38px;
-  top: 8px;
-  right: 8px;
+
+._GqE-5:hover button {
+  border-radius: 0;
 }
 
-._3RrQI {
-  text-transform: uppercase;
+._GqE-5:hover > td:first-of-type button {
+  border-top-left-radius: 100%;
+  border-bottom-left-radius: 100%;
 }
-._fo7-A {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
-  font-weight: var(--p-font-weight-normal);
-  display: flex;
-  gap: 8px;
-  border-radius: var(--border-radius-400);
-  text-decoration: none;
-  color: var(--color-surface-on-color);
-  padding: 8px;
-  align-items: center;
-  border: 1px solid transparent;
+
+._GqE-5:hover > td:last-of-type button {
+  border-top-right-radius: 100%;
+  border-bottom-right-radius: 100%;
 }
-._fo7-A:hover {
-  background: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
-  border-color: color-mix(in srgb, var(--color-surface-color) 100%, var(--color-surface-inverse) 5%);
-  text-decoration: none;
+._YPyZ6 {
+  position: relative;
 }
-._fo7-A:focus {
-  box-shadow: 0 0 8px var(--color-primary-color);
-  outline: none;
-  text-decoration: none;
+._-cw0A {
+  position: absolute;
+  left: 0;
+  z-index: var(--z-index-base);
+  background: var(--color-surface-container);
+  box-shadow: 0 0 12px -3px var(--color-outline-variant);
 }
-._QjIgc {
-  margin-left: -10px;
+._Id4qm {
+  position: relative;
 }
-._QB6yF {
-  margin: 0 auto;
-  padding: 0 20px;
-  min-width: 720px;
+._s9d-m {
+  padding-left: 24px;
 }
-._g7MTf {
-  width: auto;
+._Id4qm input {
+  position: absolute;
+  opacity: 0;
+  cursor: pointer;
+  z-index: var(--z-index-base);
+  width: 16px;
+  height: 16px;
+  right: 0;
 }
-._LRq4j {
-  max-width: 1000px;
+._kmvBP {
+  display: block;
+  top: 0;
+  left: 0;
+  height: 14px;
+  width: 14px;
+  background-color: transparent;
+  border-radius: 4px;
+  border: 1px solid var(--color-outline);
+  box-shadow: inset 0 1px 4px -2px var(--color-outline);
 }
-._Scw7- {
-  display: flex;
-  padding: 0 20px;
-  padding-top: 40px;
+._kmvBP::after {
+  position: absolute;
+  content: "";
+  opacity: 0;
 }
-._v--DF {
-  display: block;
-  flex-shrink: 0;
-  flex-grow: 0;
-  padding: 0;
-  margin-right: 20px;
-  width: 250px;
+input:checked ~ ._kmvBP {
+  background-color: var(--color-primary-color);
+  border-radius: 4px;
+  transform: rotate(0deg) scale(1);
+  opacity: 1;
+  border: 1px solid var(--color-primary-color);
 }
-@media (max-width: 1200px) {
-  ._v--DF {
-    width: 190px;
-  }
+input:checked ~ ._kmvBP::after {
+  opacity: 1;
+  transform: rotate(45deg) scale(1);
+  left: 4px;
+  top: 1px;
+  width: 4px;
+  height: 8px;
+  border: solid var(--color-primary-on-color);
+  border-width: 0 2px 2px 0;
+  background-color: transparent;
+  border-radius: 0;
 }
-._dJeZe {
-  list-style: none;
-  padding: 0;
-  padding-right: 32px;
-  border-right: 1px solid var(--color-outline);
-  display: inline-block;
-  width: 100%;
-  box-sizing: border-box;
+input:focus-visible + ._kmvBP {
+  outline: var(--color-primary-color) solid 1px;
 }
-._hHi70 {
-  display: block;
-  flex-grow: 2;
-  padding: 0 4px;
-  margin: 0px auto 0;
+input:disabled + ._kmvBP {
+  background-color: var(--color-surface-container-disabled);
+  border: 1px solid var(--color-outline);
 }
-._vTMjp {
-  margin-right: 32px;
+input:disabled + ._kmvBP::after {
+  box-shadow: none;
+  border: solid #9f9f9f !important;
+  border-width: 0 2px 2px 0 !important;
 }
-._SebbU {
-  width: 100%;
-  margin-bottom: 4px;
-  cursor: pointer;
-  position: relative;
+._NwD6V {
+  box-shadow: 0 0 12px -3px var(--color-outline-variant);
+  border: 1px solid var(--color-outline);
+  border-radius: 8px;
+  background-color: var(--color-surface-color);
+  max-width: 446px;
+  min-width: 390px;
+  overflow: hidden;
+  outline: none;
+  transform: translateX(450px);
+  opacity: 0;
+  transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.16, 0.99), opacity 0.2s linear;
 }
-._SebbU:first-of-type {
-  margin-top: 12px;
+._4ofZb {
+  opacity: 1;
+  transform: translateX(0);
 }
-._SebbU a {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
-  font-weight: var(--p-font-weight-normal);
-  text-decoration: none;
-  color: var(--color-surface-on-color);
-  padding: 12px 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  border-radius: 0 4px 4px 0;
-  transition: background-color 0.05s ease;
-  gap: 8px;
-  flex-wrap: wrap;
-  border-left: 2px solid transparent;
-  word-break: break-all;
+._hGoMD {
+  opacity: 0;
 }
-._SebbU a:hover {
-  background: var(--color-surface-container-high);
-  color: var(--color-surface-on-color-bold);
-  border-left: 2px solid var(--color-outline);
+._iK5zl {
+  position: fixed;
+  bottom: 78px;
+  right: 10px;
 }
-._SebbU a._CDEVl {
+._V9hLa {
+  max-width: 100%;
+  max-height: 100%;
+}
+._oOqUg {
+  padding: 32px;
+}
+._5zcBK {
+  position: absolute;
+  top: 10px;
+  right: 10px;
+}
+._iSC5P._iSC5P {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  font-weight: var(--p-font-weight-bold);
-  background: var(--color-surface-container-high);
-  color: var(--color-surface-on-color-bold);
-  border-left: 2px solid var(--color-outline);
-  cursor: default;
+  background: var(--color-surface-inverse);
+  color: var(--color-surface-on-inverse);
+  border-radius: var(--border-radius-400);
+  min-height: auto;
 }
-._VudDE a {
-  padding-right: 32px;
+._iSC5P._OWpOG {
+  background-color: var(--color-danger-color);
 }
-._vErBS {
-  position: absolute;
-  right: 12px;
+
+._4JJwF {
+  padding-left: 20px;
 }
-._RXV4h {
+
+@media only screen and (max-width: 480px) {
+  .Toastify__toast-container--bottom-center {
+    padding: 1em;
+  }
+}
+._F4U3o {
+  text-align: left;
+}
+._KKljd {
   font-family: var(--font-family-body);
   font-size: var(--font-size-100);
   line-height: var(--font-line-height-100);
   font-weight: var(--p-font-weight-normal);
-  display: inline-flex;
-  background-color: var(--color-secondary-color);
-  height: 20px;
-  min-width: 20px;
-  color: var(--color-secondary-on-color);
-  text-align: center;
-  border-radius: 20px;
-  box-sizing: border-box;
-  padding: 0 6px;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid var(--color-surface-color);
+  font-weight: var(--p-font-weight-bold);
+  padding: 0 16px 8px 16px;
+  background-color: unset;
+  color: var(--color-surface-on-color-bold);
+  border: 0;
 }
-._RXV4h svg {
-  fill: var(--color-secondary-on-color);
+._oKH7a {
+  cursor: pointer;
 }
-._2An1I {
-  background-color: var(--color-warning-color);
+._xrDya:not(:focus-visible) {
+  /* Remove the focus indicator on mouse-focus for browsers
+     that do support :focus-visible */
+  outline: none;
 }
-._-Bw8L {
-  background-color: var(--color-danger-color);
+._RLGaD {
+  box-sizing: content-box;
 }
-._RxlMz {
-  background-color: var(--color-success-color);
+._3p3fm {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
 }
-._dzCH- {
-  background-color: var(--color-info-color);
+._rXid3 {
+  justify-content: flex-end;
+  text-align: right;
 }
-._Ix9tP {
-  font-variant-numeric: tabular-nums;
-  padding: 0 5px;
+._vgjHE {
+  -webkit-text-decoration: underline dotted;
+          text-decoration: underline dotted;
+  cursor: pointer;
 }
-._0yTe8 {
-  position: fixed;
-  top: 0px;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  background-color: rgb(from var(--color-surface-inverse) r g b/0.65);
-  display: flex;
-  align-items: center;
-  flex-direction: column;
+._-xiIl {
+  display: inline-block;
+  padding-left: 8px;
+  line-height: 1em;
 }
-._0yTe8::after {
-  width: 100%;
-  flex-basis: 20px;
-  flex-shrink: 0;
-  content: "";
+._zEfoA {
+  position: relative;
 }
-._0yTe8::before {
+._v-WNu {
+  position: relative;
+}
+._xI2-r > table > thead, ._xI2-r > table > tfoot {
+  position: sticky;
+  background-color: var(--color-surface-color);
+  z-index: var(--z-index-base);
+}
+._xI2-r > table > thead {
+  top: 0;
+}
+._xI2-r > table > tfoot {
+  bottom: 0;
+}
+._ED7Nm {
+  position: absolute;
   width: 100%;
-  min-height: 20px;
-  max-height: 80px;
-  flex: 1;
-  content: "";
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: var(--z-index-base);
 }
-
-._yJBtA {
-  opacity: 1;
-  transform: translateX(0);
+._fnq34 {
+  width: 100%;
+  height: 100%;
+  border-spacing: 0;
+  border-collapse: separate;
+  border: 0;
 }
-
-._iWogn {
-  opacity: 0;
+._qSrJq {
+  table-layout: fixed;
 }
-
-._ntozd {
-  position: relative;
+._1SNLz {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
+  font-weight: var(--p-font-weight-normal);
   border: 1px solid var(--color-outline);
-  background: var(--color-surface-color);
-  overflow: auto;
-  outline: none;
-  padding: 32px 24px;
-  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  min-height: 266px;
+  border-radius: var(--border-radius-600);
 }
-._ntozd > form {
-  display: contents;
+._1SNLz tr:first-of-type > td:first-of-type {
+  border-top-left-radius: var(--border-radius-600);
 }
-
-._EQjDq {
-  opacity: 1;
+._1SNLz tr:first-of-type > td:last-of-type {
+  border-top-right-radius: var(--border-radius-600);
 }
-
-._ZTY3B {
-  opacity: 0;
+._1SNLz tr:last-of-type > td:first-of-type {
+  border-bottom-left-radius: var(--border-radius-600);
 }
-._tgpG9 {
-  font-family: var(--font-family-heading);
-  font-size: var(--font-size-500);
-  line-height: var(--font-line-height-500);
-  font-weight: var(--p-font-weight-semibold);
-  color: var(--color-surface-on-color-bold);
-  padding: 0;
+._1SNLz tr:last-of-type > td:last-of-type {
+  border-bottom-right-radius: var(--border-radius-600);
 }
-._b1dgU {
-  display: flex;
-  justify-content: end;
-  margin-bottom: -20px;
-  margin-right: 8px;
-  z-index: calc(var(--z-index-base) + 2);
+._zCIMD tr:last-of-type > td:first-of-type {
+  border-bottom-left-radius: 0;
 }
-
-._c2nm4 {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-400);
-  line-height: var(--font-line-height-400);
-  font-weight: var(--p-font-weight-normal);
-  color: var(--color-surface-on-color);
+._zCIMD tr:last-of-type > td:last-of-type {
+  border-bottom-right-radius: 0;
 }
-/**
- * This is for adding a shadow when the body is scrollable.
- * It is using ::before and ::after to accomplish that => https://www.kizu.ru/shadowscroll/
- * There is a cleaner solution using background-attachment (https://lea.verou.me/2012/04/background-attachment-local/) but I had some issues in Chrome using that approach
- */
-._4YK4k {
+._mp1Ok {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  overflow: auto;
-  position: relative;
-  padding: 0 8px 0 8px;
+  font-weight: var(--p-font-weight-bold);
 }
-._wo1vv {
-  z-index: var(--z-index-base);
-  background: var(--color-surface-color) no-repeat;
-  background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
-  background-position: 0 0, 0 100%;
-  background-size: 100% 14px;
+._mp1Ok tr td {
+  background: var(--color-surface-container-high);
 }
-._wo1vv::before, ._wo1vv::after {
-  content: "";
-  position: relative;
-  z-index: -1;
-  display: block;
-  height: 30px;
-  margin: 0 0 -30px;
-  background: linear-gradient(to bottom, var(--color-surface-color), var(--color-surface-color) 30%, rgba(255, 255, 255, 0));
+._mp1Ok tr td:first-of-type {
+  border-left: 1px solid var(--color-outline);
 }
-._wo1vv::after {
-  margin: -30px 0 0;
-  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--color-surface-color) 70%, var(--color-surface-color));
+._mp1Ok tr td:last-of-type {
+  border-right: 1px solid var(--color-outline);
 }
-._9u6xC {
-  padding-bottom: 8px;
+._mp1Ok tr:first-of-type td {
+  border-top: 0;
 }
-._bezlP {
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  justify-content: flex-end;
-  padding: 32px 8px 0 8px;
+._mp1Ok tr:last-of-type td:first-of-type {
+  border-bottom-left-radius: var(--border-radius-600);
 }
-
-._EdqHx {
-  margin-left: -12px;
+._mp1Ok tr:last-of-type td:last-of-type {
+  border-bottom-right-radius: var(--border-radius-600);
 }
-._et9Fs {
-  --rdp-cell-size: 37px;
-  --rdp-caption-font-size: var(--font-size-300);
-  --rdp-accent-color: var(--color-primary-container-variant);
-  --rdp-background-color: color-mix(
-      in srgb,
-      var(--color-surface-color) 100%,
-      var(--color-surface-inverse) 5%
-  );
-  --rdp-accent-color-dark: var(--color-primary-color);
-  --rdp-background-color-dark: var(--color-surface-on-color);
-  --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 */
-  margin: 1em;
+._vdEZz {
+  margin-top: 20px;
 }
-
-._l7Mis {
-  margin: 0;
-  max-width: calc(var(--rdp-cell-size) * 7);
-  border-collapse: collapse;
-  border: none;
-  color: var(--color-surface-on-color);
+._wZ8Xg {
+  width: 100%;
+  height: 20px;
+  border: 1px solid var(--color-outline);
+  box-sizing: border-box;
+  position: absolute;
+  z-index: var(--z-index-base);
+  pointer-events: none;
 }
-
-._XGu8K {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0;
-  text-align: left;
-  color: var(--color-surface-on-color);
+._C5CU0 {
+  width: calc(100% - 15px);
 }
-
-._e0MoB {
-  font-family: var(--font-family-body);
-  font-size: var(--font-size-200);
-  line-height: var(--font-line-height-200);
-  font-weight: var(--p-font-weight-normal);
-  vertical-align: middle;
-  text-align: center;
-  height: 100%;
-  height: var(--rdp-cell-size);
-  padding: 0;
-  color: var(--color-surface-on-color-subtle);
-  background: none;
-  border: none;
+._L5fRB {
+  top: 24px;
+  border-bottom: 0;
+  border-top-right-radius: var(--border-radius-600);
+  border-top-left-radius: var(--border-radius-600);
 }
-
-._X7MoW:not(._AeJUw) {
-  color: var(--color-primary-on-container-variant);
-  font-weight: 700;
+._omhE4 {
+  bottom: 0;
+  border-top: 0;
+  border-bottom-right-radius: var(--border-radius-600);
+  border-bottom-left-radius: var(--border-radius-600);
 }
-
-._AeJUw._AeJUw {
-  color: var(--color-surface-on-color-subtle);
+._mpDFy {
+  width: var(--border-radius-600);
+  height: var(--border-radius-600);
+  overflow: hidden;
+  position: absolute;
+  left: -1px;
 }
-
-._2-bPm {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--rdp-cell-size);
-  height: var(--rdp-cell-size);
-  padding: 0.25em;
-  border-radius: 100%;
-  color: var(--color-surface-on-color-disabled);
+._mpDFy::before {
+  content: "";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  border-radius: 50%;
+  left: 0;
 }
-
-._eK8pw._eK8pw._eK8pw._eK8pw:not(:disabled) {
-  background-color: var(--color-primary-container-variant);
-  color: var(--color-primary-on-container-variant);
-  opacity: 1;
+._G3b-p {
+  top: -1px;
 }
-._eK8pw._eK8pw._eK8pw._eK8pw:not(:disabled):hover {
-  background-color: var(--color-primary-color);
-  color: var(--color-primary-on-color);
+._G3b-p::before {
+  top: 0;
+  box-shadow: -6px -6px 0 0 var(--corner-background-color);
 }
-
-._eK8pw[disabled] {
-  background-color: var(--color-primary-container);
-  color: var(--color-surface-on-container-disabled);
-  opacity: 1;
+._YUMxZ {
+  bottom: -1px;
 }
-._QLSA6 {
-  --rdp-cell-size: 37px;
-  --rdp-caption-font-size: var(--font-size-300);
-  --rdp-accent-color: var(--color-primary-container-variant);
-  --rdp-background-color: color-mix(
-      in srgb,
-      var(--color-surface-color) 100%,
-      var(--color-surface-inverse) 5%
-  );
-  --rdp-accent-color-dark: var(--color-primary-color);
-  --rdp-background-color-dark: var(--color-surface-on-color);
-  --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 */
-  margin: 1em;
+._YUMxZ::before {
+  bottom: 0;
+  box-shadow: -6px 6px 0 0 var(--corner-background-color);
 }
-
-._96jgF {
-  margin: 0;
-  max-width: calc(var(--rdp-cell-size) * 7);
-  border-collapse: collapse;
-  border: none;
-  color: var(--color-surface-on-color);
+._xUVcY {
+  width: var(--border-radius-600);
+  height: var(--border-radius-600);
+  overflow: hidden;
+  position: absolute;
+  right: -1px;
+}
+._xUVcY::before {
+  content: "";
+  display: block;
+  width: 200%;
+  height: 200%;
+  position: absolute;
+  border-radius: 50%;
+  right: 0;
+}
+._BE0hn {
+  top: -1px;
+}
+._BE0hn::before {
+  top: 0;
+  box-shadow: 6px -6px 0 0 var(--corner-background-color);
+}
+._UtFdB {
+  bottom: -1px;
+}
+._UtFdB::before {
+  bottom: 0;
+  box-shadow: 6px 6px 0 0 var(--corner-background-color);
 }
-
-._4ySMr {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0;
-  text-align: left;
-  color: var(--color-surface-on-color);
+._omAUf {
+  padding: 16px 12px 16px 12px;
+  margin: 1px;
+  position: relative;
+  border-radius: var(--border-radius-600);
+  border: 1px solid var(--color-outline);
 }
 
-._2AoB4 {
+._8xIYW {
   font-family: var(--font-family-body);
   font-size: var(--font-size-200);
   line-height: var(--font-line-height-200);
   font-weight: var(--p-font-weight-normal);
-  vertical-align: middle;
-  text-align: center;
-  height: 100%;
-  height: var(--rdp-cell-size);
-  padding: 0;
-  color: var(--color-surface-on-color-subtle);
-  background: none;
-  border: none;
+  font-weight: var(--p-font-weight-bold);
+  color: var(--color-surface-on-color-bold);
 }
 
-._Snv-V:not(._Zf-6C) {
-  color: var(--color-primary-on-container-variant);
-  font-weight: 700;
+._oA2J6 {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-200);
+  line-height: var(--font-line-height-200);
+  font-weight: var(--p-font-weight-normal);
+  flex-grow: 1;
+  color: var(--color-surface-on-color);
 }
-
-._Zf-6C._Zf-6C {
-  color: var(--color-surface-on-color-subtle);
+._oA2J6 a {
+  text-decoration: underline;
+  color: var(--color-surface-on-color);
 }
-
-._iOY4h {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--rdp-cell-size);
-  height: var(--rdp-cell-size);
-  padding: 0.25em;
-  border-radius: 100%;
-  color: var(--color-surface-on-color-disabled);
+._oA2J6 a:hover {
+  cursor: pointer;
 }
 
-._e0lOH._e0lOH {
-  color: var(--color-primary-on-container-variant);
-  border-radius: 0;
-}
-._e0lOH._e0lOH:hover {
-  color: var(--color-primary-on-container-variant);
-}
-._e0lOH._e0lOH:disabled {
-  background-color: var(--color-primary-container-variant);
-  color: var(--color-surface-on-container-disabled);
+._PLG8Z {
+  margin-bottom: 4px;
 }
 
-._4N7l-._4N7l- {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-  color: var(--color-primary-on-container-variant);
+._CRmFE {
+  background: var(--color-info-container-variant);
 }
-._4N7l-._4N7l-:hover {
-  color: var(--color-primary-on-container-variant);
+._CRmFE ._T80if {
+  color: var(--color-info-on-container-variant);
+  padding-top: 10px;
 }
-._4N7l-._4N7l-:disabled {
-  background-color: var(--color-primary-container-variant);
-  color: var(--color-surface-on-container-disabled);
+._CRmFE ._uJl2Y {
+  padding-top: 0;
 }
 
-._fMjHG._fMjHG {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  color: var(--color-primary-on-container-variant);
-}
-._fMjHG._fMjHG:hover {
-  color: var(--color-primary-on-container-variant);
+._PgpTw {
+  background: var(--color-success-container-variant);
 }
-._fMjHG._fMjHG:disabled {
-  background-color: var(--color-primary-container-variant);
-  color: var(--color-surface-on-container-disabled);
+._PgpTw ._T80if {
+  color: var(--color-success-on-container-variant);
+  padding-top: 10px;
 }
-
-._GqE-5 {
-  height: 100%;
+._PgpTw ._uJl2Y {
+  padding-top: 0;
 }
 
-._GqE-5:hover button:not(._4N7l-):not(._e0lOH):not(._fMjHG) {
-  background-color: var(--rdp-background-color);
+._O-lNW {
+  background: var(--color-danger-container-variant);
 }
-
-._GqE-5:hover button {
-  border-radius: 0;
+._O-lNW ._T80if {
+  color: var(--color-danger-on-container-variant);
+  padding-top: 10px;
 }
-
-._GqE-5:hover > td:first-of-type button {
-  border-top-left-radius: 100%;
-  border-bottom-left-radius: 100%;
+._O-lNW ._uJl2Y {
+  padding-top: 0;
 }
 
-._GqE-5:hover > td:last-of-type button {
-  border-top-right-radius: 100%;
-  border-bottom-right-radius: 100%;
-}
-._YPyZ6 {
-  position: relative;
+._fICdJ {
+  background: var(--color-warning-container-variant);
 }
-._-cw0A {
-  position: absolute;
-  left: 0;
-  z-index: var(--z-index-base);
-  background: var(--color-surface-container);
-  box-shadow: 0 0 12px -3px var(--color-outline-variant);
+._fICdJ ._T80if {
+  color: var(--color-warning-on-container-variant);
+  padding-top: 10px;
 }
-._Id4qm {
-  position: relative;
+._fICdJ ._uJl2Y {
+  padding-top: 0;
 }
-._s9d-m {
-  padding-left: 24px;
+
+._kUB2k {
+  background: var(--color-upsell-container-variant);
 }
-._Id4qm input {
-  position: absolute;
-  opacity: 0;
-  cursor: pointer;
-  z-index: var(--z-index-base);
-  width: 16px;
-  height: 16px;
-  right: 0;
+._kUB2k ._T80if {
+  color: var(--color-upsell-on-container-variant);
+  padding-top: 10px;
 }
-._kmvBP {
-  display: block;
-  top: 0;
-  left: 0;
-  height: 14px;
-  width: 14px;
-  background-color: transparent;
-  border-radius: 4px;
-  border: 1px solid var(--color-outline);
-  box-shadow: inset 0 1px 4px -2px var(--color-outline);
+._kUB2k ._uJl2Y {
+  padding-top: 0;
 }
-._kmvBP::after {
+
+._P6nbA {
   position: absolute;
-  content: "";
-  opacity: 0;
-}
-input:checked ~ ._kmvBP {
-  background-color: var(--color-primary-color);
-  border-radius: 4px;
-  transform: rotate(0deg) scale(1);
-  opacity: 1;
-  border: 1px solid var(--color-primary-color);
-}
-input:checked ~ ._kmvBP::after {
-  opacity: 1;
-  transform: rotate(45deg) scale(1);
-  left: 4px;
-  top: 1px;
-  width: 4px;
-  height: 8px;
-  border: solid var(--color-primary-on-color);
-  border-width: 0 2px 2px 0;
-  background-color: transparent;
-  border-radius: 0;
-}
-input:focus-visible + ._kmvBP {
-  outline: var(--color-primary-color) solid 1px;
-}
-input:disabled + ._kmvBP {
-  background-color: var(--color-surface-container-disabled);
-  border: 1px solid var(--color-outline);
-}
-input:disabled + ._kmvBP::after {
-  box-shadow: none;
-  border: solid #9f9f9f !important;
-  border-width: 0 2px 2px 0 !important;
-}
-._NwD6V {
-  box-shadow: 0 0 12px -3px var(--color-outline-variant);
-  border: 1px solid var(--color-outline);
-  border-radius: 8px;
-  background-color: var(--color-surface-color);
-  max-width: 446px;
-  min-width: 390px;
-  overflow: hidden;
-  outline: none;
-  transform: translateX(450px);
-  opacity: 0;
-  transition: transform 0.2s cubic-bezier(0.17, 0.67, 0.16, 0.99), opacity 0.2s linear;
-}
-._4ofZb {
-  opacity: 1;
-  transform: translateX(0);
-}
-._hGoMD {
-  opacity: 0;
+  width: 38px;
+  height: 38px;
+  top: 4px;
+  right: 4px;
 }
-._iK5zl {
-  position: fixed;
-  bottom: 78px;
-  right: 10px;
+
+._w-zAz {
+  padding-top: 12px;
+  padding-bottom: 12px;
 }
-._V9hLa {
-  max-width: 100%;
-  max-height: 100%;
+._w-zAz ._P6nbA {
+  position: static;
 }
-._oOqUg {
-  padding: 32px;
+._w-zAz ._oA2J6 {
+  display: flex;
+  align-items: center;
+  min-height: 38px;
 }
-._5zcBK {
-  position: absolute;
-  top: 10px;
-  right: 10px;
+._S--Ce {
+  font-family: var(--font-family-body);
+  font-size: var(--font-size-100);
+  line-height: var(--font-line-height-100);
+  font-weight: var(--p-font-weight-normal);
+  color: var(--color-surface-on-color);
 }
 ._FsCJQ {
   font-family: var(--font-family-body);