@jobber/components 6.85.2 → 6.85.3-CLEANUPre-6d043f4.28

package/dist/styles.css

@@ -2,56 +2,58 @@
   display: contents;
 }
 
-._7mObJiwfPh4- {
-  position: relative;
-  width: 100%;
+.j-NMCOBL3-E- {
+  display: contents;
 }
 
-.dL5JShAJlKM- {
-  visibility: hidden;
-  z-index: calc(6 + 1001);
-  z-index: calc(var(--elevation-menu) + var(--elevation-modal));
-  width: 0;
-  height: 0;
+._37kZB-nYE08- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  z-index: 1001;
+  z-index: var(--elevation-modal);
+  max-height: 320px;
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--shadow-base);
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  border: 1px solid var(--color-color-border);
-  border: var(--border-base) solid var(--color-color-border);
+  border: 1px solid hsl(200, 13%, 87%);
+  border: var(--border-base) solid var(--color-border);
   border-radius: 8px;
   border-radius: var(--radius-base);
-  overflow: auto;
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
+  overflow: hidden;
+  background: rgba(255, 255, 255, 1);
+  background: var(--color-surface);
   scroll-behavior: smooth;
-  opacity: 0;
 }
 
-.dL5JShAJlKM- .PWZL-94hH7k- {
-  padding: 8px 0 4px 8px;
-  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
-  border-bottom: 1px solid hsl(200, 13%, 87%);
-  border-bottom: var(--border-base) solid var(--color-border);
+.ULib3TUQja0- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  gap: 8px;
+  gap: var(--space-small);
+  padding: 8px 16px;
+  padding: var(--space-small) var(--space-base);
 }
 
