@jobber/components 4.81.5-fix-inline.3 → 4.81.5-fix-inline.6

package/dist/styles.css

@@ -21,7 +21,7 @@
   padding: 0;
   border: calc(16px / 16) solid var(--color-color-border);
   border: var(--border-base) solid var(--color-color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   overflow: auto;
   scroll-behavior: smooth;
@@ -32,7 +32,7 @@
 .CX-N-e0e6og- h5 {
   padding: calc(16px / 2) 0 calc(16px / 4) calc(16px / 2);
   padding: var(--space-small) 0 var(--space-smaller) var(--space-small);
-  border-bottom: calc(16px / 16) solid rgb(1, 41, 57);
+  border-bottom: calc(16px / 16) solid rgb(1, 40, 55);
   border-bottom: var(--border-base) solid var(--color-border--section);
 }
 
@@ -72,14 +72,14 @@
 .ucQtG0iwqbo-:hover,
 .ucQtG0iwqbo-:focus,
 .ucQtG0iwqbo-.r8HS-ma79QE- {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
-  outline-color: rgb(147, 161, 169);
+  outline-color: rgb(131, 151, 160);
   outline-color: var(--color-focus);
 }
 
 .ucQtG0iwqbo-.ydwLX44YFZc-:not(:last-child) {
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
@@ -257,7 +257,7 @@
 }
 
 .pkqoq2KXY9w- {
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-blue);
 }
 
@@ -277,22 +277,22 @@
 }
 
 ._4-xdzcqT-Us- {
-  color: rgb(125, 176, 14);
+  color: rgb(50, 130, 28);
   color: var(--color-green);
 }
 
 .Zp9E7ELPjPA- {
-  color: rgb(201, 66, 33);
+  color: rgb(199, 20, 0);
   color: var(--color-red);
 }
 
 .v-Fo4PwPxDI- {
-  color: rgb(221, 195, 15);
+  color: rgb(209, 185, 46);
   color: var(--color-yellow);
 }
 
 .YrGUIChAZC0- {
-  color: rgb(144, 127, 10);
+  color: rgb(91, 79, 6);
   color: var(--color-yellow--dark);
 }
 
@@ -307,7 +307,7 @@
 }
 
 .fLix4jA-RkU- {
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
 }
 
@@ -317,35 +317,40 @@
 }
 
 .oXqFAHwT6y4- {
-  color: rgb(77, 105, 116);
+  color: rgb(78, 105, 116);
   color: var(--color-text--secondary);
 }
 
 .gPhKMwPfrsw- {
-  color: rgb(1, 27, 37);
+  color: rgb(1, 40, 55);
   color: var(--color-inactive--onSurface);
 }
 
 .rWkzi9HFNDU- {
-  color: rgb(128, 25, 0);
-  color: var(--color-critical--onSurface);
+  color: rgb(199, 20, 0);
+  color: var(--color-critical);
 }
 
 .PQLYQKGCmPI- {
-  color: rgb(144, 127, 10);
+  color: rgb(91, 79, 6);
   color: var(--color-warning--onSurface);
 }
 
 .L6bBDJrx-m0- {
-  color: rgb(39, 105, 146);
+  color: rgb(17, 66, 85);
   color: var(--color-informative--onSurface);
 }
 
 .bJDJJKvmT90- {
-  color: rgb(81, 114, 9);
+  color: rgb(14, 78, 26);
   color: var(--color-success--onSurface);
 }
 
+._99f--2dY5rg- {
+  color: rgb(50, 130, 28);
+  color: var(--color-interactive);
+}
+
 ._3g4iYm8XwkM- {
   color: rgb(181, 181, 181);
   color: var(--color-disabled);
@@ -410,6 +415,8 @@
   --field--placeholder-color: var(--color-greyBlue--light);
   --field--value-color: var(--color-heading);
   --field--border-color: var(--color-border);
+
+  --postfix-right: var(--space-base);
 }
 
 .geR7qBhrMfk- {
@@ -448,19 +455,19 @@
   width: 100%;
   height: calc(16px * 3);
   height: var(--field--height);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--field--border-color);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
-  border-top-right-radius: calc(16px / 8);
+  border-top-right-radius: 8px;
   border-top-right-radius: var(--public-field--top-right-radius);
-  border-bottom-right-radius: calc(16px / 8);
+  border-bottom-right-radius: 8px;
   border-bottom-right-radius: var(--public-field--bottom-right-radius);
-  border-bottom-left-radius: calc(16px / 8);
+  border-bottom-left-radius: 8px;
   border-bottom-left-radius: var(--public-field--bottom-left-radius);
-  border-top-left-radius: calc(16px / 8);
+  border-top-left-radius: 8px;
   border-top-left-radius: var(--public-field--top-left-radius);
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--field--value-color);
   font-size: calc((16px * 1) * 0.875);
   font-size: calc(calc(16px * 1) * 0.875);
@@ -477,7 +484,7 @@
   position: relative;
   z-index: var(--field--base-elevation);
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -523,7 +530,7 @@
 /* override iOS default styling for disabled input */
 
 ._1rsTLm5GwcM- :disabled {
-  -webkit-text-fill-color: rgb(1, 41, 57);
+  -webkit-text-fill-color: rgb(1, 40, 55);
   -webkit-text-fill-color: var(--field--value-color);
   opacity: 1;
 }
@@ -534,12 +541,14 @@
   --field--padding-top: var(--space-small);
   --field--padding-bottom: var(--space-small);
   --field--height: calc(var(--space-larger) + var(--space-smaller));
+  --postfix-right: calc(var(--space-small) + var(--space-smaller));
 }
 
 .Ku8sWS0mLew- {
   --field--padding-left: var(--space-large);
   --field--padding-right: var(--space-large);
   --field--height: calc(var(--space-extravagant));
+  --postfix-right: var(--space-large);
 }
 
 ._5Hu2F3cBvng- {
@@ -713,7 +722,7 @@
   position: absolute;
   top: 50%;
   right: calc(16px * 1);
-  right: var(--space-base);
+  right: var(--postfix-right);
   z-index: var(--field--postfix-elevation);
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
@@ -793,24 +802,25 @@
   --button--color-primaryLabel: var(--color-surface);
 
   --button--duration-loading: var(--timing-loading--extended);
+
+  --button--size: 40px;
 }
 
 .U9VsquOtk2I- {
   display: -ms-inline-flexbox;
   display: inline-flex;
-  min-height: calc(16px * 2.25);
-  min-height: calc(var(--base-unit) * 2.25);
+  min-height: 40px;
+  min-height: var(--button--size);
   box-sizing: border-box;
   margin: 0;
-  border: calc(16px / 16) solid rgb(125, 176, 14);
+  border: calc(16px / 16) solid rgb(50, 130, 28);
   border: var(--border-base) solid var(--button--color-variation);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
-  color: rgb(125, 176, 14);
+  color: rgb(50, 130, 28);
   color: var(--button--color-variation);
   -webkit-font-smoothing: antialiased;
-  letter-spacing: calc(16px / 40);
-  letter-spacing: var(--typography--letterSpacing-loose);
+  line-height: 1;
   text-align: center;
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -822,7 +832,7 @@
   transition: all var(--timing-base) ease-out;
   -webkit-appearance: none;
           appearance: none;
-  fill: rgb(125, 176, 14);
+  fill: rgb(50, 130, 28);
   fill: var(--button--color-variation);
   -ms-flex-align: center;
       align-items: center;
@@ -830,11 +840,6 @@
       justify-content: center;
 }
 
-.jobber-retheme .U9VsquOtk2I- {
-  min-height: calc(16px * 2.5);
-  min-height: calc(var(--base-unit) * 2.5);
-}
-
 .U9VsquOtk2I- * {
   fill: inherit !important;
 }
@@ -844,29 +849,19 @@
   /* required to over-ride very specific fill from <Icon> */
 }
 
-.jobber-retheme .U9VsquOtk2I- * {
-  font-weight: 600 !important;
-}
-
-.jobber-retheme .U9VsquOtk2I- * {
-  line-height: 1;
-  letter-spacing: 0;
-  /* post-retheme this can move into the TSX on L177 */
-}
-
 .U9VsquOtk2I-:hover,
 a.U9VsquOtk2I-:hover,
 .U9VsquOtk2I-:focus-visible,
 a.U9VsquOtk2I-:focus-visible,
 .U9VsquOtk2I-:active,
 a.U9VsquOtk2I-:active {
-  border-color: rgb(81, 114, 9);
+  border-color: rgb(14, 78, 26);
   border-color: var(--button--color-variation--hover);
-  color: rgb(81, 114, 9);
+  color: rgb(14, 78, 26);
   color: var(--button--color-variation--hover);
-  fill: rgb(81, 114, 9);
+  fill: rgb(14, 78, 26);
   fill: var(--button--color-variation--hover);
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--button--color-surface--hover);
 }
 
@@ -875,7 +870,7 @@ a.U9VsquOtk2I-:focus-visible,
 .U9VsquOtk2I-:active,
 a.U9VsquOtk2I-:active {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: transparent;
 }
@@ -887,12 +882,8 @@ a.U9VsquOtk2I-:active {
   --button--color-variation--hover: var(--color-interactive--hover);
 }
 