-.dL5JShAJlKM-._2RzcnTdaPyc- {
-  visibility: visible;
+.h5-1Pp0eRyo- {
   width: 100%;
-  height: auto;
-  opacity: 1;
-}
-
-.dL5JShAJlKM-._2RzcnTdaPyc-:empty {
-  visibility: hidden;
-  opacity: 0;
+  box-sizing: border-box;
+  padding: 8px;
+  padding: var(--space-small);
+  border: none;
+  background-color: transparent;
+  cursor: pointer;
 }
 
-.y9zhi8Wr8QA- {
+.iBkyj85vd-E- {
   display: -ms-flexbox;
   display: flex;
-  width: 100%;
+  text-align: left;
   -ms-flex-direction: row;
       flex-direction: row;
   -ms-flex-wrap: nowrap;
@@ -62,68 +64,74 @@
       align-content: stretch;
   -ms-flex-align: center;
       align-items: center;
+}
+
+.h5-1Pp0eRyo- .I6wAbSJJHNQ- {
+  -ms-flex: 0 1 auto;
+      flex: 0 1 auto;
+  -ms-flex-item-align: auto;
+      align-self: auto;
+  width: 24px;
+  width: var(--space-large);
+}
+
+._4yhnonWAWRY-,
+.oGLMF6n8C74- {
+  background: hsl(53, 21%, 93%);
+  background: var(--color-surface--hover);
+}
+
+.LBrwH6TEUYA- {
+  box-sizing: border-box;
   padding: 8px;
   padding: var(--space-small);
-  border: none;
-  text-align: left;
-  list-style: none;
-  background-color: transparent;
   cursor: pointer;
 }
 
-.y9zhi8Wr8QA-:hover,
-.y9zhi8Wr8QA-:focus,
-.y9zhi8Wr8QA-._3Xg49dtL1Q8- {
-  background-color: hsl(53, 21%, 93%);
-  background-color: var(--color-surface--hover);
-  outline-color: hsl(198, 12%, 57%);
-  outline-color: var(--color-focus);
+.h5-1Pp0eRyo-:hover,
+.LBrwH6TEUYA-:hover {
+  background: hsl(53, 21%, 93%);
+  background: var(--color-surface--hover);
 }
 
-.y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
+.DDOv4DR8bJQ- {
+  padding: 8px 0 4px 8px;
+  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
   border-bottom: 1px solid hsl(200, 13%, 87%);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
-.dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
-  background-color: transparent;
-  outline-color: transparent;
+.Twgjn26oldE- {
+  padding: 8px 16px;
+  padding: var(--space-small) var(--space-base);
 }
 
-.dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
-  padding-top: 16px;
-  padding-top: var(--space-base);
+.mc1-CEwZtHE- {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  z-index: var(--elevation-base);
+  background: rgba(255, 255, 255, 1);
+  background: var(--color-surface);
 }
 
-.y9zhi8Wr8QA- .K2phy6IC3TY- {
-  -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-  -ms-flex-item-align: auto;
-      align-self: auto;
-  width: 24px;
-  width: var(--space-large);
+.kOR88SFNOn0- {
+  overflow: auto;
 }
 
-.y9zhi8Wr8QA- .a6-LbUm5WnY- {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex: 1 100%;
-      flex: 1 100%;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
+._0O-kEf3h9ZI- {
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
 }
 
-.y9zhi8Wr8QA- .tQNbuxcE9nU- {
-  -ms-flex: 2;
-      flex: 2;
+.rQ9ZS7Rb7Z4- {
+  border-top: 1px solid hsl(200, 13%, 87%);
+  border-top: var(--border-base) solid var(--color-border);
 }
 
-.y9zhi8Wr8QA- .qacStG9-XbE- {
-  -ms-flex: 1;
-      flex: 1;
-  -ms-flex-item-align: end;
-      align-self: flex-end;
-  text-align: right;
+.vxk57ZhP8GU- {
+  padding: 8px 0 4px 8px;
+  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
 }
 
 .j4h-0Mxa5gk- {
@@ -434,7 +442,7 @@
 }
 
 .W4Fsewoz1sg- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -1328,14 +1336,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-,
 a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-color: hsl(0, 0%, 93%);
   border-color: var(--color-disabled--secondary);
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background-color: hsl(0, 0%, 93%);
   background-color: var(--color-disabled--secondary);
-  fill: hsl(0, 0%, 72%);
+  fill: hsl(0, 0%, 58%);
   fill: var(--color-disabled);
   pointer-events: none;
   cursor: not-allowed;
@@ -1594,6 +1602,359 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   vertical-align: middle;
 }
 
+.-lyJkOGbceo- {
+  --glimmer-background: var(--color-surface--reverse);
+  --glimmer-background-opacity: 7.5%;
+  --glimmer-shine-opacity: 75%;
+  --glimmer-shine: rgba(var(--color-white--rgb), var(--glimmer-shine-opacity));
+  --duration-base: calc(var(--timing-slowest) * 4); /* 2s */
+  --duration-fast: calc(var(--duration-base) / 2); /* 1s */
+  position: relative;
+  width: 100%;
+  height: 100%;
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  overflow: hidden;
+}
+
+.-lyJkOGbceo-::before,
+.-lyJkOGbceo-::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.-lyJkOGbceo-::before {
+  background-color: var(--glimmer-background);
+  opacity: var(--glimmer-background-opacity);
+}
+
+.-lyJkOGbceo-::after {
+  background-image: linear-gradient(
+    90deg,
+    transparent 0px,
+    var(--glimmer-shine) 32px,
+    transparent 64px
+  );
+  background-image: linear-gradient(
+    90deg,
+    transparent 0px,
+    var(--glimmer-shine) var(--space-larger),
+    transparent var(--space-extravagant)
+  );
+  background-repeat: no-repeat;
+  background-size: 64px 100%;
+  background-size: var(--space-extravagant) 100%;
+  -webkit-animation: -lyJkOGbceo- 2s infinite linear;
+          animation: -lyJkOGbceo- 2s infinite linear;
+}
+
+[data-theme="dark"] .-lyJkOGbceo-,
+.NH-8hViLjFA- {
+  --glimmer-shine-opacity: 20%;
+}
+
+.NH-8hViLjFA- {
+  --glimmer-background: var(--color-surface);
+}
+
+[data-theme="dark"] .NH-8hViLjFA- {
+  --glimmer-shine-opacity: 75%;
+  --glimmer-background-opacity: 7.5%;
+}
+
+@-webkit-keyframes -lyJkOGbceo- {
+  0%,
+  20% {
+    background-position-x: calc(64px * -1);
+    background-position-x: calc(var(--space-extravagant) * -1);
+  }
+
+  100% {
+    background-position-x: calc(100% + 64px);
+    background-position-x: calc(100% + var(--space-extravagant));
+  }
+}
+
+@keyframes -lyJkOGbceo- {
+  0%,
+  20% {
+    background-position-x: calc(64px * -1);
+    background-position-x: calc(var(--space-extravagant) * -1);
+  }
+
+  100% {
+    background-position-x: calc(100% + 64px);
+    background-position-x: calc(100% + var(--space-extravagant));
+  }
+}
+
+._6-ozsHDHcVI- {
+  width: 30%;
+  max-width: 180px;
+  min-width: 120px;
+}
+
+._7AvaYGpXkLU- {
+  display: inline-block;
+  width: 100px;
+  height: 36px;
+}
+
+.sm9yBV3e4Qg- {
+  display: block;
+  width: 100%;
+  min-width: 100px;
+}
+
+.bjemHBSLuQ0- {
+  height: 8px;
+  height: var(--space-small);
+}
+
+.MXFqgzJq5jw- {
+  height: 16px;
+  height: var(--space-base);
+}
+
+.B2DzIy8pibk- {
+  height: 24px;
+  height: var(--space-large);
+}
+
+.-ll1bKXJm9s- {
+  height: 32px;
+  height: var(--space-larger);
+}
+
+.jieKjQ6-Scs- {
+  height: 48px;
+  height: var(--space-largest);
+}
+
+._8qp0RoxJfHE- {
+  height: 100%;
+  min-width: 16px;
+  min-width: var(--space-base);
+  min-height: 16px;
+  min-height: var(--space-base);
+}
+
+.vAVS-6e-jJo- {
+  width: 100%;
+}
+
+.tZgae6SZ8WA- {
+  width: 85%;
+}
+
+.ec-sGgENoOw- {
+  width: 70%;
+}
+
+.ONvR3LocsA4-,
+.j-gTsb6UsQs- {
+  width: auto;
+  aspect-ratio: 1;
+}
+
+.j-gTsb6UsQs- {
+  border-radius: 100%;
+  border-radius: var(--radius-circle);
+}
+
+._6dlpcG-oxT4- {
+  -webkit-animation-duration: var(--duration-base);
+          animation-duration: var(--duration-base);
+}
+
+.NlRB1Xq-sFE- {
+  -webkit-animation-duration: calc(var(--duration-fast));
+          animation-duration: calc(var(--duration-fast));
+}
+
+.B1cBkstNQhM- > :not(:last-child) {
+  margin-bottom: 1px;
+  margin-bottom: var(--space-minuscule);
+}
+
+.rjAxJwaso0s- > :not(:last-child) {
+  margin-bottom: 2px;
+  margin-bottom: var(--space-smallest);
+}
+
+.Chezd5Sqtmk- > :not(:last-child) {
+  margin-bottom: 4px;
+  margin-bottom: var(--space-smaller);
+}
+
+.hzVGRy-KUeY- > :not(:last-child) {
+  margin-bottom: 8px;
+  margin-bottom: var(--space-small);
+}
+
+.B67dzZpuwr4- > :not(:last-child) {
+  margin-bottom: 12px;
+  margin-bottom: var(--space-slim);
+}
+
+.XFi-EWH3Rc0- > :not(:last-child) {
+  margin-bottom: 16px;
+  margin-bottom: var(--space-base);
+}
+
+.JTt98vS-CLk- > :not(:last-child) {
+  margin-bottom: 24px;
+  margin-bottom: var(--space-large);
+}
+
+.-h5Dm7qvnss- > :not(:last-child) {
+  margin-bottom: 32px;
+  margin-bottom: var(--space-larger);
+}
+
+.K7DP0lB9veI- > :not(:last-child) {
+  margin-bottom: 48px;
+  margin-bottom: var(--space-largest);
+}
+
+.d8bHHzbOHk4- > :not(:last-child) {
+  margin-bottom: 64px;
+  margin-bottom: var(--space-extravagant);
+}
+
+.cftWh-00zXM- {
+  padding: 0;
+  padding: var(--public-content--padding, 0);
+}
+
+._7mObJiwfPh4- {
+  position: relative;
+  width: 100%;
+}
+
+.dL5JShAJlKM- {
+  visibility: hidden;
+  z-index: calc(6 + 1001);
+  z-index: calc(var(--elevation-menu) + var(--elevation-modal));
+  width: 0;
+  height: 0;
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-base);
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  border: 1px solid var(--color-color-border);
+  border: var(--border-base) solid var(--color-color-border);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  overflow: auto;
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
+  scroll-behavior: smooth;
+  opacity: 0;
+}
+
+.dL5JShAJlKM- .PWZL-94hH7k- {
+  padding: 8px 0 4px 8px;
+  padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
+}
+
+.dL5JShAJlKM-._2RzcnTdaPyc- {
+  visibility: visible;
+  width: 100%;
+  height: auto;
+  opacity: 1;
+}
+
+.dL5JShAJlKM-._2RzcnTdaPyc-:empty {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.y9zhi8Wr8QA- {
+  display: -ms-flexbox;
+  display: flex;
+  width: 100%;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -ms-flex-pack: start;
+      justify-content: flex-start;
+  -ms-flex-line-pack: stretch;
+      align-content: stretch;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 8px;
+  padding: var(--space-small);
+  border: none;
+  text-align: left;
+  list-style: none;
+  background-color: transparent;
+  cursor: pointer;
+}
+
+.y9zhi8Wr8QA-:hover,
+.y9zhi8Wr8QA-:focus,
+.y9zhi8Wr8QA-._3Xg49dtL1Q8- {
+  background-color: hsl(53, 21%, 93%);
+  background-color: var(--color-surface--hover);
+  outline-color: hsl(198, 12%, 57%);
+  outline-color: var(--color-focus);
+}
+
+.y9zhi8Wr8QA-.LIeh390F3W8-:not(:last-child) {
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
+}
+
+.dL5JShAJlKM-:hover .y9zhi8Wr8QA-._3Xg49dtL1Q8-:not(:hover) {
+  background-color: transparent;
+  outline-color: transparent;
+}
+
+.dL5JShAJlKM- .PWZL-94hH7k-:not(:first-child) {
+  padding-top: 16px;
+  padding-top: var(--space-base);
+}
+
+.y9zhi8Wr8QA- .K2phy6IC3TY- {
+  -ms-flex: 0 1 auto;
+      flex: 0 1 auto;
+  -ms-flex-item-align: auto;
+      align-self: auto;
+  width: 24px;
+  width: var(--space-large);
+}
+
+.y9zhi8Wr8QA- .a6-LbUm5WnY- {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex: 1 100%;
+      flex: 1 100%;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+}
+
+.y9zhi8Wr8QA- .tQNbuxcE9nU- {
+  -ms-flex: 2;
+      flex: 2;
+}
+
+.y9zhi8Wr8QA- .qacStG9-XbE- {
+  -ms-flex: 1;
+      flex: 1;
+  -ms-flex-item-align: end;
+      align-self: flex-end;
+  text-align: right;
+}
+
 :root {
   --public--avatar-size: 32px;
 }
@@ -2944,7 +3305,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .TKr3J-6ARFo- p {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -3175,7 +3536,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 ._3uJEejbZvig-:hover,
 ._3uJEejbZvig-:focus-visible {
   --chip-border-color: var(--color-disabled--secondary);
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   --chip-base-bg-color: var(--color-disabled--secondary);
   --chip-base-hover-bg-color: var(--color-disabled--secondary);
@@ -3183,7 +3544,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 ._3uJEejbZvig- .oV7kqacWv-U- {
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
@@ -3193,7 +3554,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .FJNLweTKlm4-._3uJEejbZvig- .OufFSBZ4gLc- path {
-  fill: hsl(0, 0%, 72%);
+  fill: hsl(0, 0%, 58%);
   fill: var(--color-disabled);
 }
 
@@ -3696,291 +4057,62 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   opacity: 1;
 }
 
-.searchInput::-ms-input-placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.AH9-zRHXfpo-::placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.AH9-zRHXfpo-::-webkit-search-decoration,
-.AH9-zRHXfpo-::-webkit-search-cancel-button,
-.AH9-zRHXfpo-::-webkit-search-results-button,
-.AH9-zRHXfpo-::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-}
-
-.AH9-zRHXfpo-:focus {
-  outline: none;
-}
-
-.mymN3p8sKRw- {
-  display: -ms-flexbox;
-  display: flex;
-  position: absolute;
-  top: 50%;
-  right: 16px;
-  right: var(--space-base);
-  z-index: 1002;
-  z-index: var(--elevation-tooltip);
-  width: 24px;
-  width: var(--space-large);
-  height: 24px;
-  height: var(--space-large);
-  padding: 0;
-  border: none;
-  border-radius: 100%;
-  border-radius: var(--radius-circle);
-  background-color: hsl(51, 17%, 85%);
-  background-color: var(--color-interactive--background);
-  cursor: pointer;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-}
-
-.mymN3p8sKRw-:focus {
-  outline: transparent;
-}
-
-.mymN3p8sKRw-:focus-visible {
-  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
-  box-shadow: var(--shadow-focus);
-}
-
-.-lyJkOGbceo- {
-  --glimmer-background: var(--color-surface--reverse);
-  --glimmer-background-opacity: 7.5%;
-  --glimmer-shine-opacity: 75%;
-  --glimmer-shine: rgba(var(--color-white--rgb), var(--glimmer-shine-opacity));
-  --duration-base: calc(var(--timing-slowest) * 4); /* 2s */
-  --duration-fast: calc(var(--duration-base) / 2); /* 1s */
-  position: relative;
-  width: 100%;
-  height: 100%;
-  border-radius: 8px;
-  border-radius: var(--radius-base);
-  overflow: hidden;
-}
-
-.-lyJkOGbceo-::before,
-.-lyJkOGbceo-::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-}
-
-.-lyJkOGbceo-::before {
-  background-color: var(--glimmer-background);
-  opacity: var(--glimmer-background-opacity);
-}
-
-.-lyJkOGbceo-::after {
-  background-image: linear-gradient(
-    90deg,
-    transparent 0px,
-    var(--glimmer-shine) 32px,
-    transparent 64px
-  );
-  background-image: linear-gradient(
-    90deg,
-    transparent 0px,
-    var(--glimmer-shine) var(--space-larger),
-    transparent var(--space-extravagant)
-  );
-  background-repeat: no-repeat;
-  background-size: 64px 100%;
-  background-size: var(--space-extravagant) 100%;
-  -webkit-animation: -lyJkOGbceo- 2s infinite linear;
-          animation: -lyJkOGbceo- 2s infinite linear;
-}
-
-[data-theme="dark"] .-lyJkOGbceo-,
-.NH-8hViLjFA- {
-  --glimmer-shine-opacity: 20%;
-}
-
-.NH-8hViLjFA- {
-  --glimmer-background: var(--color-surface);
-}
-
-[data-theme="dark"] .NH-8hViLjFA- {
-  --glimmer-shine-opacity: 75%;
-  --glimmer-background-opacity: 7.5%;
-}
-
-@-webkit-keyframes -lyJkOGbceo- {
-  0%,
-  20% {
-    background-position-x: calc(64px * -1);
-    background-position-x: calc(var(--space-extravagant) * -1);
-  }
-
-  100% {
-    background-position-x: calc(100% + 64px);
-    background-position-x: calc(100% + var(--space-extravagant));
-  }
-}
-
-@keyframes -lyJkOGbceo- {
-  0%,
-  20% {
-    background-position-x: calc(64px * -1);
-    background-position-x: calc(var(--space-extravagant) * -1);
-  }
-
-  100% {
-    background-position-x: calc(100% + 64px);
-    background-position-x: calc(100% + var(--space-extravagant));
-  }
-}
-
-._6-ozsHDHcVI- {
-  width: 30%;
-  max-width: 180px;
-  min-width: 120px;
-}
-
-._7AvaYGpXkLU- {
-  display: inline-block;
-  width: 100px;
-  height: 36px;
-}
-
-.sm9yBV3e4Qg- {
-  display: block;
-  width: 100%;
-  min-width: 100px;
-}
-
-.bjemHBSLuQ0- {
-  height: 8px;
-  height: var(--space-small);
-}
-
-.MXFqgzJq5jw- {
-  height: 16px;
-  height: var(--space-base);
-}
-
-.B2DzIy8pibk- {
-  height: 24px;
-  height: var(--space-large);
-}
-
-.-ll1bKXJm9s- {
-  height: 32px;
-  height: var(--space-larger);
-}
-
-.jieKjQ6-Scs- {
-  height: 48px;
-  height: var(--space-largest);
-}
-
-._8qp0RoxJfHE- {
-  height: 100%;
-  min-width: 16px;
-  min-width: var(--space-base);
-  min-height: 16px;
-  min-height: var(--space-base);
-}
-
-.vAVS-6e-jJo- {
-  width: 100%;
-}
-
-.tZgae6SZ8WA- {
-  width: 85%;
-}
-
-.ec-sGgENoOw- {
-  width: 70%;
-}
-
-.ONvR3LocsA4-,
-.j-gTsb6UsQs- {
-  width: auto;
-  aspect-ratio: 1;
-}
-
-.j-gTsb6UsQs- {
-  border-radius: 100%;
-  border-radius: var(--radius-circle);
-}
-
-._6dlpcG-oxT4- {
-  -webkit-animation-duration: var(--duration-base);
-          animation-duration: var(--duration-base);
-}
-
-.NlRB1Xq-sFE- {
-  -webkit-animation-duration: calc(var(--duration-fast));
-          animation-duration: calc(var(--duration-fast));
-}
-
-.B1cBkstNQhM- > :not(:last-child) {
-  margin-bottom: 1px;
-  margin-bottom: var(--space-minuscule);
-}
-
-.rjAxJwaso0s- > :not(:last-child) {
-  margin-bottom: 2px;
-  margin-bottom: var(--space-smallest);
-}
-
-.Chezd5Sqtmk- > :not(:last-child) {
-  margin-bottom: 4px;
-  margin-bottom: var(--space-smaller);
-}
-
-.hzVGRy-KUeY- > :not(:last-child) {
-  margin-bottom: 8px;
-  margin-bottom: var(--space-small);
-}
-
-.B67dzZpuwr4- > :not(:last-child) {
-  margin-bottom: 12px;
-  margin-bottom: var(--space-slim);
+.searchInput::-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
 }
 
-.XFi-EWH3Rc0- > :not(:last-child) {
-  margin-bottom: 16px;
-  margin-bottom: var(--space-base);
+.AH9-zRHXfpo-::placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
 }
 
-.JTt98vS-CLk- > :not(:last-child) {
-  margin-bottom: 24px;
-  margin-bottom: var(--space-large);
+.AH9-zRHXfpo-::-webkit-search-decoration,
+.AH9-zRHXfpo-::-webkit-search-cancel-button,
+.AH9-zRHXfpo-::-webkit-search-results-button,
+.AH9-zRHXfpo-::-webkit-search-results-decoration {
+  -webkit-appearance: none;
 }
 
-.-h5Dm7qvnss- > :not(:last-child) {
-  margin-bottom: 32px;
-  margin-bottom: var(--space-larger);
+.AH9-zRHXfpo-:focus {
+  outline: none;
 }
 
-.K7DP0lB9veI- > :not(:last-child) {
-  margin-bottom: 48px;
-  margin-bottom: var(--space-largest);
+.mymN3p8sKRw- {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  right: var(--space-base);
+  z-index: 1002;
+  z-index: var(--elevation-tooltip);
+  width: 24px;
+  width: var(--space-large);
+  height: 24px;
+  height: var(--space-large);
+  padding: 0;
+  border: none;
+  border-radius: 100%;
+  border-radius: var(--radius-circle);
+  background-color: hsl(51, 17%, 85%);
+  background-color: var(--color-interactive--background);
+  cursor: pointer;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
 }
 
-.d8bHHzbOHk4- > :not(:last-child) {
-  margin-bottom: 64px;
-  margin-bottom: var(--space-extravagant);
+.mymN3p8sKRw-:focus {
+  outline: transparent;
 }
 
-.cftWh-00zXM- {
-  padding: 0;
-  padding: var(--public-content--padding, 0);
+.mymN3p8sKRw-:focus-visible {
+  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
+  box-shadow: var(--shadow-focus);
 }
 
 .wFxd-3vJyKo- {
@@ -4283,7 +4415,9 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .W-9SMjhEMpI- {
-  display: inline-block;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  max-width: 100%;
 }
 
 :root {
@@ -4496,12 +4630,12 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
 .cRhQeXmZobs- {
   display: grid;
-  z-index: 1001;
-  z-index: var(--elevation-modal);
   -ms-flex-align: center;
       align-items: center;
   justify-items: center;
   place-items: center;
+  z-index: 1001;
+  z-index: var(--elevation-modal);
 }
 
 .PO6ZUDxQoFE- {
@@ -4510,11 +4644,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: 1001;
-  z-index: var(--elevation-modal);
+  outline: none;
   background-color: rgba(0, 0, 0, 0.32);
   background-color: var(--color-overlay);
-  opacity: 0.8;
+  will-change: opacity;
 }
 
 .OiqCKNmbHZ0- {
@@ -4533,12 +4666,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border: var(--border-base) solid var(--color-border);
   border-radius: 8px;
   border-radius: var(--radius-base);
+  outline: none;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
   -ms-flex: 0 0 auto;
       flex: 0 0 auto;
-  outline-color: hsl(198, 12%, 57%);
-  outline-color: var(--color-focus);
+}
+
+.OiqCKNmbHZ0-:focus-visible {
+  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
+  box-shadow: var(--shadow-focus);
 }
 
 /* Adjust `Content` and `Tab` components public padding to match the modal */
@@ -5120,6 +5257,13 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   display: inline-flex;
 }
 
+._8nqeeAapUQU- {
+  padding: calc(2px) calc(8px);
+  padding: calc(var(--space-smallest)) calc(var(--space-small));
+  border-radius: 16px;
+  border-radius: var(--radius-large);
+}
+
 ._0L5DuoQQ0N0- {
   padding: calc(4px * 1.5) calc(8px * 1.25);
   padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);
@@ -5169,9 +5313,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
 .hk1-OlPzFpM- {
   color: hsl(31, 90%, 37%);
-  color: var(--color-orange--dark);
+  color: var(--color-base-orange--600);
   background-color: hsl(31, 74%, 93%);
-  background-color: var(--color-orange--lightest);
+  background-color: var(--color-base-orange--200);
+}
+
+[data-theme="dark"] .hk1-OlPzFpM- {
+  color: hsl(31, 74%, 93%);
+  color: var(--color-base-orange--200);
+  background-color: hsl(31, 90%, 37%);
+  background-color: var(--color-base-orange--600);
 }
 
 .ekQbbiBSxKk-,
@@ -5208,9 +5359,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
 .ZrdNg5b18oY- {
   color: hsl(79, 85%, 21%);
-  color: var(--color-lime--dark);
+  color: var(--color-base-lime--700);
   background-color: hsl(79, 49%, 90%);
-  background-color: var(--color-lime--lightest);
+  background-color: var(--color-base-lime--200);
+}
+
+[data-theme="dark"] .ZrdNg5b18oY- {
+  color: hsl(79, 49%, 90%);
+  color: var(--color-base-lime--200);
+  background-color: hsl(79, 85%, 21%);
+  background-color: var(--color-base-lime--700);
 }
 
 .df-Q7pKd2iI-,
@@ -5231,9 +5389,16 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
 .gc8t5abqWH4- {
   color: hsl(190, 78%, 25%);
-  color: var(--color-teal--dark);
+  color: var(--color-base-teal--700);
   background-color: hsl(190, 63%, 92%);
-  background-color: var(--color-teal--lightest);
+  background-color: var(--color-base-teal--200);
+}
+
+[data-theme="dark"] .gc8t5abqWH4- {
+  color: hsl(190, 63%, 92%);
+  color: var(--color-base-teal--200);
+  background-color: hsl(190, 78%, 25%);
+  background-color: var(--color-base-teal--700);
 }
 
 .SeLhnnpqK70-,
@@ -6174,12 +6339,12 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 
     /* Disabled groups and their options */
     optgroup[disabled] {
-      color: hsl(0, 0%, 72%);
+      color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
     }
     optgroup[disabled] option,
     option[disabled] {
-      color: hsl(0, 0%, 72%);
+      color: hsl(0, 0%, 58%);
       color: var(--color-disabled);
       cursor: default;
     }
@@ -6401,8 +6566,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 @charset "UTF-8";
-/* stylelint-disable */
-.react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow, .react-datepicker__navigation-icon::before {
+ {
+  /* sr-only utility class for accessibility */
+}
+.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
   border-color: #ccc;
   border-style: solid;
   border-width: 3px 3px 0 0;
@@ -6413,60 +6580,21 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   top: 6px;
   width: 9px;
 }
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  margin-left: -4px;
+.react-datepicker__sr-only {
   position: absolute;
-  width: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  box-sizing: content-box;
-  position: absolute;
-  border: 8px solid transparent;
-  height: 0;
   width: 1px;
-  content: "";
-  z-index: -1;
-  border-width: 8px;
-  left: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  border-bottom-color: #aeaeae;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  top: 0;
-  margin-top: -8px;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  border-top: none;
-  border-bottom-color: #f0f0f0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  top: 0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  top: -1px;
-  border-bottom-color: #aeaeae;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
-  bottom: 0;
-  margin-bottom: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  border-bottom: none;
-  border-top-color: #fff;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  bottom: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
-  bottom: -1px;
-  border-top-color: #aeaeae;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
 }
 .react-datepicker-wrapper {
   display: inline-block;
   padding: 0;
   border: 0;
-  width: 100%;
 }
 .react-datepicker {
   font-family: "Helvetica Neue", helvetica, arial, sans-serif;
@@ -6477,9 +6605,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-radius: 0.3rem;
   display: inline-block;
   position: relative;
-}
-.react-datepicker--time-only .react-datepicker__triangle {
-  left: 35px;
+  line-height: normal;
 }
 .react-datepicker--time-only .react-datepicker__time-container {
   border-left: 0;
@@ -6488,36 +6614,20 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border-bottom-left-radius: 0.3rem;
   border-bottom-right-radius: 0.3rem;
 }
-.react-datepicker__triangle {
-  position: absolute;
-  left: 50px;
-}
 .react-datepicker-popper {
   z-index: 1;
+  line-height: 0;
 }
-.react-datepicker-popper[data-placement^=bottom] {
-  padding-top: 10px;
-}
-.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
-  left: auto;
-  right: 50px;
-}
-.react-datepicker-popper[data-placement^=top] {
-  padding-bottom: 10px;
-}
-.react-datepicker-popper[data-placement^=right] {
-  padding-left: 8px;
-}
-.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
-  left: auto;
-  right: 42px;
+.react-datepicker-popper .react-datepicker__triangle {
+  stroke: #aeaeae;
 }
-.react-datepicker-popper[data-placement^=left] {
-  padding-right: 8px;
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
+  fill: #f0f0f0;
+  color: #f0f0f0;
 }
-.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
-  left: 42px;
-  right: auto;
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
+  fill: #fff;
+  color: #fff;
 }
 .react-datepicker__header {
   text-align: center;
@@ -6548,6 +6658,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   font-weight: bold;
   font-size: 0.944rem;
 }
+h2.react-datepicker__current-month {
+  padding: 0;
+  margin: 0;
+}
 .react-datepicker-time__header {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -6596,7 +6710,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   top: -4px;
 }
 .react-datepicker__navigation:hover *::before {
-  border-color: #a6a6a6;
+  border-color: rgb(165.75, 165.75, 165.75);
 }
 .react-datepicker__navigation-icon {
   position: relative;
@@ -6707,7 +6821,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
   list-style: none;
   margin: 0;
-  height: calc(195px + (1.7rem / 2));
+  height: calc(195px + 1.7rem / 2);
   overflow-y: scroll;
   padding-right: 0;
   padding-left: 0;
@@ -6749,16 +6863,25 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .react-datepicker__week-number.react-datepicker__week-number--clickable {
   cursor: pointer;
 }
-.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
+.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
   border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
-.react-datepicker__day-names, .react-datepicker__week {
-  white-space: nowrap;
+.react-datepicker__week-number--selected {
+  border-radius: 0.3rem;
+  background-color: #216ba5;
+  color: #fff;
+}
+.react-datepicker__week-number--selected:hover {
+  background-color: rgb(28.75, 93.2196969697, 143.75);
 }
 .react-datepicker__day-names {
+  white-space: nowrap;
   margin-bottom: -8px;
 }
+.react-datepicker__week {
+  white-space: nowrap;
+}
 .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name {
   color: #000;
   display: inline-block;
@@ -6767,26 +6890,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   text-align: center;
   margin: 0.166rem;
 }
-.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range, .react-datepicker__quarter--selected, .react-datepicker__quarter--in-selecting-range, .react-datepicker__quarter--in-range {
-  border-radius: 0.3rem;
-  background-color: #216ba5;
-  color: #fff;
-}
-.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover, .react-datepicker__quarter--selected:hover, .react-datepicker__quarter--in-selecting-range:hover, .react-datepicker__quarter--in-range:hover {
-  background-color: #1d5d90;
-}
-.react-datepicker__month--disabled, .react-datepicker__quarter--disabled {
-  color: #ccc;
-  pointer-events: none;
-}
-.react-datepicker__month--disabled:hover, .react-datepicker__quarter--disabled:hover {
-  cursor: default;
-  background-color: transparent;
-}
 .react-datepicker__day, .react-datepicker__month-text, .react-datepicker__quarter-text, .react-datepicker__year-text {
   cursor: pointer;
 }
-.react-datepicker__day:hover, .react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover, .react-datepicker__year-text:hover {
+.react-datepicker__day:not([aria-disabled=true]):hover, .react-datepicker__month-text:not([aria-disabled=true]):hover, .react-datepicker__quarter-text:not([aria-disabled=true]):hover, .react-datepicker__year-text:not([aria-disabled=true]):hover {
   border-radius: 0.3rem;
   background-color: #f0f0f0;
 }
@@ -6798,8 +6905,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   background-color: #3dcc4a;
   color: #fff;
 }
-.react-datepicker__day--highlighted:hover, .react-datepicker__month-text--highlighted:hover, .react-datepicker__quarter-text--highlighted:hover, .react-datepicker__year-text--highlighted:hover {
-  background-color: #32be3f;
+.react-datepicker__day--highlighted:not([aria-disabled=true]):hover, .react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover, .react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
+  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
 }
 .react-datepicker__day--highlighted-custom-1, .react-datepicker__month-text--highlighted-custom-1, .react-datepicker__quarter-text--highlighted-custom-1, .react-datepicker__year-text--highlighted-custom-1 {
   color: magenta;
@@ -6807,29 +6914,54 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .react-datepicker__day--highlighted-custom-2, .react-datepicker__month-text--highlighted-custom-2, .react-datepicker__quarter-text--highlighted-custom-2, .react-datepicker__year-text--highlighted-custom-2 {
   color: green;
 }
+.react-datepicker__day--holidays, .react-datepicker__month-text--holidays, .react-datepicker__quarter-text--holidays, .react-datepicker__year-text--holidays {
+  position: relative;
+  border-radius: 0.3rem;
+  background-color: #ff6803;
+  color: #fff;
+}
+.react-datepicker__day--holidays .overlay, .react-datepicker__month-text--holidays .overlay, .react-datepicker__quarter-text--holidays .overlay, .react-datepicker__year-text--holidays .overlay {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
+}
+.react-datepicker__day--holidays:not([aria-disabled=true]):hover, .react-datepicker__month-text--holidays:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover, .react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
+  background-color: rgb(207, 82.9642857143, 0);
+}
+.react-datepicker__day--holidays:hover .overlay, .react-datepicker__month-text--holidays:hover .overlay, .react-datepicker__quarter-text--holidays:hover .overlay, .react-datepicker__year-text--holidays:hover .overlay {
+  visibility: visible;
+  opacity: 1;
+}
 .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range, .react-datepicker__month-text--selected, .react-datepicker__month-text--in-selecting-range, .react-datepicker__month-text--in-range, .react-datepicker__quarter-text--selected, .react-datepicker__quarter-text--in-selecting-range, .react-datepicker__quarter-text--in-range, .react-datepicker__year-text--selected, .react-datepicker__year-text--in-selecting-range, .react-datepicker__year-text--in-range {
   border-radius: 0.3rem;
   background-color: #216ba5;
   color: #fff;
 }
-.react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover, .react-datepicker__day--in-range:hover, .react-datepicker__month-text--selected:hover, .react-datepicker__month-text--in-selecting-range:hover, .react-datepicker__month-text--in-range:hover, .react-datepicker__quarter-text--selected:hover, .react-datepicker__quarter-text--in-selecting-range:hover, .react-datepicker__quarter-text--in-range:hover, .react-datepicker__year-text--selected:hover, .react-datepicker__year-text--in-selecting-range:hover, .react-datepicker__year-text--in-range:hover {
-  background-color: #1d5d90;
+.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover, .react-datepicker__month-text--selected:not([aria-disabled=true]):hover, .react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__month-text--in-range:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover, .react-datepicker__year-text--selected:not([aria-disabled=true]):hover, .react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
+  background-color: rgb(28.75, 93.2196969697, 143.75);
 }
 .react-datepicker__day--keyboard-selected, .react-datepicker__month-text--keyboard-selected, .react-datepicker__quarter-text--keyboard-selected, .react-datepicker__year-text--keyboard-selected {
   border-radius: 0.3rem;
-  background-color: #bad9f1;
+  background-color: rgb(186.25, 217.0833333333, 241.25);
   color: rgb(0, 0, 0);
 }
-.react-datepicker__day--keyboard-selected:hover, .react-datepicker__month-text--keyboard-selected:hover, .react-datepicker__quarter-text--keyboard-selected:hover, .react-datepicker__year-text--keyboard-selected:hover {
-  background-color: #1d5d90;
+.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover, .react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
+  background-color: rgb(28.75, 93.2196969697, 143.75);
 }
 .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range), .react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range):not(.react-datepicker__month-text--in-range):not(.react-datepicker__quarter-text--in-range):not(.react-datepicker__year-text--in-range) {
   background-color: rgba(33, 107, 165, 0.5);
 }
-.-Nzs5104Tmw- .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.-Nzs5104Tmw- .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.-Nzs5104Tmw- .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range),
-.-Nzs5104Tmw- .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
+.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range):not(.react-datepicker__month-text--in-selecting-range):not(.react-datepicker__quarter-text--in-selecting-range):not(.react-datepicker__year-text--in-selecting-range) {
   background-color: #f0f0f0;
   color: #000;
 }
@@ -6837,20 +6969,34 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   cursor: default;
   color: #ccc;
 }
-.react-datepicker__day--disabled:hover, .react-datepicker__month-text--disabled:hover, .react-datepicker__quarter-text--disabled:hover, .react-datepicker__year-text--disabled:hover {
-  background-color: transparent;
-}
-.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover, .react-datepicker__quarter-text.react-datepicker__month--selected:hover, .react-datepicker__quarter-text.react-datepicker__month--in-range:hover, .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover, .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
-  background-color: #216ba5;
-}
-.react-datepicker__month-text:hover, .react-datepicker__quarter-text:hover {
-  background-color: #f0f0f0;
+.react-datepicker__day--disabled .overlay, .react-datepicker__month-text--disabled .overlay, .react-datepicker__quarter-text--disabled .overlay, .react-datepicker__year-text--disabled .overlay {
+  position: absolute;
+  bottom: 70%;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+          transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
 }
 .react-datepicker__input-container {
   position: relative;
   display: inline-block;
   width: 100%;
 }
+.react-datepicker__input-container .react-datepicker__calendar-icon {
+  position: absolute;
+  padding: 0.5rem;
+  box-sizing: content-box;
+}
+.react-datepicker__view-calendar-icon input {
+  padding: 6px 10px 5px 25px;
+}
 .react-datepicker__year-read-view, .react-datepicker__month-read-view, .react-datepicker__month-year-read-view {
   border: 1px solid transparent;
   border-radius: 0.3rem;
@@ -6860,7 +7006,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   cursor: pointer;
 }
 .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
-  border-top-color: #b3b3b3;
+  border-top-color: rgb(178.5, 178.5, 178.5);
 }
 .react-datepicker__year-read-view--down-arrow, .react-datepicker__month-read-view--down-arrow, .react-datepicker__month-year-read-view--down-arrow {
   -webkit-transform: rotate(135deg);
@@ -6908,10 +7054,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   background-color: #ccc;
 }
 .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
-  border-bottom-color: #b3b3b3;
+  border-bottom-color: rgb(178.5, 178.5, 178.5);
 }
 .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
-  border-top-color: #b3b3b3;
+  border-top-color: rgb(178.5, 178.5, 178.5);
 }
 .react-datepicker__year-option--selected, .react-datepicker__month-option--selected, .react-datepicker__month-year-option--selected {
   position: absolute;
@@ -6945,6 +7091,13 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   vertical-align: middle;
   content: "×";
 }
+.react-datepicker__close-icon--disabled {
+  cursor: default;
+}
+.react-datepicker__close-icon--disabled::after {
+  cursor: default;
+  background-color: #ccc;
+}
 .react-datepicker__today-button {
   background: #f0f0f0;
   border-top: 1px solid #aeaeae;
@@ -7000,7 +7153,11 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   width: 1px;
   white-space: nowrap;
 }
-/* stylelint-enable */
+.react-datepicker__calendar-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+}
 .OmFI-Bfdzgw- {
   display: inline-block;
 }
@@ -7026,6 +7183,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 .react-datepicker__input-container,
 .react-datepicker-wrapper {
+  width: 100%;
   max-width: 100%;
 }
 .OmFI-Bfdzgw- .react-datepicker-popper {
@@ -7034,8 +7192,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 .Ma55F5Y-XhE- .react-datepicker__header {
   padding: 0;
-  border-bottom: 1px solid hsl(200, 13%, 87%);
-  border-bottom: var(--border-base) solid var(--color-border);
+  border-bottom: none;
   background: rgba(255, 255, 255, 1);
   background: var(--color-surface);
 }
@@ -7079,7 +7236,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   background: var(--color-interactive--background);
 }
 .Ma55F5Y-XhE- .react-datepicker__day--disabled {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   cursor: default;
 }
@@ -7098,6 +7255,8 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   margin: 0;
   padding: 2px 0 0;
   padding: var(--space-smallest) 0 0;
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
   color: hsl(198, 35%, 21%);
   color: var(--color-text);
   font-size: 12px;
@@ -7115,11 +7274,14 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 .Ma55F5Y-XhE- .react-datepicker__day:hover,
 .Ma55F5Y-XhE- .react-datepicker__day:focus {
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   background: hsl(53, 21%, 93%);
   background: var(--color-surface--hover);
 }
 .Ma55F5Y-XhE- .react-datepicker__day--outside-month:hover,
 .Ma55F5Y-XhE- .react-datepicker__day--outside-month:focus {
+  border-radius: 0;
   background: hsl(49, 7%, 70%);
   background: var(--color-interactive--background--hover);
 }
@@ -7644,12 +7806,12 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 .e-cSZjkHGw8- .PiwOCJz7Zto- {
   border-color: hsl(0, 0%, 93%);
   border-color: var(--color-disabled--secondary);
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
 .e-cSZjkHGw8- {
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -7657,7 +7819,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 ._40c6OIH33p8-.e-cSZjkHGw8- {
-  background-color: hsl(0, 0%, 72%);
+  background-color: hsl(0, 0%, 58%);
   background-color: var(--color-disabled);
 }
 
@@ -7667,7 +7829,7 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
 }
 
 .e-cSZjkHGw8-:hover {
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
 }
 
@@ -8592,7 +8754,7 @@ html.atlantisLightBoxActive {
   margin-right: -1px;
 }
 
-/* Border corners are rounded on the outside edges of the group  */
+/* Reset radii inside a group; specific rules will re-add outer rounding */
 
 .l87dJm2JnlA- {
   --public-field--top-left-radius: 0;
@@ -8601,6 +8763,8 @@ html.atlantisLightBoxActive {
   --public-field--bottom-right-radius: 0;
 }
 
+/* Vertical: restore outer rounding on first/last items */
+
 .RwhScbXCXw0- > :first-child:not(.xxMbKnv30VQ-) {
   --public-field--top-left-radius: var(--radius-base);
   --public-field--top-right-radius: var(--radius-base);
@@ -8611,26 +8775,72 @@ html.atlantisLightBoxActive {
   --public-field--bottom-right-radius: var(--radius-base);
 }
 
-/* First Horizontal Input Group */
+/* Horizontal: restore outer rounding on left/right items */
+
+.xxMbKnv30VQ- > :first-child:not(.xxMbKnv30VQ-) {
+  --public-field--top-left-radius: var(--radius-base);
+  --public-field--bottom-left-radius: var(--radius-base);
+}
+
+.xxMbKnv30VQ- > :last-child:not(.xxMbKnv30VQ-) {
+  --public-field--top-right-radius: var(--radius-base);
+  --public-field--bottom-right-radius: var(--radius-base);
+}
+
+/* Nested horizontal groups inside a horizontal parent */
+
+/* If the nested group is the first child, round its first field's left corners */
+
+/* If the nested group is not at the left edge, flatten its first field's left corners */
+
+.xxMbKnv30VQ- > .xxMbKnv30VQ-:not(:first-child) > :first-child {
+  --public-field--top-left-radius: 0;
+  --public-field--bottom-left-radius: 0;
+}
+
+/* If the nested group is not at the right edge, flatten its last field's right corners */
+
+.xxMbKnv30VQ- > .xxMbKnv30VQ-:not(:last-child) > :last-child {
+  --public-field--top-right-radius: 0;
+  --public-field--bottom-right-radius: 0;
+}
+
+/* Vertical group containing horizontal rows: control top/bottom rounding */
+
+/* First row: round only the outer top corners */
 
-.xxMbKnv30VQ-:first-child > :first-child {
+.RwhScbXCXw0- > .xxMbKnv30VQ-:first-child > :first-child {
   --public-field--top-left-radius: var(--radius-base);
 }
 
-.xxMbKnv30VQ-:first-child > :last-child {
+.RwhScbXCXw0- > .xxMbKnv30VQ-:first-child > :last-child {
   --public-field--top-right-radius: var(--radius-base);
 }
 
-/* Last Horizontal Input Group */
+/* Last row: round only the outer bottom corners */
 
-.xxMbKnv30VQ-:last-child > :first-child {
+.RwhScbXCXw0- > .xxMbKnv30VQ-:last-child > :first-child {
   --public-field--bottom-left-radius: var(--radius-base);
 }
 
-.xxMbKnv30VQ-:last-child > :last-child {
+.RwhScbXCXw0- > .xxMbKnv30VQ-:last-child > :last-child {
   --public-field--bottom-right-radius: var(--radius-base);
 }
 
+/* Middle rows: flatten top/bottom on both row edges */
+
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:first-child) > :first-child,
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:first-child) > :last-child {
+  --public-field--top-left-radius: 0;
+  --public-field--top-right-radius: 0;
+}
+
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:last-child) > :first-child,
+.RwhScbXCXw0- > .xxMbKnv30VQ-:not(:last-child) > :last-child {
+  --public-field--bottom-left-radius: 0;
+  --public-field--bottom-right-radius: 0;
+}
+
 /*****************************************************************************
    * In Atlantis, these `--public-field` properties are used in other components such
    * as InputGroup, therefore they must stay on :root
@@ -9535,7 +9745,7 @@ input.oOrjwubmsVA- {
 }
 
 .w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   cursor: not-allowed;
 }
@@ -9548,7 +9758,7 @@ input.oOrjwubmsVA- {
 .w1Rr3bk2t5g-[disabled]:checked + .gN41T07x0l0-::before {
   --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)
     var(--color-disabled);
-  border-color: hsl(0, 0%, 72%);
+  border-color: hsl(0, 0%, 58%);
   border-color: var(--color-disabled);
 }
 
@@ -9563,7 +9773,7 @@ input.oOrjwubmsVA- {
 }
 
 .w1Rr3bk2t5g-[disabled] + .gN41T07x0l0- + .Ke2WKKuvmRo- > p {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
 }
 
@@ -9661,7 +9871,7 @@ input.oOrjwubmsVA- {
 }
 
 .XGjk9DHJAmw-:disabled + .zulupkPyEs8- {
-  color: hsl(0, 0%, 72%);
+  color: hsl(0, 0%, 58%);
   color: var(--color-disabled);
   background: hsl(0, 0%, 93%);
   background: var(--color-disabled--secondary);
@@ -9685,7 +9895,7 @@ input.oOrjwubmsVA- {
 .XGjk9DHJAmw-:disabled:checked + .zulupkPyEs8- {
   color: hsl(0, 0%, 93%);
   color: var(--color-disabled--secondary);
-  background: hsl(0, 0%, 72%);
+  background: hsl(0, 0%, 58%);
   background: var(--color-disabled);
 }