-.jsKQEOBdJ0k- {
-  --button--color-variation: var(--color-informative);
-  --button--color-variation--hover: var(--color-informative--onSurface);
-}
-
-.jobber-retheme .jsKQEOBdJ0k- {
+.jsKQEOBdJ0k-,
+.vDKO-cmh8vY- {
   --button--color-variation: var(--color-interactive--subtle);
   --button--color-variation--hover: var(--color-interactive--subtle--hover);
 }
@@ -902,13 +893,6 @@ a.U9VsquOtk2I-:active {
   --button--color-variation--hover: var(--color-destructive--hover);
 }
 
-/* Subtle is special because, by default, it's styled as a secondary button */
-
-.vDKO-cmh8vY- {
-  --button--color-variation: var(--color-interactive--subtle);
-  --button--color-variation--hover: var(--color-interactive--subtle--hover);
-}
-
 /* Type */
 
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-),
@@ -916,7 +900,7 @@ a.U9VsquOtk2I-:active {
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {
   color: rgba(255, 255, 255, 1);
   color: var(--button--color-primaryLabel);
-  background-color: rgb(125, 176, 14);
+  background-color: rgb(50, 130, 28);
   background-color: var(--button--color-variation);
   fill: rgba(255, 255, 255, 1);
   fill: var(--button--color-primaryLabel);
@@ -924,14 +908,14 @@ a.U9VsquOtk2I-:active {
 
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):hover,
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {
-  background-color: rgb(81, 114, 9);
+  background-color: rgb(14, 78, 26);
   background-color: var(--button--color-variation--hover);
 }
 
 .vDKO-cmh8vY-.FXqN12jWtPo- {
-  color: rgb(125, 176, 14);
+  color: rgb(50, 130, 28);
   color: var(--button--color-variation);
-  fill: rgb(125, 176, 14);
+  fill: rgb(50, 130, 28);
   fill: var(--button--color-variation);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--button--color-surface);
@@ -939,31 +923,25 @@ a.U9VsquOtk2I-:active {
 
 .pf6G840lKdA-,
 .vDKO-cmh8vY-.FXqN12jWtPo- {
-  border-color: rgb(125, 176, 14);
-  border-color: var(--button--color-variation);
-}
-
-.jobber-retheme .pf6G840lKdA-,
-.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo- {
-  border-color: rgb(217, 223, 225);
+  border-color: rgb(218, 224, 226);
   border-color: var(--color-border);
 }
 
 .vDKO-cmh8vY-.FXqN12jWtPo-:hover,
 .vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {
-  color: rgb(81, 114, 9);
+  color: rgb(14, 78, 26);
   color: var(--button--color-variation--hover);
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--button--color-surface--hover);
-  fill: rgb(81, 114, 9);
+  fill: rgb(14, 78, 26);
   fill: var(--button--color-variation--hover);
 }
 
-.jobber-retheme .pf6G840lKdA-:hover,
-.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo-:hover,
-.jobber-retheme .pf6G840lKdA-:focus-visible,
-.jobber-retheme .vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {
-  border-color: rgb(81, 114, 9);
+.pf6G840lKdA-:hover,
+.vDKO-cmh8vY-.FXqN12jWtPo-:hover,
+.pf6G840lKdA-:focus-visible,
+.vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {
+  border-color: rgb(14, 78, 26);
   border-color: var(--button--color-variation--hover);
 }
 
@@ -977,36 +955,33 @@ a.U9VsquOtk2I-:active {
   border-color: transparent;
 }
 
-.jobber-retheme .m7DbwRZWcNk- {
-  border-color: rgb(217, 223, 225);
-  border-color: var(--color-border);
+.m7DbwRZWcNk- {
+  border-color: transparent;
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+  text-decoration-thickness: calc(16px / 8);
+  text-decoration-thickness: var(--border-thick);
+  text-underline-offset: calc(16px / 8);
+  text-underline-offset: var(--space-smallest);
 }
 
 .vDKO-cmh8vY-.pf6G840lKdA-:hover,
 .vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--button--color-surface--hover);
 }
 
-.m7DbwRZWcNk-:hover,
-.m7DbwRZWcNk-:focus-visible,
-a.m7DbwRZWcNk-:hover,
-a.m7DbwRZWcNk-:focus-visible,
 .vDKO-cmh8vY-.pf6G840lKdA-:hover,
 .vDKO-cmh8vY-.pf6G840lKdA-:focus-visible,
 a.vDKO-cmh8vY-.pf6G840lKdA-:hover,
-a.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {
+a.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible,
+.m7DbwRZWcNk-:hover,
+.m7DbwRZWcNk-:focus-visible,
+a.m7DbwRZWcNk-:hover,
+a.m7DbwRZWcNk-:focus-visible {
   border-color: transparent;
 }
 
-.jobber-retheme .m7DbwRZWcNk-:hover,
-.jobber-retheme .m7DbwRZWcNk-:focus-visible,
-.jobber-retheme a.m7DbwRZWcNk-:hover,
-.jobber-retheme a.m7DbwRZWcNk-:focus-visible {
-  border-color: rgb(81, 114, 9);
-  border-color: var(--button--color-variation--hover);
-}
-
 .vDKO-cmh8vY-.m7DbwRZWcNk- {
   border-color: transparent;
   background-color: transparent;
@@ -1016,10 +991,11 @@ a.vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {
 .vDKO-cmh8vY-.m7DbwRZWcNk-:focus-visible,
 a.vDKO-cmh8vY-.m7DbwRZWcNk-:hover,
 a.vDKO-cmh8vY-.m7DbwRZWcNk-:focus-visible {
-  border-color: transparent;
-  color: rgb(66, 78, 86);
+  color: rgb(1, 25, 35);
   color: var(--color-interactive--subtle--hover);
-  fill: rgb(66, 78, 86);
+  background-color: rgb(241, 239, 233);
+  background-color: var(--color-surface--hover);
+  fill: rgb(1, 25, 35);
   fill: var(--color-interactive--subtle--hover);
 }
 
@@ -1047,48 +1023,19 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 /* Sizes */
 
 .STSDgSRREx4- {
-  min-height: calc(16px * 1.5);
-  min-height: calc(var(--base-unit) * 1.5);
-  padding: 0 calc(16px / 2);
-  padding: 0 var(--space-small);
-  letter-spacing: 0;
-}
-
-.jobber-retheme .STSDgSRREx4- {
-  min-height: calc(16px * 1.5);
-  min-height: var(--space-large);
+  --button--size: 24px;
   padding: calc(16px / 2) calc((16px * 1) - (16px / 4));
   padding: calc(16px / 2) calc(calc(16px * 1) - calc(16px / 4));
   padding: var(--space-small) calc(var(--space-base) - var(--space-smaller));
 }
 
-.jobber-retheme .STSDgSRREx4- span {
-  font-size: calc((16px * 1) * 0.875);
-  font-size: calc(calc(16px * 1) * 0.875);
-  font-size: var(--typography--fontSize-base);
-}
-
 .amIh7vPETfo- {
-  padding: 0 calc((16px * 1) - (16px / 4));
-  padding: 0 calc(calc(16px * 1) - calc(16px / 4));
-  padding: 0 calc(var(--space-base) - var(--space-smaller));
-}
-
-.jobber-retheme .amIh7vPETfo- {
   padding: 0 calc(16px * 1);
   padding: 0 var(--space-base);
 }
 
 .ON6ezOojFVo- {
-  min-height: calc(16px * 3);
-  min-height: calc(var(--base-unit) * 3);
-  padding: 0 calc(16px * 1);
-  padding: 0 var(--space-base);
-}
-
-.jobber-retheme .ON6ezOojFVo- {
-  min-height: calc(16px * 3);
-  min-height: calc(var(--base-unit) * 3);
+  --button--size: 48px;
   padding: 0 calc((16px * 1) + (16px / 4));
   padding: 0 calc(calc(16px * 1) + calc(16px / 4));
   padding: 0 calc(var(--space-base) + var(--space-smaller));
@@ -1102,66 +1049,30 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .Qq-idRLJTCk- {
-  width: calc(16px * 2.25);
-  width: calc(var(--base-unit) * 2.25);
+  width: 40px;
+  width: var(--button--size);
   padding: 0;
 }
 
-.Qq-idRLJTCk-.STSDgSRREx4- {
-  width: calc((16px / 2) * 3);
-  width: calc(calc(16px / 2) * 3);
-  width: calc(var(--space-small) * 3);
-}
-
-.Qq-idRLJTCk-.amIh7vPETfo- {
-  width: calc((16px * 1) * 2.25);
-  width: calc(calc(16px * 1) * 2.25);
-  width: calc(var(--space-base) * 2.25);
-}
-
-.jobber-retheme .Qq-idRLJTCk-.amIh7vPETfo- {
-  width: calc((16px * 1) * 2.5);
-  width: calc(calc(16px * 1) * 2.5);
-  width: calc(var(--space-base) * 2.5);
-}
-
-.Qq-idRLJTCk-.ON6ezOojFVo- {
-  width: calc((16px * 1.5) * 2);
-  width: calc(calc(16px * 1.5) * 2);
-  width: calc(var(--space-large) * 2);
-}
-
 .EWh1gvgPJQg- {
   width: auto;
-  gap: calc(16px / 2);
-  gap: var(--space-small);
-}
-
-.jobber-retheme .EWh1gvgPJQg- {
   gap: calc(16px / 4);
   gap: var(--space-smaller);
 }
 
-/* Don't want to move things that will update after re-theme */
-
-/* stylelint-disable-next-line no-descending-specificity */
-
 .EWh1gvgPJQg- > * {
   text-align: left;
 }
 
-.pfzTUMgNb3o- > *:first-child {
-  -ms-flex-order: 1;
-      order: 1;
-}
-
-.jobber-retheme .EWh1gvgPJQg- > *:first-child {
+.EWh1gvgPJQg- > *:first-child {
   margin-left: calc((16px / 4) * -1);
   margin-left: calc(calc(16px / 4) * -1);
   margin-left: calc(var(--space-smaller) * -1);
 }
 
-.jobber-retheme .pfzTUMgNb3o- > *:first-child {
+.pfzTUMgNb3o- > *:first-child {
+  -ms-flex-order: 1;
+      order: 1;
   margin-left: 0;
   margin-right: calc((16px / 4) * -1);
   margin-right: calc(calc(16px / 4) * -1);
@@ -1261,7 +1172,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border: none;
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  background-color: rgb(238, 240, 242);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--background);
   cursor: pointer;
   -ms-flex-pack: center;
@@ -1277,13 +1188,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .t1fFX8kDJh8-:hover,
 .t1fFX8kDJh8-:focus-visible {
   outline: none;
-  background-color: rgb(238, 240, 242);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--background);
 }
 
 .t1fFX8kDJh8-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -1313,7 +1224,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .xybhC5Y6mk4-:focus {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
@@ -1324,7 +1235,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   height: calc(16px * 2);
   height: var(--space-larger);
   box-shadow: 0px 0px 4px 2px rgba(1, 41, 57, 0.4);
-  border: solid rgb(77, 105, 116);
+  border: solid rgb(78, 105, 116);
   border: solid var(--color-blue--light);
   border-top-color: rgba(255, 255, 255, 1);
   border-top-color: var(--color-white);
@@ -1333,7 +1244,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border-width: calc(var(--space-small) * 0.75);
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  background-color: rgb(217, 223, 225);
+  background-color: rgb(218, 224, 226);
   background-color: var(--color-blue--lightest);
   -webkit-animation-duration: calc(500ms * 2);
   -webkit-animation-duration: calc(var(--timing-slowest) * 2);
@@ -1411,7 +1322,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   min-height: var(--avatar-size);
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
   font-size: calc(16px * 2);
   font-size: var(--avatar-size);
@@ -1423,7 +1334,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .WniTNadEyPk-:focus {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
@@ -1477,28 +1388,21 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       rgba(0, 0, 0, 0.1),
     0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--shadow-base);
-  padding: calc(16px * 1);
-  padding: var(--space-base);
-  color: rgb(66, 78, 86);
-  color: var(--color-text);
-  background-color: rgb(238, 240, 242);
-  background-color: var(--color-surface--background);
-  gap: calc(16px / 2);
-  gap: var(--space-small);
-  -ms-flex-align: center;
-      align-items: center;
-}
-
-.jobber-retheme .meuT8gYQPJU- {
   padding: calc((16px * 1) - (16px / 4)) calc(16px * 1);
   padding: calc(calc(16px * 1) - calc(16px / 4)) calc(16px * 1);
   padding: calc(var(--space-base) - var(--space-smaller)) var(--space-base);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
+  color: rgb(66, 78, 86);
+  color: var(--color-text);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
+  gap: calc(16px / 2);
+  gap: var(--space-small);
+  -ms-flex-align: center;
+      align-items: center;
 }
 
 .y4BapyZr-fo- > a {
@@ -1507,7 +1411,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .y4BapyZr-fo- > a:hover {
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-blue);
 }
 
@@ -1587,30 +1491,27 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   margin: calc((16px / 8) * -1) 0;
   margin: calc(calc(16px / 8) * -1) 0;
   margin: calc(var(--space-smallest) * -1) 0;
-  padding: calc(16px / 8);
-  padding: var(--space-smallest);
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-  -webkit-appearance: none;
-          appearance: none;
-  -ms-flex: 0;
-      flex: 0;
   -ms-flex-item-align: start;
       align-self: flex-start;
 }
 
-.lunQ5SOfyLg-:hover {
-  background: rgba(0, 0, 0, 0.025);
+@media (max-width: 489px) {
+
+.lunQ5SOfyLg- {
+    margin: calc((16px / 2) * -1) 0;
+    margin: calc(calc(16px / 2) * -1) 0;
+    margin: calc(var(--space-small) * -1) 0;
 }
+  }
 
-.lunQ5SOfyLg-:focus {
-  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
-  box-shadow: var(--shadow-focus);
-  outline: none;
-  background: rgba(0, 0, 0, 0.05);
+@media (--small-screens-and-below) {
+
+.lunQ5SOfyLg- {
+    margin: calc((16px / 2) * -1) 0;
+    margin: calc(calc(16px / 2) * -1) 0;
+    margin: calc(var(--space-small) * -1) 0;
 }
+  }
 
 .SG8xSJADp2k- {
   display: -ms-inline-flexbox;
@@ -1619,49 +1520,27 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: var(--space-smaller);
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  background-color: rgb(238, 240, 242);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--background);
 }
 
-.jobber-retheme .bocgLmEhcTU- .SG8xSJADp2k- {
+.bocgLmEhcTU- .SG8xSJADp2k- {
   -ms-flex-item-align: center;
       align-self: center;
 }
 
-.wWW-2T7rCV0- {
-  background-color: rgb(226, 241, 250);
-  background-color: var(--color-informative--surface);
-}
-
-/* Our Banner "surface" colors should be lighter than they are so we're leaving the following alone for now */
-
-._7h8FUHIkVjg- {
-  background-color: rgb(203, 223, 159);
-  background-color: var(--color-green--lighter);
-}
-
-.d5fXcE1L0lc- {
-  background-color: rgb(241, 231, 159);
-  background-color: var(--color-yellow--lighter);
-}
-
-.oYaw-T3c0IU- {
-  background-color: rgb(255, 206, 194);
-  background-color: var(--color-red--lighter);
-}
-
 ._5-B0X5vn0eA- {
-  background-color: rgb(125, 176, 14);
+  background-color: rgb(50, 130, 28);
   background-color: var(--color-success);
 }
 
 .r3hqur-vxwI- {
-  background-color: rgb(201, 66, 33);
+  background-color: rgb(199, 20, 0);
   background-color: var(--color-destructive);
 }
 
 .-c8TbjyV5YU- {
-  background-color: rgb(221, 195, 15);
+  background-color: rgb(209, 185, 46);
   background-color: var(--color-warning);
 }
 
@@ -1674,17 +1553,16 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   --card--accent-color: var(--color-grey);
   --card--base-padding: var(--space-base);
   --card--border: var(--border-base) solid var(--color-border);
-  --card--header-background: var(--color-surface--background);
 }
 
 ._2wxPdv7kELk- {
   display: block;
   width: 100%;
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--card--border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
-  outline-color: rgb(147, 161, 169);
+  outline-color: rgb(131, 151, 160);
   outline-color: var(--color-focus);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -1694,10 +1572,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   outline: 0;
 }
 
-:root .jobber-retheme ._2wxPdv7kELk-:not(.tRfpysqqk8s-) {
-  --card--header-background: transparent;
-}
-
 /* Adjust `Content` components public padding to match the cards */
 
 ._2wxPdv7kELk- > * {
@@ -1722,7 +1596,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   margin: 0 calc(-1 * var(--border-base));
   border-top: 0.375rem solid rgb(181, 181, 181);
   border-top: 0.375rem solid var(--card--accent-color);
-  border-radius: calc(16px / 8) calc(16px / 8) 0 0;
+  border-radius: 8px 8px 0 0;
   border-radius: var(--radius-base) var(--radius-base) 0 0;
 }
 
@@ -1743,7 +1617,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .tRfpysqqk8s-:hover,
 .tRfpysqqk8s-:focus {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
@@ -1752,8 +1626,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   display: flex;
   padding: calc(16px * 1);
   padding: var(--card--base-padding);
-  background-color: rgb(238, 240, 242);
-  background-color: var(--card--header-background);
+  padding-bottom: 0;
   -ms-flex-pack: justify;
       justify-content: space-between;
   -ms-flex-align: start;
@@ -1762,18 +1635,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   gap: var(--space-small);
 }
 
-.jobber-retheme .fAPeD1InvAI- {
-  padding-bottom: 0;
-}
-
-.jobber-retheme .fAPeD1InvAI- h3 {
-  font-family: "Inter", Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-normal);
-  font-size: calc((16px * 1) * 1.5);
-  font-size: calc(calc(16px * 1) * 1.5);
-  font-size: var(--typography--fontSize-largest);
-}
-
 .vvT4WQQNm1A- {
   --card--accent-color: var(--color-request);
 }
@@ -2139,7 +2000,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-shadow: var(--shadow-base);
   padding: var(--menu-space);
   padding-bottom: calc(env(safe-area-inset-bottom) + var(--menu-space));
-  border-radius: calc(16px / 8) calc(16px / 8) 0 0;
+  border-radius: 8px 8px 0 0;
   border-radius: var(--radius-base) var(--radius-base) 0 0;
   -webkit-overflow-scrolling: touch;
   overflow-y: scroll;
@@ -2155,9 +2016,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
     width: calc(16px * 12.5);
     width: calc(var(--base-unit) * 12.5);
     padding: var(--menu-space);
-    border: calc(16px / 16) solid rgb(217, 223, 225);
+    border: calc(16px / 16) solid rgb(218, 224, 226);
     border: var(--border-base) solid var(--color-border);
-    border-radius: calc(16px / 8);
+    border-radius: 8px;
     border-radius: var(--radius-base);
     overflow: auto;
 }
@@ -2171,9 +2032,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
     width: calc(16px * 12.5);
     width: calc(var(--base-unit) * 12.5);
     padding: var(--menu-space);
-    border: calc(16px / 16) solid rgb(217, 223, 225);
+    border: calc(16px / 16) solid rgb(218, 224, 226);
     border: var(--border-base) solid var(--color-border);
-    border-radius: calc(16px / 8);
+    border-radius: 8px;
     border-radius: var(--radius-base);
     overflow: auto;
 }
@@ -2247,7 +2108,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .LaKFjYCLHZc- {
   padding: var(--menu-space) 0;
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
@@ -2261,10 +2122,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 ._7HB7dWnqCi0- {
-  padding: var(--menu-space);
-}
-
-.jobber-retheme ._7HB7dWnqCi0- {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
@@ -2272,24 +2129,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc(var(--menu-space) * 1.5) var(--menu-space);
 }
 
-.jobber-retheme ._7HB7dWnqCi0- h6 {
-  /* can move into the Typography component post re-theme */
-  font-size: calc((16px * 1) * 0.875);
-  font-size: calc(calc(16px * 1) * 0.875);
-  font-size: var(--typography--fontSize-base);
-  font-weight: 400;
-  text-transform: none;
-}
-
 .ZuceCiefKqw- {
   display: -ms-flexbox;
   display: flex;
-  gap: calc(16px * 1);
-  gap: var(--space-base);
+  gap: var(--menu-space);
   width: 100%;
   padding: var(--menu-space);
   border: none;
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   background-color: transparent;
   cursor: pointer;
@@ -2297,29 +2144,17 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       align-items: center;
 }
 
-.jobber-retheme .ZuceCiefKqw- {
-  gap: var(--menu-space);
-}
-
 .ZuceCiefKqw-:hover,
 .ZuceCiefKqw-:focus-visible {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
-  outline-color: rgb(147, 161, 169);
+  outline-color: rgb(131, 151, 160);
   outline-color: var(--color-focus);
 }
 
-.jobber-retheme .ZuceCiefKqw- span {
-  /* can move into the Typography component post re-theme */
-  color: rgb(77, 105, 116);
-  color: var(--color-text--secondary);
-  font-weight: 600;
-}
-
-.jobber-retheme .Bz8TONF8kws- path {
-  /* can move into the Icon component post re-theme */
-  fill: rgba(101, 120, 132, 1);
-  fill: var(--color-interactive--subtle);
+.ZuceCiefKqw- span {
+  /* match appearance of Button labels */
+  -webkit-font-smoothing: antialiased;
 }
 
 .eKnUAucwwWU- {
@@ -2362,15 +2197,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   white-space: nowrap;
 }
 
-.d-2MyyzKGN0- {
-  --checkbox-size: var(--space-base);
+.S4ILp9Wc1GY- {
+  --checkbox--size: 20px;
+  --checkbox--border--checked: var(--color-interactive);
+  --checkbox--border--unchecked: var(--color-border);
+  --checkbox--border--hover: var(--color-interactive);
   display: inline-block;
 }
 
-.jobber-retheme .d-2MyyzKGN0- {
-  --checkbox-size: calc(var(--space-base) + var(--space-smaller));
-}
-
 .OFHQaLxY8zI- {
   display: -ms-flexbox;
   display: flex;
@@ -2383,6 +2217,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .HRrf3AZlpHc- {
+  --checkbox--border--checked: var(--color-disabled--secondary);
+  --checkbox--border--unchecked: var(--color-disabled--secondary);
+  --checkbox--border--hover: var(--color-disabled--secondary);
   cursor: not-allowed;
 }
 
@@ -2405,13 +2242,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .lOQVnJA7zPM- {
   display: -ms-flexbox;
   display: flex;
-  width: var(--checkbox-size);
-  height: var(--checkbox-size);
+  width: var(--checkbox--size);
+  height: var(--checkbox--size);
   box-sizing: border-box;
-  border: calc(16px / 8) solid rgb(125, 176, 14);
-  border: var(--border-thick) solid var(--color-interactive);
-  border-radius: calc(16px / 8);
-  border-radius: var(--radius-base);
+  border: calc(16px / 8) solid var(--checkbox--border--unchecked);
+  border: var(--border-thick) solid var(--checkbox--border--unchecked);
+  border-radius: calc(8px / 2);
+  border-radius: var(--radius-small);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
   transition: all 100ms ease-out;
@@ -2422,38 +2259,24 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       align-items: center;
 }
 
-.HRrf3AZlpHc- .lOQVnJA7zPM- {
-  border-color: rgb(225, 225, 225);
-  border-color: var(--color-disabled--secondary);
-}
-
-.jobber-retheme .lOQVnJA7zPM- {
-  border-color: rgb(217, 223, 225);
-  border-color: var(--color-border);
-  border-radius: calc(16px / 16);
-  border-radius: var(--radius-small);
+.lOQVnJA7zPM-:hover,
+.S4ILp9Wc1GY-:hover .lOQVnJA7zPM- {
+  border-color: var(--checkbox--border--hover);
 }
 
 .rup0RBe4DNU-.Njn2CQDXwVA- + .lOQVnJA7zPM-,
 .rup0RBe4DNU-:checked + .lOQVnJA7zPM- {
-  border-color: rgb(125, 176, 14);
-  border-color: var(--color-interactive);
-  background-color: rgb(125, 176, 14);
+  border-color: var(--checkbox--border--checked);
+  background-color: rgb(50, 130, 28);
   background-color: var(--color-interactive);
 }
 
 .rup0RBe4DNU-:focus-visible + .lOQVnJA7zPM- {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
-.jobber-retheme .lOQVnJA7zPM-:hover,
-.jobber-retheme .d-2MyyzKGN0-:hover .lOQVnJA7zPM- {
-  border-color: rgb(125, 176, 14);
-  border-color: var(--color-interactive);
-}
-
 .HRrf3AZlpHc- p {
   color: rgb(181, 181, 181);
   color: var(--color-disabled);
@@ -2465,8 +2288,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .HRrf3AZlpHc- .rup0RBe4DNU-.Njn2CQDXwVA- + .lOQVnJA7zPM-,
 .HRrf3AZlpHc- .rup0RBe4DNU-:checked + .lOQVnJA7zPM- {
-  border-color: rgb(225, 225, 225);
-  border-color: var(--color-disabled--secondary);
   background-color: rgb(225, 225, 225);
   background-color: var(--color-disabled--secondary);
 }
@@ -2479,9 +2300,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .eHENKCs5umc- {
   margin: 0 calc(16px / 2);
   margin: 0 var(--space-small);
-}
-
-.jobber-retheme .eHENKCs5umc- {
   margin-top: calc(16px / 8);
   margin-top: var(--space-smallest);
 }
@@ -2489,9 +2307,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .fSEH0cAO9cI- {
   margin-bottom: calc(16px / 2);
   margin-bottom: var(--space-small);
-  padding-left: calc(var(--checkbox-size) + (16px / 2));
-  padding-left: calc(var(--checkbox-size) + calc(16px / 2));
-  padding-left: calc(var(--checkbox-size) + var(--space-small));
+  padding-left: calc(var(--checkbox--size) + (16px / 2));
+  padding-left: calc(var(--checkbox--size) + calc(16px / 2));
+  padding-left: calc(var(--checkbox--size) + var(--space-small));
 }
 
 :root {
@@ -2516,7 +2334,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border: var(--border-base) solid transparent;
   border-radius: 20px;
   border-radius: var(--chip-radius);
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
   text-align: left;
   cursor: pointer;
@@ -2533,7 +2351,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .af7U8MvcbHE-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -2585,7 +2403,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   height: var(--base-unit);
   margin: 0 calc(16px / 2);
   margin: 0 var(--space-small);
-  background-color: rgb(77, 105, 116);
+  background-color: rgb(78, 105, 116);
   background-color: var(--color-text--secondary);
 }
 
@@ -2599,7 +2417,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .wSI5L-5rODg- {
   border: calc(16px / 16) solid transparent;
   border: var(--border-base) solid transparent;
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
   background-color: var(--chip-base-bg);
   --chip--gradient-color-variation: var(--chip-base-bg);
@@ -2617,9 +2435,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .Mux23dmZSuw-.SmUxkzpIC84-,
 .Mux23dmZSuw-.SmUxkzpIC84-:hover,
 .Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {
-  border: calc(16px / 16) solid rgb(201, 66, 33);
+  border: calc(16px / 16) solid rgb(199, 20, 0);
   border: var(--border-base) solid var(--color-critical);
-  background-color: rgb(255, 226, 219);
+  background-color: rgb(250, 237, 234);
   background-color: var(--color-critical--surface);
   --chip--gradient-color-variation: var(--color-critical--surface);
   --chip--gradient-color-variation--hover: var(--color-critical--surface);
@@ -2629,7 +2447,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .SmUxkzpIC84-:focus-visible,
 .Mux23dmZSuw-.SmUxkzpIC84-:hover,
 .Mux23dmZSuw-.SmUxkzpIC84-:focus-visible {
-  background-color: rgb(193, 201, 206);
+  background-color: rgb(231, 229, 217);
   background-color: var(--color-surface--background--hover);
   --chip--gradient-color-variation: var(--color-surface--background--hover);
   --chip--gradient-color-variation--hover: var(
@@ -2638,7 +2456,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .Mux23dmZSuw- {
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -2781,15 +2599,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc((16px * 1) - (16px / 8)) calc(16px * 1);
   padding: calc(calc(16px * 1) - calc(16px / 8)) calc(16px * 1);
   padding: calc(var(--space-base) - var(--space-smallest)) var(--space-base);
-  border-radius: calc(16px / 2);
-  border-radius: var(--radius-larger);
-  background-color: rgb(1, 41, 57);
-  background-color: var(--tooltip--surface);
-}
-
-.jobber-retheme .yAFP4gRKlTM- {
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
+  background-color: rgb(1, 40, 55);
+  background-color: var(--tooltip--surface);
 }
 
 .yAFP4gRKlTM- .j9KgRON7iTU-,
@@ -2805,7 +2618,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   content: "";
   display: block;
   position: absolute;
-  background-color: rgb(1, 41, 57);
+  background-color: rgb(1, 40, 55);
   background-color: var(--tooltip--surface);
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
@@ -2911,11 +2724,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-sizing: border-box;
   padding: calc(16px / 2);
   padding: var(--space-small);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 2);
+  border-radius: calc(8px * 3);
   border-radius: var(--radius-larger);
-  color: rgb(77, 105, 116);
+  color: rgb(78, 105, 116);
   color: var(--color-text--secondary);
   text-align: left;
   vertical-align: middle;
@@ -2972,7 +2785,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .PEnZzMEgbhU-:focus,
 .W4D98cvEth4-:focus ~ .PEnZzMEgbhU- {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
@@ -2980,7 +2793,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .SNT7gGV-h-o-:hover,
 .W4D98cvEth4- ~ .PEnZzMEgbhU-:not(._0hEzaTXK9M0-):hover,
 .W4D98cvEth4-:focus ~ .PEnZzMEgbhU-:not(._0hEzaTXK9M0-) {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
@@ -2989,20 +2802,20 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
  */
 
 .PEnZzMEgbhU-._0hEzaTXK9M0- {
-  border-color: rgb(1, 41, 57);
+  border-color: rgb(1, 40, 55);
   border-color: var(--color-surface--reverse);
   color: rgba(255, 255, 255, 1);
   color: var(--color-text--reverse);
-  background-color: rgb(1, 41, 57);
+  background-color: rgb(1, 40, 55);
   background-color: var(--color-surface--reverse);
 }
 
 .PEnZzMEgbhU-.JApS2787BU8- {
-  border-color: rgb(128, 25, 0);
+  border-color: rgb(87, 9, 0);
   border-color: var(--color-critical--onSurface);
-  color: rgb(128, 25, 0);
+  color: rgb(87, 9, 0);
   color: var(--color-critical--onSurface);
-  background-color: rgb(255, 226, 219);
+  background-color: rgb(250, 237, 234);
   background-color: var(--color-critical--surface);
 }
 
@@ -3025,7 +2838,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .JApS2787BU8-.Kg0c8WVgMpg- {
-  border-color: rgb(201, 66, 33);
+  border-color: rgb(199, 20, 0);
   border-color: var(--color-critical);
 }
 
@@ -3053,7 +2866,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 ._0-ZWexS4Gfg- {
   display: -ms-flexbox;
   display: flex;
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   cursor: pointer;
   transition: background-color 200ms ease;
@@ -3061,14 +2874,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 ._0-ZWexS4Gfg-:hover,
 ._0-ZWexS4Gfg-:focus {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
 ._0-ZWexS4Gfg-:focus,
 .SNT7gGV-h-o- ._0-ZWexS4Gfg-:hover {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
@@ -3082,7 +2895,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
  */
 
 .DQPnZP4UZpw- > svg {
-  fill: rgba(101, 120, 132, 1);
+  fill: rgb(1, 40, 55);
   fill: var(--color-interactive--subtle);
 }
 
@@ -3098,7 +2911,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-sizing: border-box;
   border: calc(16px / 16) solid transparent;
   border: var(--border-base) solid transparent;
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   transition: all 200ms;
   transition: all var(--timing-base);
@@ -3149,7 +2962,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-shadow: var(--shadow-base);
   padding: calc(16px / 2) 0;
   padding: var(--space-small) 0;
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   overflow-y: scroll;
   background-color: rgba(255, 255, 255, 1);
@@ -3176,14 +2989,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .y7Cz2u8BuNE-:focus {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
 .y7Cz2u8BuNE-:focus,
 .iCwWdcmtInc- {
   outline: none;
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
@@ -3204,20 +3017,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-shadow: var(--shadow-base);
   margin-top: calc(16px / 2);
   margin-top: var(--space-small);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 2);
-  border-radius: var(--radius-larger);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   overflow: auto;
   background: rgba(255, 255, 255, 1);
   background: var(--color-surface);
 }
 
-.jobber-retheme .m1w5vdUZ6rQ- {
-  border-radius: calc(16px / 8);
-  border-radius: var(--radius-base);
-}
-
 /* CAUTION: Tests for content visibility assume this class' presence hides the content
 * so please be careful if you change this class name, or the css rules within.
 */
@@ -3234,7 +3042,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .m1w5vdUZ6rQ-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -3269,7 +3077,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding-right: calc(calc(16px * 1.5) * 2.25);
   padding-right: calc(var(--space-large) * 2.25);
   border: none;
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
   font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
@@ -3306,7 +3114,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border: none;
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  background-color: rgb(238, 240, 242);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--background);
   cursor: pointer;
   -webkit-transform: translateY(-50%);
@@ -3323,7 +3131,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 ._7loHrVUe-Rk-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -3336,7 +3144,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
   width: 100%;
   height: 100%;
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   background-color: rgba(0 0 0 5%);
   background-color: rgba(0, 0, 0 5%);
@@ -3702,9 +3510,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   margin: 0 var(--space-small);
   padding: calc(16px / 2);
   padding: var(--space-small);
-  border-radius: calc(16px / 4);
-  border-radius: var(--radius-large);
-  color: rgb(1, 41, 57);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
   font-weight: 500;
   cursor: pointer;
@@ -3716,14 +3524,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       align-items: center;
 }
 
-.jobber-retheme ._5QdRGmaNHvc- {
-  border-radius: calc(16px / 8);
-  border-radius: var(--radius-base);
-}
-
 ._5QdRGmaNHvc-:hover,
 ._5QdRGmaNHvc-:focus-visible {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
@@ -3734,7 +3537,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 ._5QdRGmaNHvc-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -3777,8 +3580,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc(16px / 2) 0;
   padding: var(--space-small) 0;
   border: none;
-  border-radius: calc(16px / 4);
-  border-radius: var(--radius-large);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   text-align: left;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -3787,11 +3590,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   transition: all var(--timing-base);
 }
 
-.jobber-retheme .ncp0nKHQ7d8- {
-  border-radius: calc(16px / 8);
-  border-radius: var(--radius-base);
-}
-
 .ncp0nKHQ7d8-:focus {
   outline: none;
 }
@@ -3799,13 +3597,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .ncp0nKHQ7d8-:hover,
 .ncp0nKHQ7d8-:focus-visible {
   outline: none;
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
 .ncp0nKHQ7d8-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -3830,34 +3628,18 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 :root {
-  --modal--width: calc(var(--base-unit) * 37.5);
+  --modal--width: 600px;
   --modal--padding-horizontal: var(--space-base);
   --modal--padding-vertical: var(--space-base);
   --modal--padding: var(--modal--padding-vertical)
     var(--modal--padding-horizontal);
-}
-
-@media (min-width: 768px) {
-
-:root {
-    --modal--padding-horizontal: var(--space-large);
-}
-  }
-
-@media (--medium-screens-and-up) {
-
-:root {
-    --modal--padding-horizontal: var(--space-large);
-}
-  }
 
-:root .jobber-retheme {
   --modal--shadow: var(--shadow-base);
 }
 
 @media (min-width: 768px) {
 
-:root .jobber-retheme {
+:root {
     --modal--padding-horizontal: var(--space-large);
     --modal--padding-vertical: var(--space-large);
     --modal--padding: var(--modal--padding-vertical)
@@ -3867,7 +3649,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 @media (--medium-screens-and-up) {
 
-:root .jobber-retheme {
+:root {
     --modal--padding-horizontal: var(--space-large);
     --modal--padding-vertical: var(--space-large);
     --modal--padding: var(--modal--padding-vertical)
@@ -3904,19 +3686,22 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .WLId2NJBQcQ- {
   position: relative;
   width: 100%;
-  max-width: calc(16px * 37.5);
+  max-width: 600px;
   max-width: var(--modal--width);
+  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
+      rgba(0, 0, 0, 0.1),
+    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--modal--shadow);
   margin: auto;
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
   -ms-flex: 0 0 auto;
       flex: 0 0 auto;
-  outline-color: rgb(147, 161, 169);
+  outline-color: rgb(131, 151, 160);
   outline-color: var(--color-focus);
 }
 
@@ -3941,11 +3726,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc(16px * 1)
     calc(16px * 1);
   padding: var(--modal--padding);
-  background-color: rgb(238, 240, 242);
-  background-color: var(--color-surface--background);
-}
-
-.jobber-retheme .wjrPpIUNNrk- {
   background-color: transparent;
 }
 
@@ -3954,7 +3734,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
  * the <Content /> padding
  */
 
-.jobber-retheme .wjrPpIUNNrk- + * {
+.wjrPpIUNNrk- + * {
   padding-top: 0;
 }
 
@@ -4018,13 +3798,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 ._65IpUjOZiBg- {
   --modal--padding: var(--space-base);
   --public-tab--inset: var(--space-base);
-  max-width: calc(16px * 25);
-  max-width: calc(var(--base-unit) * 25);
+  max-width: 400px;
 }
 
 .Cpwnmw65caA- {
-  max-width: calc(16px * 58.75);
-  max-width: calc(var(--base-unit) * 58.75);
+  max-width: 940px;
 }
 
 .TkdrExYnvcY-,
@@ -4091,7 +3869,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   min-height: var(--space-largest);
   padding: calc(16px / 2);
   padding: var(--space-small);
-  border-bottom: calc(16px / 8) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 8) solid rgb(218, 224, 226);
   border-bottom: var(--border-thick) solid var(--color-border);
 }
 
@@ -4145,7 +3923,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   position: relative;
   padding: calc(16px / 2);
   padding: var(--space-small);
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
   transition: all 200ms;
   transition: all var(--timing-base);
@@ -4164,7 +3942,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .ise8kHCfhCY-:hover,
 .ise8kHCfhCY-:focus-within {
   --data-list-item-active-color: var(--color-surface--hover);
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--data-list-item-active-color);
 }
 
@@ -4399,21 +4177,16 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-shadow: var(--shadow-base);
   padding: calc(16px / 4);
   padding: var(--space-smaller);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 2);
-  border-radius: var(--radius-larger);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
   gap: calc(16px / 4);
   gap: var(--space-smaller);
 }
 
-.jobber-retheme .jHcHGQ-HDbk- {
-  border-radius: calc(16px / 8);
-  border-radius: var(--radius-base);
-}
-
 .jbBRoxlZlNI- {
   --overflow-fade--offset: var(--space-smaller);
   --overflow-fade--negative-offset: calc(var(--overflow-fade--offset) * -1);
@@ -4564,7 +4337,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc((16px / 4) * 1.5) calc((16px / 2) * 1.25);
   padding: calc(calc(16px / 4) * 1.5) calc(calc(16px / 2) * 1.25);
   padding: calc(var(--space-smaller) * 1.5) calc(var(--space-small) * 1.25);
-  border-radius: calc(16px / 4);
+  border-radius: calc(8px * 2);
   border-radius: var(--radius-large);
 }
 
@@ -4576,7 +4349,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc((16px / 2) * 1.25) calc((16px / 2) * 1.5);
   padding: calc(calc(16px / 2) * 1.25) calc(calc(16px / 2) * 1.5);
   padding: calc(var(--space-small) * 1.25) calc(var(--space-small) * 1.5);
-  border-radius: calc(16px / 2);
+  border-radius: calc(8px * 3);
   border-radius: var(--radius-larger);
 }
 
@@ -4588,7 +4361,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: calc((16px / 2) * 1.5) calc((16px * 1));
   padding: calc(calc(16px / 2) * 1.5) calc(calc(16px * 1));
   padding: calc(var(--space-small) * 1.5) calc(var(--space-base));
-  border-radius: calc(16px / 2);
+  border-radius: calc(8px * 3);
   border-radius: var(--radius-larger);
 }
 
@@ -4604,9 +4377,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 ._2vEF1nvVWm8- {
-  color: rgb(128, 25, 0);
+  color: rgb(87, 9, 0);
   color: var(--color-red--dark);
-  background-color: rgb(255, 226, 219);
+  background-color: rgb(250, 237, 234);
   background-color: var(--color-red--lightest);
 }
 
@@ -4618,16 +4391,16 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .F8KkNxz8W3A- {
-  color: rgb(81, 114, 9);
+  color: rgb(14, 78, 26);
   color: var(--color-green--dark);
-  background-color: rgb(236, 243, 219);
+  background-color: rgb(241, 247, 238);
   background-color: var(--color-green--lightest);
 }
 
 .URZZoKSX4So- {
-  color: rgb(1, 27, 37);
+  color: rgb(1, 25, 35);
   color: var(--color-blue--dark);
-  background-color: rgb(217, 223, 225);
+  background-color: rgb(218, 224, 226);
   background-color: var(--color-blue--lightest);
 }
 
@@ -4639,9 +4412,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 ._2Xwx5tarf1w- {
-  color: rgb(144, 127, 10);
+  color: rgb(91, 79, 6);
   color: var(--color-yellow--dark);
-  background-color: rgb(250, 246, 219);
+  background-color: rgb(250, 248, 234);
   background-color: var(--color-yellow--lightest);
 }
 
@@ -4683,14 +4456,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .RPvjah0FdjI- {
   color: rgba(255, 255, 255, 1);
   color: var(--color-white);
-  background-color: rgb(77, 105, 116);
+  background-color: rgb(78, 105, 116);
   background-color: var(--color-blue--light);
 }
 
 .apwauWJ6ITc- {
-  color: rgb(39, 105, 146);
+  color: rgb(17, 66, 85);
   color: var(--color-lightBlue--dark);
-  background-color: rgb(226, 241, 250);
+  background-color: rgb(239, 246, 251);
   background-color: var(--color-lightBlue--lightest);
 }
 
@@ -4719,7 +4492,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .fLmJZJJqMcE-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -4737,24 +4510,24 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .AN5egORYy-0- path {
-  fill: rgba(101, 120, 132, 1);
+  fill: rgb(1, 40, 55);
   fill: var(--color-interactive--subtle);
   transition: all 200ms ease;
   transition: all var(--timing-base) ease;
 }
 
 .AN5egORYy-0- path.F1uTDCK0Sb0- {
-  fill: rgb(1, 41, 57);
+  fill: rgb(1, 40, 55);
   fill: var(--color-heading);
 }
 
 .AN5egORYy-0- path._6KYeQXWXLQ8- {
-  fill: rgb(217, 223, 225);
+  fill: rgb(238, 240, 242);
   fill: var(--color-inactive--surface);
 }
 
 .AN5egORYy-0-:hover path {
-  fill: rgba(101, 120, 132, 1);
+  fill: rgb(1, 40, 55);
   fill: var(--color-interactive--subtle);
   transition: all 200ms ease;
   transition: all var(--timing-base) ease;
@@ -4773,10 +4546,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   margin-top: var(--space-smaller);
   padding: calc(16px / 2);
   padding: var(--space-small);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 2);
-  border-radius: var(--radius-larger);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   background: rgba(255, 255, 255, 1);
   background: var(--color-surface);
   -ms-flex-align: start;
@@ -4786,16 +4559,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .QaXuqbVjG04- {
   display: -ms-flexbox;
   display: flex;
-  min-width: calc((16px * 3) * 3.5);
-  min-width: calc(calc(16px * 3) * 3.5);
-  min-width: calc(var(--space-largest) * 3.5);
-  min-height: calc((calc(16px * 3) - calc(16px / 4)));
-  min-height: calc((var(--space-largest) - var(--space-smaller)));
+  min-width: 168px;
+  min-height: 40px;
   box-sizing: border-box;
   padding: calc(16px / 2);
   padding: var(--space-small);
-  border-radius: calc(16px / 4);
-  border-radius: var(--radius-large);
+  border-radius: calc(8px / 2);
+  border-radius: var(--radius-small);
   font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
   font-size: calc((16px * 1) * 0.875);
@@ -4813,21 +4583,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   gap: var(--space-smaller);
 }
 
-.jobber-retheme .QaXuqbVjG04-,
-.jobber-retheme .thBUfVNaigs- {
-  border-radius: calc(16px / 8);
-  border-radius: var(--radius-base);
-}
-
 .QaXuqbVjG04-:hover,
 .QaXuqbVjG04-:focus {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
 .QaXuqbVjG04-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -4846,19 +4610,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-shadow: var(--shadow-base);
   padding: calc(16px / 4);
   padding: var(--space-smaller);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 2);
-  border-radius: var(--radius-larger);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
 }
 
-.jobber-retheme .aokwZU8jbWU- {
-  border-radius: calc(16px / 8);
-  border-radius: var(--radius-base);
-}
-
 .XtVRP97TVSE- {
   position: fixed;
   top: 0;
@@ -4910,7 +4669,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   z-index: -1;
   width: 0;
   height: 0;
-  background-color: rgb(217, 223, 225);
+  background-color: rgb(218, 224, 226);
   background-color: var(--color-border);
   -webkit-transform: translateX(-50%);
           transform: translateX(-50%);
@@ -5126,7 +4885,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: var(--space-small);
   border: none;
   border-radius: 0;
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   font-size: calc((16px * 1) * 0.875);
   font-size: calc(calc(16px * 1) * 0.875);
@@ -5148,7 +4907,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .iyg43v-S9yU-:hover,
 .iyg43v-S9yU-:focus {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
@@ -5159,7 +4918,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .iyg43v-S9yU-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
@@ -5173,9 +4932,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .m5A5oeRFaMs- {
   position: relative;
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   overflow: hidden;
 }
@@ -5193,9 +4952,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .y8xnHe7fwrI- thead tr th {
   padding: calc(16px * 1);
   padding: var(--space-base);
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
   white-space: nowrap;
 }
@@ -5206,7 +4965,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .y8xnHe7fwrI- tbody tr {
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
@@ -5227,7 +4986,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       rgba(0, 0, 0, 0.1),
     0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--shadow-base);
-  border-top: calc(16px / 8) solid rgb(217, 223, 225);
+  border-top: calc(16px / 8) solid rgb(218, 224, 226);
   border-top: var(--border-thick) solid var(--color-border);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -5295,20 +5054,20 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .PJEX8dlqCMA-:first-child:hover {
-  background: rgb(244, 246, 250);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--hover);
   cursor: pointer;
 }
 
 ._9ps4aWGs8W0-:hover {
-  background: rgb(244, 246, 250);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--hover);
   cursor: pointer;
 }
 
 ._59XEEB8l5pI-:hover,
 ._59XEEB8l5pI-:hover :first-child {
-  background: rgb(238, 240, 242);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--background);
   cursor: pointer;
 }
@@ -5344,7 +5103,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   min-height: calc(var(--space-smaller) + var(--space-largest));
   padding: calc(16px / 2) calc(16px * 1);
   padding: var(--space-small) var(--space-base);
-  border-top: calc(16px / 16) solid rgb(217, 223, 225);
+  border-top: calc(16px / 16) solid rgb(218, 224, 226);
   border-top: var(--border-base) solid var(--color-border);
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
@@ -5426,7 +5185,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 ._0FexNr-lIgA- {
   padding: calc(16px * 1);
   padding: var(--space-base);
-  border-top: calc(16px / 8) solid rgb(217, 223, 225);
+  border-top: calc(16px / 8) solid rgb(218, 224, 226);
   border-top: var(--border-thick) solid var(--color-border);
 }
 
@@ -5462,7 +5221,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   fill: var(--color-greyBlue);
 }
 .wtb8keLFxgc- path.TUkZiGiR6hc- {
-  fill: rgb(1, 41, 57);
+  fill: rgb(1, 40, 55);
   fill: var(--color-blue);
 }
 .wtb8keLFxgc- path.HkPlMeyz3rM- {
@@ -6085,9 +5844,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       rgba(0, 0, 0, 0.1),
     0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--shadow-base);
-  border-color: rgb(217, 223, 225);
+  border-color: rgb(218, 224, 226);
   border-color: var(--color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
@@ -6105,7 +5864,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 ._8kgzU28z2Eo- .react-datepicker__header {
   padding: 0;
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
   background: rgba(255, 255, 255, 1);
   background: var(--color-surface);
@@ -6124,9 +5883,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   width: var(--datepicker-cell-size);
   height: var(--datepicker-cell-size);
   margin: 0;
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
   font-size: calc((16px * 1) * 0.875);
   font-size: calc(calc(16px * 1) * 0.875);
@@ -6140,14 +5899,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       justify-content: center;
 }
 ._8kgzU28z2Eo- .react-datepicker__day--highlighted {
-  background: rgb(217, 223, 225);
+  background: rgb(218, 224, 226);
   background: var(--color-surface--active);
 }
 ._8kgzU28z2Eo- .react-datepicker__day--outside-month {
   border-radius: 0;
   color: rgb(66, 78, 86);
   color: var(--color-text);
-  background: rgb(238, 240, 242);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--background);
 }
 ._8kgzU28z2Eo- .react-datepicker__day--disabled {
@@ -6161,7 +5920,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 ._8kgzU28z2Eo- .react-datepicker__day--selected {
   color: rgba(255, 255, 255, 1);
   color: var(--color-text--reverse);
-  background: rgb(125, 176, 14);
+  background: rgb(50, 130, 28);
   background: var(--color-interactive);
 }
 ._8kgzU28z2Eo- .react-datepicker__day-names {
@@ -6188,24 +5947,24 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 ._8kgzU28z2Eo- .react-datepicker__day:hover,
 ._8kgzU28z2Eo- .react-datepicker__day:focus {
-  background: rgb(244, 246, 250);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--hover);
 }
 ._8kgzU28z2Eo- .react-datepicker__day--outside-month:hover,
 ._8kgzU28z2Eo- .react-datepicker__day--outside-month:focus {
-  background: rgb(193, 201, 206);
+  background: rgb(231, 229, 217);
   background: var(--color-surface--background--hover);
 }
 ._8kgzU28z2Eo- .react-datepicker__day:focus {
   position: relative;
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
 ._8kgzU28z2Eo- .react-datepicker__day--selected:hover,
 ._8kgzU28z2Eo- .react-datepicker__day--selected:focus {
-  background: rgb(81, 114, 9);
+  background: rgb(14, 78, 26);
   background: var(--color-interactive--hover);
 }
 ._8kgzU28z2Eo- .react-datepicker__day--disabled:hover,
@@ -6224,7 +5983,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .D3kDqTSFScU- {
   margin-top: calc(16px / 16);
   margin-top: var(--space-minuscule);
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-heading);
 }
 
@@ -6239,7 +5998,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       flex-wrap: wrap;
   padding: calc(16px / 2) 0;
   padding: var(--space-small) 0;
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
@@ -6304,14 +6063,14 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .PMjHZZhHiUY-:hover,
 .PMjHZZhHiUY-:focus {
-  background: rgb(244, 246, 250);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--hover);
 }
 
 .PMjHZZhHiUY-:focus,
 .PMjHZZhHiUY-:active {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   border: none;
   outline: none;
@@ -6408,11 +6167,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 :root {
-  --drawer-width: calc(var(--space-base) * 17.5);
-  --drawer--base-padding: var(--space-base);
-}
-
-.jobber-retheme {
+  --drawer-width: 280px;
   --drawer--base-padding: var(--space-large);
 }
 
@@ -6425,13 +6180,19 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   left: 0;
   z-index: 1001;
   z-index: var(--elevation-modal);
+  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
+      rgba(0, 0, 0, 0.1),
+    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-base);
   overflow: hidden;
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
 
   /* SPECIAL CASE:
-     Drawer is primarily used in Jobber Online and is currently used in a layout
-     that rearranges at 640px. For compatibility, this is hardcoded here
-     rather than using the breakpoint custom properties.
-     DO NOT COPY THIS - USE THE BREAKPOINTS DEFINED IN THE @jobber/design package!
+  Drawer is primarily used in Jobber Online and is currently used in a layout
+  that rearranges at 640px. For compatibility, this is hardcoded here
+  rather than using the breakpoint custom properties.
+  DO NOT COPY THIS - USE THE BREAKPOINTS DEFINED IN THE @jobber/design package!
   */
 }
 
@@ -6440,35 +6201,31 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .IJAyrFb2GpA- {
     position: relative;
     z-index: auto;
-    width: calc((16px * 1) * 17.5);
-    width: calc(calc(16px * 1) * 17.5);
+    width: 280px;
     width: var(--drawer-width);
+    border: calc(16px / 16) solid rgb(218, 224, 226);
+    border: var(--border-base) solid var(--color-border);
+    border-bottom-left-radius: 8px;
+    border-bottom-left-radius: var(--radius-base);
+    border-top-left-radius: 8px;
+    border-top-left-radius: var(--radius-base);
 }
   }
 
 @media (min-width: 1080px) {
 
 .IJAyrFb2GpA- {
-    --drawer-width: calc(var(--space-base) * 26.25);
+    --drawer-width: 420px;
 }
   }
 
 @media (--large-screens-and-up) {
 
 .IJAyrFb2GpA- {
-    --drawer-width: calc(var(--space-base) * 26.25);
+    --drawer-width: 420px;
 }
   }
 
-.jobber-retheme .IJAyrFb2GpA- {
-  box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
-      rgba(0, 0, 0, 0.1),
-    0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
-  box-shadow: var(--shadow-base);
-  border-top-left-radius: calc(16px / 8);
-  border-top-left-radius: var(--radius-base);
-}
-
 .Hsmk6Pg14PQ- {
   display: -ms-flexbox;
   display: flex;
@@ -6476,19 +6233,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
-  border: calc(16px / 16) solid rgb(217, 223, 225);
-  border: var(--border-base) solid var(--color-border);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
   -ms-flex-direction: column;
       flex-direction: column;
 }
 
-.jobber-retheme .Hsmk6Pg14PQ- {
-  border-top-left-radius: calc(16px / 8);
-  border-top-left-radius: var(--radius-base);
-}
-
 .DwF3Q9EMPvQ- {
   display: -ms-flexbox;
   display: flex;
@@ -6497,22 +6245,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .TcdyXiTbnMU- {
   display: -ms-flexbox;
   display: flex;
-  padding: calc(16px / 2) calc(16px * 1);
-  padding: var(--space-small) var(--drawer--base-padding);
-  background-color: rgb(238, 240, 242);
-  background-color: var(--color-surface--background);
+  padding: calc(16px * 1) calc(16px * 1) 0 calc(16px * 1.5);
+  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);
+  background-color: transparent;
   -ms-flex-pack: justify;
       justify-content: space-between;
   -ms-flex-align: center;
       align-items: center;
 }
 
-.jobber-retheme .TcdyXiTbnMU- {
-  padding: calc(16px * 1) calc(16px * 1) 0 calc(16px * 1);
-  padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);
-  background-color: transparent;
-}
-
 .srL7xqEzwhM- {
   display: -ms-flexbox;
   display: flex;
@@ -6591,13 +6332,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 :root {
-  --switch--pipSize: calc(var(--space-base) * 1.875);
+  --switch--width: 48px;
+  --switch--pipSize: 16px;
   --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);
-  --switch--borderOffset: calc(var(--border-base) * 2);
-}
-
-:root .jobber-retheme {
-  --switch--pipSize: var(--space-base);
+  --switch--borderOffset: var(--border-thick);
 }
 
 .NaSI2jsLI0c-,
@@ -6610,57 +6348,43 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .NaSI2jsLI0c- {
   display: -ms-inline-flexbox;
   display: inline-flex;
-  width: calc((((16px * 1) * 1.875) * 1.3) + ((16px * 1) * 1.875));
-  width: calc(calc(calc(calc(16px * 1) * 1.875) * 1.3) + calc(calc(16px * 1) * 1.875));
-  width: calc(var(--switch--labelWidth) + var(--switch--pipSize));
+  width: 48px;
+  width: var(--switch--width);
+  height: calc(48px / 2);
+  height: calc(var(--switch--width) / 2);
   padding: 0;
-  border: calc(16px / 16) solid rgb(217, 223, 225);
-  border: var(--border-base) solid var(--color-border);
-  border-radius: calc((16px * 1) * 1.875);
-  border-radius: calc(calc(16px * 1) * 1.875);
+  border: calc(16px / 8) solid rgb(218, 224, 226);
+  border: var(--border-thick) solid var(--color-border);
+  border-radius: 16px;
   border-radius: var(--switch--pipSize);
   overflow: hidden;
   line-height: normal;
-  background-color: rgb(238, 240, 242);
-  background-color: var(--color-surface--background);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
   cursor: pointer;
   -webkit-appearance: none;
           appearance: none;
-}
-
-.jobber-retheme .NaSI2jsLI0c- {
-  width: calc(16px * 3);
-  width: var(--space-largest);
-  height: calc(16px * 1.5);
-  height: var(--space-large);
-  border-color: rgb(217, 223, 225);
-  border-color: var(--color-border);
-  border-width: calc(16px / 8);
-  border-width: var(--border-thick);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
   -ms-flex-align: center;
       align-items: center;
 }
 
 .NaSI2jsLI0c-:focus-visible {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
 
-.jobber-retheme .NaSI2jsLI0c-:hover,
-.jobber-retheme .NaSI2jsLI0c-:focus-visible {
-  border-color: rgb(125, 176, 14);
+.NaSI2jsLI0c-:hover,
+.NaSI2jsLI0c-:focus-visible {
+  border-color: rgb(50, 130, 28);
   border-color: var(--color-interactive);
 }
 
-.HbAoDMJhkwY-,
-.jobber-retheme .HbAoDMJhkwY- {
-  border-color: rgb(125, 176, 14);
+.HbAoDMJhkwY- {
+  border-color: rgb(50, 130, 28);
   border-color: var(--color-interactive);
-  background-color: rgb(125, 176, 14);
+  background-color: rgb(50, 130, 28);
   background-color: var(--color-interactive);
 }
 
@@ -6668,9 +6392,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  margin-left: calc(-1 * (((16px * 1) * 1.875) * 1.3));
-  margin-left: calc(-1 * calc(calc(calc(16px * 1) * 1.875) * 1.3));
-  margin-left: calc(-1 * var(--switch--labelWidth));
+  margin-left: calc(48px / -2);
+  margin-left: calc(var(--switch--width) / -2);
   pointer-events: none;
   -ms-flex: 1 1 100%;
       flex: 1 1 100%;
@@ -6678,26 +6401,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       align-items: center;
 }
 
-.jobber-retheme .cc259FtdxeE- {
-  margin-left: -37px;
-}
-
 .HbAoDMJhkwY- .cc259FtdxeE- {
-  margin-left: calc(-1 * ((16px / 16) * 2));
-  margin-left: calc(-1 * calc(calc(16px / 16) * 2));
-  margin-left: calc(-1 * var(--switch--borderOffset));
-}
-
-.jobber-retheme .HbAoDMJhkwY- .cc259FtdxeE- {
-  margin-left: -13px;
+  margin-left: 0;
 }
 
 .YZ-HIehHOBA- {
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  min-width: calc(((16px * 1) * 1.875) * 1.3);
-  min-width: calc(calc(calc(16px * 1) * 1.875) * 1.3);
+  min-width: calc(16px * 1.3);
   min-width: var(--switch--labelWidth);
   margin-top: calc(16px / 16);
   margin-top: var(--space-minuscule);
@@ -6709,6 +6421,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       align-items: center;
   -ms-flex-pack: center;
       justify-content: center;
+  opacity: 0;
 }
 
 .YZ-HIehHOBA-:first-of-type {
@@ -6721,68 +6434,37 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding-right: var(--space-small);
 }
 
-.jobber-retheme .YZ-HIehHOBA- {
-  opacity: 0;
-}
-
 ._2hxova2FHpM- {
   -ms-flex: 0 0 auto;
       flex: 0 0 auto;
-  width: calc((16px * 1) * 1.875);
-  width: calc(calc(16px * 1) * 1.875);
+  width: 16px;
   width: var(--switch--pipSize);
-  height: calc((16px * 1) * 1.875);
-  height: calc(calc(16px * 1) * 1.875);
+  height: 16px;
   height: var(--switch--pipSize);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
-  border: var(--border-base) solid var(--color-border);
+  border: none;
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
+  background-color: rgb(1, 40, 55);
+  background-color: var(--color-interactive--subtle);
   transition: all 100ms ease-out;
   transition: all var(--timing-quick) ease-out;
 }
 
-.jobber-retheme ._2hxova2FHpM- {
-  border: none;
-  background-color: rgba(101, 120, 132, 1);
-  background-color: var(--color-interactive--subtle);
-}
-
 .HbAoDMJhkwY- ._2hxova2FHpM- {
-  border-color: rgb(125, 176, 14);
-  border-color: var(--color-green);
-}
-
-.jobber-retheme .HbAoDMJhkwY- ._2hxova2FHpM- {
+  border-color: rgb(50, 130, 28);
+  border-color: var(--color-interactive);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
 }
 
-/* Moving this up overwrites disabled styling */
-
-/* stylelint-disable-next-line no-descending-specificity */
-
 ._6hWvJHjyLlk- ._2hxova2FHpM- {
   border-color: rgb(225, 225, 225);
   border-color: var(--color-disabled--secondary);
-}
-
-.jobber-retheme ._6hWvJHjyLlk- ._2hxova2FHpM- {
   background-color: rgb(181, 181, 181);
   background-color: var(--color-disabled);
 }
 
 ._6hWvJHjyLlk- {
-  border-color: rgb(225, 225, 225);
-  border-color: var(--color-disabled--secondary);
-  background-color: rgb(238, 240, 242);
-  background-color: var(--color-surface--background);
-  cursor: not-allowed;
-}
-
-.jobber-retheme ._6hWvJHjyLlk- {
   border-color: rgb(181, 181, 181);
   border-color: var(--color-disabled);
   background-color: rgba(255, 255, 255, 1);
@@ -6790,17 +6472,17 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   cursor: not-allowed;
 }
 
-.jobber-retheme .HbAoDMJhkwY-._6hWvJHjyLlk- {
+.HbAoDMJhkwY-._6hWvJHjyLlk- {
   background-color: rgb(181, 181, 181);
   background-color: var(--color-disabled);
 }
 
-.jobber-retheme .HbAoDMJhkwY-._6hWvJHjyLlk- ._2hxova2FHpM- {
+.HbAoDMJhkwY-._6hWvJHjyLlk- ._2hxova2FHpM- {
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
 }
 
-.jobber-retheme ._6hWvJHjyLlk-:hover {
+._6hWvJHjyLlk-:hover {
   border-color: rgb(181, 181, 181);
   border-color: var(--color-disabled);
 }
@@ -6831,9 +6513,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       align-items: center;
   padding-right: calc(16px / 2);
   padding-right: var(--space-small);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--file-card--border-color);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--file-card--background-color);
@@ -6877,7 +6559,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   box-sizing: border-box;
   padding: 0;
   overflow: hidden;
-  background-color: rgb(238, 240, 242);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--background);
   -ms-flex-negative: 0;
       flex-shrink: 0;
@@ -6893,15 +6575,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 
 .nSaog7-7Jn0- ._9jVt97W52JY-:focus {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
 
 .nSaog7-7Jn0- .il9-MCeoBts- {
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
 }
 
@@ -6914,15 +6596,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   width: 100%;
   height: 100%;
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
 .cx4iQqlNNvc- .il9-MCeoBts- {
   border-right: none;
-  border-bottom-left-radius: calc(16px / 8);
+  border-bottom-left-radius: 8px;
   border-bottom-left-radius: var(--radius-base);
-  border-top-left-radius: calc(16px / 8);
+  border-top-left-radius: 8px;
   border-top-left-radius: var(--radius-base);
 }
 
@@ -7098,7 +6780,7 @@ progress.S1cioqW7loo-[value]::-webkit-progress-bar {
 }
 
 progress.S1cioqW7loo-[value]::-webkit-progress-bar {
-  background-color: rgb(238, 240, 242);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--background);
 }
 
@@ -7106,7 +6788,7 @@ progress.S1cioqW7loo-[value]::-webkit-progress-value {
   border-radius: calc((16px * 1) / 2);
   border-radius: calc(calc(16px * 1) / 2);
   border-radius: calc(var(--progress-bar--height) / 2);
-  background-color: rgb(125, 176, 14);
+  background-color: rgb(50, 130, 28);
   background-color: var(--color-interactive);
   -webkit-transition: all 300ms ease-out;
   transition: all 300ms ease-out;
@@ -7118,7 +6800,7 @@ progress.S1cioqW7loo-[value]::-moz-progress-bar {
   border-radius: calc((16px * 1) / 2);
   border-radius: calc(calc(16px * 1) / 2);
   border-radius: calc(var(--progress-bar--height) / 2);
-  background-color: rgb(125, 176, 14);
+  background-color: rgb(50, 130, 28);
   background-color: var(--color-interactive);
   -moz-transition: all 300ms ease-out;
   transition: all 300ms ease-out;
@@ -7234,23 +6916,16 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   z-index: var(--elevation-base);
   padding: calc(16px / 2) calc(16px * 1);
   padding: var(--space-small) var(--space-base);
-  color: rgb(193, 201, 206);
-  color: var(--color-text--reverse--secondary);
+  color: rgb(78, 105, 116);
+  color: var(--color-text--secondary);
   font-size: calc(16px * 1);
   font-size: var(--typography--fontSize-large);
-  background-color: rgb(1, 41, 57);
-  background-color: var(--color-surface--reverse);
+  background-color: rgb(241, 239, 233);
+  background-color: var(--color-surface--background);
   -ms-flex-pack: justify;
       justify-content: space-between;
 }
 
-.jobber-retheme .AfUUWErd5S4- {
-  color: rgb(77, 105, 116);
-  color: var(--color-text--secondary);
-  background-color: rgb(238, 240, 242);
-  background-color: var(--color-surface--background);
-}
-
 .ysUYbBTaORk- {
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -7405,7 +7080,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   left: 0;
   border-radius: 100%;
   border-radius: var(--radius-circle);
-  background-color: rgb(1, 27, 37);
+  background-color: rgb(1, 25, 35);
   background-color: var(--color-blue--dark);
   opacity: 0.3;
   mix-blend-mode: multiply;
@@ -7422,7 +7097,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .grljXfTWj84-:focus,
 .grljXfTWj84-:focus-within {
-  border-color: rgb(147, 161, 169);
+  border-color: rgb(131, 151, 160);
   border-color: var(--color-focus);
   outline: none;
 }
@@ -7430,22 +7105,22 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 .WHhHWgaoXk4- {
   padding: calc(16px * 1);
   padding: var(--space-base);
-  border: rgb(217, 223, 225) dashed calc(16px / 8);
+  border: rgb(218, 224, 226) dashed calc(16px / 8);
   border: var(--color-border) dashed var(--border-thick);
-  border-radius: calc(16px / 2);
+  border-radius: calc(8px * 3);
   border-radius: var(--radius-larger);
   text-align: center;
 }
 
 .WHhHWgaoXk4-.n1h-T2metRA- {
-  border-color: rgb(147, 161, 169);
+  border-color: rgb(131, 151, 160);
   border-color: var(--color-focus);
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
 .WHhHWgaoXk4-.MRRclAp51-w- {
-  border-color: rgb(201, 66, 33);
+  border-color: rgb(199, 20, 0);
   border-color: var(--color-critical);
 }
 
@@ -7545,7 +7220,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .ig9l6LfEgwo-:not(:last-child) {
-  border-bottom: calc(16px / 16) solid rgb(217, 223, 225);
+  border-bottom: calc(16px / 16) solid rgb(218, 224, 226);
   border-bottom: var(--border-base) solid var(--color-border);
 }
 
@@ -7563,7 +7238,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   top: 0;
   padding: calc(16px / 2) calc(16px * 1);
   padding: var(--space-small) var(--space-base);
-  border-bottom: 1px solid rgb(1, 41, 57);
+  border-bottom: 1px solid rgb(1, 40, 55);
   border-bottom: 1px solid var(--color-border--section);
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -7577,31 +7252,31 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 ._0QhWokyE9PY- {
-  border-bottom-color: rgb(125, 176, 14);
+  border-bottom-color: rgb(50, 130, 28);
   border-bottom-color: var(--color-green);
-  color: rgb(125, 176, 14);
+  color: rgb(50, 130, 28);
   color: var(--color-green);
 }
 
 .J8wB3qqOlBc-,
 .Ujqj17pKDIE- {
-  border-bottom-color: rgb(1, 41, 57);
+  border-bottom-color: rgb(1, 40, 55);
   border-bottom-color: var(--color-blue);
-  color: rgb(1, 41, 57);
+  color: rgb(1, 40, 55);
   color: var(--color-blue);
 }
 
 ._0lNxLGXhrfY- {
-  border-bottom-color: rgb(243, 150, 36);
+  border-bottom-color: rgb(227, 142, 38);
   border-bottom-color: var(--color-orange);
-  color: rgb(243, 150, 36);
+  color: rgb(227, 142, 38);
   color: var(--color-orange);
 }
 
 ._4qPymF0CAAE- {
-  border-bottom-color: rgb(201, 66, 33);
+  border-bottom-color: rgb(199, 20, 0);
   border-bottom-color: var(--color-red);
-  color: rgb(201, 66, 33);
+  color: rgb(199, 20, 0);
   color: var(--color-red);
 }
 
@@ -7644,7 +7319,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 .RseHYbVm4MA-:hover,
 .RseHYbVm4MA-:focus {
   outline: none;
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
@@ -7677,13 +7352,13 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 /* States */
 
 .C4DznaxLKiw- {
-  background-color: rgb(238, 240, 242);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--background);
 }
 
 .C4DznaxLKiw-:hover,
 .C4DznaxLKiw-:focus {
-  background-color: rgb(193, 201, 206);
+  background-color: rgb(231, 229, 217);
   background-color: var(--color-surface--background--hover);
 }
 
@@ -7736,9 +7411,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   padding-left: var(--field--padding-left);
   padding-right: calc(16px * 1);
   padding-right: var(--field--padding-right);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
 }
 
@@ -7757,7 +7432,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 .EzNdHgwsT40-:focus,
 .EzNdHgwsT40-.bu7HWKRu6HI- {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
   outline: none;
 }
@@ -7790,9 +7465,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   box-shadow: var(--shadow-base);
   margin: 0;
   padding: 0;
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 4);
+  border-radius: calc(8px * 2);
   border-radius: var(--radius-large);
   overflow: auto;
   background-color: rgba(255, 255, 255, 1);
@@ -7819,9 +7494,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .mFSgwOQZJm0-:focus,
 .mFSgwOQZJm0-.SepF4gvOxq8- {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
-  outline-color: rgb(147, 161, 169);
+  outline-color: rgb(131, 151, 160);
   outline-color: var(--color-focus);
 }
 
@@ -7985,9 +7660,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
       rgba(0, 0, 0, 0.1),
     0px calc(16px / 4) 12px 0px rgba(0, 0, 0, 0.05);
   box-shadow: var(--shadow-base);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   font-size: calc((16px * 1) * 0.875);
   font-size: calc(calc(16px * 1) * 0.875);
@@ -8018,7 +7693,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 .LJCpn0zf1e8-::before {
   content: "";
   visibility: visible;
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
@@ -8060,24 +7735,15 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 ._5P8wEHDUdKY- {
-  --radio--checked-thickness: var(--border-thicker);
-  --radio-diameter: var(--space-base);
-  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)
-    var(--color-interactive--hover);
+  --radio--checked-thickness: 6px;
+  --radio-diameter: 20px;
+  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule) transparent;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-direction: column;
       flex-direction: column;
 }
 
-.jobber-retheme ._5P8wEHDUdKY- {
-  --radio--checked-thickness: calc(
-    var(--border-thicker) + var(--space-smallest)
-  );
-  --radio-diameter: calc(var(--space-base) + var(--space-smaller));
-  --radio--checked-shadow: 0px 0px 0px var(--space-minuscule) transparent;
-}
-
 ._08ZPdlE98Ko- {
   /* Hide checkbox on UI but not screen readers and still allow focus state */
   position: absolute;
@@ -8101,10 +7767,10 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   width: var(--radio-diameter);
   height: var(--radio-diameter);
   box-sizing: border-box;
-  margin: calc(16px / 8) calc(16px / 2) 0 0;
-  margin: var(--space-smallest) var(--space-small) 0 0;
-  border: calc(16px / 8) solid rgb(125, 176, 14);
-  border: var(--border-thick) solid var(--color-interactive);
+  margin-right: calc(16px / 2);
+  margin-right: var(--space-small);
+  border: calc(16px / 8) solid rgb(218, 224, 226);
+  border: var(--border-thick) solid var(--color-border);
   border-radius: 100%;
   background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
@@ -8114,30 +7780,23 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
       flex-shrink: 0;
 }
 
-.jobber-retheme ._08ZPdlE98Ko- + .-PUoLXltVlQ-::before {
-  margin-top: 0;
-  border-color: rgb(217, 223, 225);
-  border-color: var(--color-border);
-}
-
 ._08ZPdlE98Ko-:hover + .-PUoLXltVlQ-::before {
-  border-color: rgb(125, 176, 14);
+  border-color: rgb(50, 130, 28);
   border-color: var(--color-interactive);
 }
 
 ._08ZPdlE98Ko-:checked + .-PUoLXltVlQ-::before {
-  box-shadow: var(--radio--checked-shadow);
-  border-color: rgb(81, 114, 9);
-  border-color: var(--color-interactive--hover);
+  border-color: rgb(50, 130, 28);
+  border-color: var(--color-interactive);
   border-width: var(--radio--checked-thickness);
-  background-color: rgb(125, 176, 14);
-  background-color: var(--color-interactive);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
 }
 
 ._08ZPdlE98Ko-:focus-visible:checked + .-PUoLXltVlQ-:before {
-  box-shadow: var(--radio--checked-shadow), 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
-  box-shadow: var(--radio--checked-shadow), var(--shadow-focus);
+  box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
+  box-shadow: var(--shadow-focus);
 }
 
 ._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ- {
@@ -8151,13 +7810,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   border-color: var(--color-disabled--secondary);
 }
 
-.jobber-retheme ._08ZPdlE98Ko-:checked + .-PUoLXltVlQ-::before {
-  border-color: rgb(125, 176, 14);
-  border-color: var(--color-interactive);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
-}
-
 ._08ZPdlE98Ko-[disabled]:checked + .-PUoLXltVlQ-::before {
   --radio--checked-shadow: 0px 0px 0px var(--space-minuscule)
     var(--color-disabled);
@@ -8167,6 +7819,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 ._8r6qT-6S9EI-,
 .C5SzbO1epLk- {
+  margin-top: calc((16px / 4) * -1);
+  margin-top: calc(calc(16px / 4) * -1);
+  margin-top: calc(var(--space-smaller) * -1);
   margin-bottom: calc(16px / 2);
   margin-bottom: var(--space-small);
   padding-left: calc(var(--radio-diameter) + (16px / 2));
@@ -8174,13 +7829,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   padding-left: calc(var(--radio-diameter) + var(--space-small));
 }
 
-.jobber-retheme ._8r6qT-6S9EI-,
-.jobber-retheme .C5SzbO1epLk- {
-  margin-top: calc((16px / 4) * -1);
-  margin-top: calc(calc(16px / 4) * -1);
-  margin-top: calc(var(--space-smaller) * -1);
-}
-
 ._08ZPdlE98Ko-[disabled] + .-PUoLXltVlQ- + ._8r6qT-6S9EI- > p {
   color: rgb(181, 181, 181);
   color: var(--color-disabled);
@@ -8191,9 +7839,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   width: 100%;
   padding: calc(16px / 4);
   padding: var(--space-smaller);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 4);
+  border-radius: calc(8px * 2);
   border-radius: var(--radius-large);
   grid-template-columns: repeat(7, 1fr);
   row-gap: calc(16px / 4);
@@ -8237,7 +7885,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
       align-items: center;
   padding: calc(16px / 4);
   padding: var(--space-smaller);
-  border-radius: calc(16px / 4);
+  border-radius: calc(8px * 2);
   border-radius: var(--radius-large);
   text-align: center;
   -webkit-user-select: none;
@@ -8262,29 +7910,29 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .VPZ0Os9TY5k-:hover {
-  background: rgb(244, 246, 250);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--hover);
 }
 
 .PtlN3SI-Atc-:focus + .VPZ0Os9TY5k- {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
-  background: rgb(244, 246, 250);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--hover);
 }
 
 .PtlN3SI-Atc-:checked + .VPZ0Os9TY5k- {
   color: rgba(255, 255, 255, 1);
   color: var(--color-text--reverse);
-  background: rgb(125, 176, 14);
+  background: rgb(50, 130, 28);
   background: var(--color-interactive);
 }
 
 .PtlN3SI-Atc-:disabled + .VPZ0Os9TY5k- {
   color: rgb(181, 181, 181);
   color: var(--color-disabled);
-  background: rgb(238, 240, 242);
+  background: rgb(241, 239, 233);
   background: var(--color-surface--background);
   cursor: default;
 }
@@ -8294,12 +7942,12 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .PtlN3SI-Atc-:checked:focus + .VPZ0Os9TY5k- {
-  background: rgb(81, 114, 9);
+  background: rgb(14, 78, 26);
   background: var(--color-interactive--hover);
 }
 
 .PtlN3SI-Atc-:checked + .VPZ0Os9TY5k-:hover {
-  background: rgb(81, 114, 9);
+  background: rgb(14, 78, 26);
   background: var(--color-interactive--hover);
 }
 
@@ -8336,11 +7984,11 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .xtCFaHyTmfI- div:nth-of-type(1) :last-child {
-  border-top-right-radius: calc(16px / 4);
+  border-top-right-radius: calc(8px * 2);
   border-top-right-radius: var(--radius-large);
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
-  border-top-left-radius: calc(16px / 4);
+  border-top-left-radius: calc(8px * 2);
   border-top-left-radius: var(--radius-large);
 }
 
@@ -8354,9 +8002,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .xtCFaHyTmfI- div:nth-of-type(4) :last-child {
   border-top-right-radius: 0;
-  border-bottom-right-radius: calc(16px / 4);
+  border-bottom-right-radius: calc(8px * 2);
   border-bottom-right-radius: var(--radius-large);
-  border-bottom-left-radius: calc(16px / 4);
+  border-bottom-left-radius: calc(8px * 2);
   border-bottom-left-radius: var(--radius-large);
   border-top-left-radius: 0;
 }
@@ -8366,9 +8014,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   width: 100%;
   padding: calc(16px / 4);
   padding: var(--space-smaller);
-  border: calc(16px / 16) solid rgb(217, 223, 225);
+  border: calc(16px / 16) solid rgb(218, 224, 226);
   border: var(--border-base) solid var(--color-border);
-  border-radius: calc(16px / 4);
+  border-radius: calc(8px * 2);
   border-radius: var(--radius-large);
   grid-template-areas:
     ". . . . . . ."
@@ -8434,7 +8082,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   height: 8px;
   height: var(--statusLabel-icon-diameter);
   border-radius: 50%;
-  background-color: rgb(125, 176, 14);
+  background-color: rgb(50, 130, 28);
   background-color: var(--color-success);
   -ms-flex-negative: 0;
       flex-shrink: 0;
@@ -8477,7 +8125,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
   gap: 0.375rem;
-  background-color: rgb(236, 243, 219);
+  background-color: rgb(241, 247, 238);
   background-color: var(--labelBackgroundColor);
 }
 
@@ -8517,7 +8165,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   box-sizing: border-box;
   border: solid calc(16px / 16) var(--border-color);
   border: solid var(--border-base) var(--border-color);
-  border-radius: calc(16px / 8);
+  border-radius: 8px;
   border-radius: var(--radius-base);
   pointer-events: none;
 }
@@ -8582,7 +8230,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .qI4lWMSNH40- {
   position: relative;
-  border-bottom: solid calc(16px / 16) rgb(217, 223, 225);
+  border-bottom: solid calc(16px / 16) rgb(218, 224, 226);
   border-bottom: solid var(--border-base) var(--color-border);
 }
 
@@ -8640,7 +8288,7 @@ ul.wdW31G8Trag- {
   padding-left: var(--public-tab--inset);
   padding-right: calc(16px * 1);
   padding-right: var(--public-tab--inset);
-  border: solid calc(16px / 16) rgb(217, 223, 225);
+  border: solid calc(16px / 16) rgb(218, 224, 226);
   border: solid var(--border-base) var(--color-border);
   border-left-width: 0;
   outline: none;
@@ -8653,18 +8301,18 @@ ul.wdW31G8Trag- {
 
 .MO7CXQ8xJXo-:hover,
 .MO7CXQ8xJXo-:focus {
-  background-color: rgb(244, 246, 250);
+  background-color: rgb(241, 239, 233);
   background-color: var(--color-surface--hover);
 }
 
 .MO7CXQ8xJXo-:focus span {
   box-shadow: 0px 0px 0px calc(16px / 8) rgba(255, 255, 255, 1),
-    0px 0px 0px calc(16px / 4) rgb(147, 161, 169);
+    0px 0px 0px calc(16px / 4) rgb(131, 151, 160);
   box-shadow: var(--shadow-focus);
 }
 
 .kqof65gyv7g- {
-  border-top-color: rgb(125, 176, 14);
+  border-top-color: rgb(50, 130, 28);
   border-top-color: var(--color-interactive);
   border-bottom-color: rgba(255, 255, 255, 1);
   border-bottom-color: var(--color-surface);
@@ -8733,38 +8381,30 @@ ul.wdW31G8Trag- {
 .KiJL-VNZ3Sg- {
   display: -ms-flexbox;
   display: flex;
+  gap: calc(16px / 2);
+  gap: var(--space-small);
   -ms-flex-align: center;
       align-items: center;
-  padding: calc((16px / 2) / 1.25) calc(16px * 1);
-  padding: calc(calc(16px / 2) / 1.25) calc(16px * 1);
-  padding: calc(var(--space-small) / 1.25) var(--space-base);
-  border-radius: calc(16px / 8);
+  padding: calc(16px / 4) calc(16px / 4) calc(16px / 4);
+  padding: var(--space-smaller) var(--space-smaller) var(--space-smaller);
+  padding-left: calc((16px / 2) + (16px / 4));
+  padding-left: calc(calc(16px / 2) + calc(16px / 4));
+  padding-left: calc(var(--space-small) + var(--space-smaller));
+  border-radius: 8px;
   border-radius: var(--radius-base);
-  background: rgb(1, 41, 57);
+  background: rgb(1, 40, 55);
   background: var(--color-surface--reverse);
 }
 
-.xtRB59TMHcU- {
-  margin-right: calc(16px * 1);
-  margin-right: var(--space-base);
-}
-
-.cExoS0APILs- {
-  margin-left: calc(16px * 1);
-  margin-left: var(--space-base);
-}
-
-.jobber-retheme .cExoS0APILs- svg path {
-  fill: rgb(147, 161, 169);
-  fill: var(--color-greyBlue--light);
-}
+/* Use of !important to make the button icon visible in
+   the reverse color scheme of Toast */
 
-.jobber-retheme .cExoS0APILs-:hover svg path {
-  fill: rgba(101, 120, 132, 1);
-  fill: var(--color-greyBlue);
+.cExoS0APILs- * path {
+  fill: rgb(78, 105, 116) !important;
+  fill: var(--color-text--secondary) !important;
 }
 
-.-T38wWbQUNs- {
-  margin-left: calc(16px / 2);
-  margin-left: var(--space-small);
+.cExoS0APILs-:hover * path {
+  fill: rgba(101, 120, 132, 1) !important;
+  fill: var(--color-greyBlue) !important;
 }