@jobber/components 5.15.2-fix-input-.0 → 5.15.2-fix-input-.1

package/dist/styles.css

@@ -1,79 +1,3 @@
-.FVK4VwhLaVQ- {
-  position: relative;
-  z-index: 1003;
-  z-index: var(--elevation-toast);
-}
-
-.MUXYGaC7Msg- {
-  display: -ms-flexbox;
-  display: flex;
-  position: fixed;
-  right: 0;
-  bottom: calc(16px * 1.5);
-  bottom: var(--space-large);
-  left: 0;
-  z-index: 1003;
-  z-index: var(--elevation-toast);
-  width: 100%;
-  box-sizing: border-box;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-align: center;
-      align-items: center;
-  padding: 0 calc(16px * 1.5);
-  padding: 0 var(--space-large);
-  color: rgba(255, 255, 255, 1);
-  color: var(--color-text--reverse);
-  font-size: calc(16px * 1);
-  font-size: var(--typography--fontSize-large);
-  pointer-events: none;
-}
-
-.yCRa7jHH33M- {
-  box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px
-      rgba(0, 0, 0, 0.075),
-    0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);
-  box-shadow: var(--shadow-high);
-  overflow: hidden;
-  pointer-events: all;
-}
-
-.yCRa7jHH33M- + .yCRa7jHH33M- {
-  margin-top: calc(16px * 1);
-  margin-top: var(--space-base);
-}
-
-.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 / 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: hsl(197, 90%, 12%);
-  background: var(--color-surface--reverse);
-}
-
-/* Use of !important to make the button icon visible in
-   the reverse color scheme of Toast */
-
-.cExoS0APILs- * path {
-  fill: hsl(197, 15%, 45%) !important;
-  fill: var(--color-text--secondary) !important;
-}
-
-.cExoS0APILs-:hover * path {
-  fill: hsl(197, 15%, 45%) !important;
-  fill: var(--color-greyBlue) !important;
-}
-
 .v0Cys9vQ-NE- {
   position: relative;
   width: 100%;
@@ -710,7 +634,8 @@
   padding-left: var(--field--padding-left);
   padding-right: var(--field--padding-right);
   border: none;
-  border-radius: 0;
+  border-radius: 8px;
+  border-radius: var(--radius-base);
   color: inherit;
   font-family: inherit;
   font-size: inherit;
@@ -934,30 +859,30 @@
 }
 
 :root {
-  --button--color-variation: var(--color-interactive);
-  --button--color-variation--hover: var(--color-interactive--hover);
+  --public--button--color-variation: var(--color-interactive);
+  --public--button--color-variation--hover: var(--color-interactive--hover);
+}
+
+.U9VsquOtk2I- {
   --button--color-surface: var(--color-surface);
   --button--color-surface--hover: var(--color-surface--hover);
   --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: 40px;
   min-height: var(--button--size);
   box-sizing: border-box;
   margin: 0;
   border: calc(16px / 16) solid hsl(107, 58%, 33%);
-  border: var(--border-base) solid var(--button--color-variation);
+  border: var(--border-base) solid var(--public--button--color-variation);
   border-radius: 8px;
   border-radius: var(--radius-base);
   color: hsl(107, 58%, 33%);
-  color: var(--button--color-variation);
+  color: var(--public--button--color-variation);
   -webkit-font-smoothing: antialiased;
   line-height: 1;
   text-align: center;
@@ -972,7 +897,7 @@
   -webkit-appearance: none;
           appearance: none;
   fill: hsl(107, 58%, 33%);
-  fill: var(--button--color-variation);
+  fill: var(--public--button--color-variation);
   -ms-flex-align: center;
       align-items: center;
   -ms-flex-pack: center;
@@ -995,12 +920,11 @@ a.U9VsquOtk2I-:focus-visible,
 .U9VsquOtk2I-:active,
 a.U9VsquOtk2I-:active {
   border-color: hsl(107, 65%, 24%);
-  border-color: var(--button--color-variation--hover);
+  border-color: var(--public--button--color-variation--hover);
   color: hsl(107, 65%, 24%);
-  color: var(--button--color-variation--hover);
+  color: var(--public--button--color-variation--hover);
   fill: hsl(107, 65%, 24%);
-  fill: var(--button--color-variation--hover);
-  background-color: hsl(53, 21%, 93%);
+  fill: var(--public--button--color-variation--hover);
   background-color: var(--button--color-surface--hover);
 }
 
@@ -1017,19 +941,21 @@ a.U9VsquOtk2I-:active {
 /* Variation */
 
 .qkFQwI0PKfw- {
-  --button--color-variation: var(--color-interactive);
-  --button--color-variation--hover: var(--color-interactive--hover);
+  --public--button--color-variation: var(--color-interactive);
+  --public--button--color-variation--hover: var(--color-interactive--hover);
 }
 
 .jsKQEOBdJ0k-,
 .vDKO-cmh8vY- {
-  --button--color-variation: var(--color-interactive--subtle);
-  --button--color-variation--hover: var(--color-interactive--subtle--hover);
+  --public--button--color-variation: var(--color-interactive--subtle);
+  --public--button--color-variation--hover: var(
+    --color-interactive--subtle--hover
+  );
 }
 
 ._4W8X0dxZDK4- {
-  --button--color-variation: var(--color-destructive);
-  --button--color-variation--hover: var(--color-destructive--hover);
+  --public--button--color-variation: var(--color-destructive);
+  --public--button--color-variation--hover: var(--color-destructive--hover);
 }
 
 /* Type */
@@ -1037,26 +963,23 @@ a.U9VsquOtk2I-:active {
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-),
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):hover,
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {
-  color: rgba(255, 255, 255, 1);
   color: var(--button--color-primaryLabel);
   background-color: hsl(107, 58%, 33%);
-  background-color: var(--button--color-variation);
-  fill: rgba(255, 255, 255, 1);
+  background-color: var(--public--button--color-variation);
   fill: var(--button--color-primaryLabel);
 }
 
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):hover,
 .FXqN12jWtPo-:not(.vDKO-cmh8vY-):not(.bg-l22drjd0-):focus-visible {
   background-color: hsl(107, 65%, 24%);
-  background-color: var(--button--color-variation--hover);
+  background-color: var(--public--button--color-variation--hover);
 }
 
 .vDKO-cmh8vY-.FXqN12jWtPo- {
   color: hsl(107, 58%, 33%);
-  color: var(--button--color-variation);
+  color: var(--public--button--color-variation);
   fill: hsl(107, 58%, 33%);
-  fill: var(--button--color-variation);
-  background-color: rgba(255, 255, 255, 1);
+  fill: var(--public--button--color-variation);
   background-color: var(--button--color-surface);
 }
 
@@ -1069,11 +992,10 @@ a.U9VsquOtk2I-:active {
 .vDKO-cmh8vY-.FXqN12jWtPo-:hover,
 .vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {
   color: hsl(107, 65%, 24%);
-  color: var(--button--color-variation--hover);
-  background-color: hsl(53, 21%, 93%);
+  color: var(--public--button--color-variation--hover);
   background-color: var(--button--color-surface--hover);
   fill: hsl(107, 65%, 24%);
-  fill: var(--button--color-variation--hover);
+  fill: var(--public--button--color-variation--hover);
 }
 
 .pf6G840lKdA-:hover,
@@ -1081,11 +1003,10 @@ a.U9VsquOtk2I-:active {
 .pf6G840lKdA-:focus-visible,
 .vDKO-cmh8vY-.FXqN12jWtPo-:focus-visible {
   border-color: hsl(107, 65%, 24%);
-  border-color: var(--button--color-variation--hover);
+  border-color: var(--public--button--color-variation--hover);
 }
 
 .vDKO-cmh8vY-.pf6G840lKdA- {
-  background-color: rgba(255, 255, 255, 1);
   background-color: var(--button--color-surface);
 }
 
@@ -1106,7 +1027,6 @@ a.U9VsquOtk2I-:active {
 
 .vDKO-cmh8vY-.pf6G840lKdA-:hover,
 .vDKO-cmh8vY-.pf6G840lKdA-:focus-visible {
-  background-color: hsl(53, 21%, 93%);
   background-color: var(--button--color-surface--hover);
 }
 
@@ -1188,7 +1108,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .Qq-idRLJTCk- {
-  width: 40px;
   width: var(--button--size);
   padding: 0;
 }
@@ -1238,9 +1157,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   background-size: var(--space-larger) var(--space-larger);
   pointer-events: none;
   cursor: not-allowed;
-  -webkit-animation-duration: 2000ms;
   -webkit-animation-duration: var(--button--duration-loading);
-          animation-duration: 2000ms;
           animation-duration: var(--button--duration-loading);
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
@@ -1433,30 +1350,33 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 :root {
-  --avatar-size: calc(var(--base-unit) * 2);
-  --avatar-border-size: var(--border-base);
+  --public--avatar-size: 32px;
 }
 
 .WniTNadEyPk- {
+  --avatar-size: var(--public--avatar-size);
+  --avatar-border-size: var(--border-base);
+
   display: -ms-flexbox;
+
   display: flex;
   -ms-flex-align: center;
       align-items: center;
   -ms-flex-pack: center;
       justify-content: center;
-  width: calc(16px * 2);
+  width: 32px;
   width: var(--avatar-size);
-  height: calc(16px * 2);
+  height: 32px;
   height: var(--avatar-size);
-  min-width: calc(16px * 2);
+  min-width: 32px;
   min-width: var(--avatar-size);
-  min-height: calc(16px * 2);
+  min-height: 32px;
   min-height: var(--avatar-size);
   border-radius: 100%;
   border-radius: var(--radius-circle);
   color: hsl(197, 90%, 12%);
   color: var(--color-heading);
-  font-size: calc(16px * 2);
+  font-size: 32px;
   font-size: var(--avatar-size);
   -webkit-font-smoothing: antialiased;
   background: no-repeat center center hsl(197, 15%, 45%);
@@ -1472,43 +1392,36 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 ._8Pqn2uZpaZg- {
-  --avatar-size: calc(var(--base-unit) * 4.5);
+  --avatar-size: 72px;
   --avatar-border-size: var(--border-thick);
 }
 
 .S-edTXYA-7E- {
-  --avatar-size: calc(var(--base-unit) * 1.5);
+  --avatar-size: 24px;
 }
 
+/* isDark is dynamic and applies only when background is dark */
+
 .S1iBGElfOUA- {
   color: rgba(255, 255, 255, 1);
   color: var(--color-base-white);
 }
 
 .ErPhpHHpiBQ- {
-  font-size: calc((16px * 2) / 2);
-  font-size: calc(calc(16px * 2) / 2);
   font-size: calc(var(--avatar-size) / 2);
   text-transform: uppercase;
 }
 
 .aC-d-mngrIc- {
-  font-size: calc((16px * 2) / 2.25);
-  font-size: calc(calc(16px * 2) / 2.25);
   font-size: calc(var(--avatar-size) / 2.25);
 }
 
 .nR0S-GzjDnQ- {
-  width: calc((16px * 2) - (calc(16px / 16) * 2));
-  width: calc(calc(16px * 2) - (calc(16px / 16) * 2));
   width: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
-  height: calc((16px * 2) - (calc(16px / 16) * 2));
-  height: calc(calc(16px * 2) - (calc(16px / 16) * 2));
   height: calc(var(--avatar-size) - (var(--avatar-border-size) * 2));
   box-shadow: 0 0 0 calc(16px / 8) rgba(255, 255, 255, 1) inset;
   box-shadow: 0 0 0 var(--border-thick) var(--color-surface) inset;
   border-style: solid;
-  border-width: calc(16px / 16);
   border-width: var(--avatar-border-size);
 }
 
@@ -1875,13 +1788,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border-radius: var(--radius-circle);
 }
 
-:root {
+._2wxPdv7kELk- {
   --card--accent-color: var(--color-grey);
   --card--base-padding: var(--space-base);
   --card--border: var(--border-base) solid var(--color-border);
-}
 
-._2wxPdv7kELk- {
   display: block;
   width: 100%;
   border: calc(16px / 16) solid hsl(200, 13%, 87%);
@@ -1920,7 +1831,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   margin: 0 calc(-1 * (16px / 16));
   margin: 0 calc(-1 * calc(16px / 16));
   margin: 0 calc(-1 * var(--border-base));
-  border-top: 0.375rem solid hsl(0, 0%, 72%);
   border-top: 0.375rem solid var(--card--accent-color);
   border-radius: 8px 8px 0 0;
   border-radius: var(--radius-base) var(--radius-base) 0 0;
@@ -1950,7 +1860,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .fAPeD1InvAI- {
   display: -ms-flexbox;
   display: flex;
-  padding: calc(16px * 1);
   padding: var(--card--base-padding);
   padding-bottom: 0;
   -ms-flex-pack: justify;
@@ -1961,343 +1870,343 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   gap: var(--space-small);
 }
 
-.vvT4WQQNm1A- {
+.U--gqBV0NnM- {
   --card--accent-color: var(--color-request);
 }
 
-.ewWSA-AqPBs- {
+._7XOPQhWjMmA- {
   --card--accent-color: var(--color-quote);
 }
 
-.ZuQFWmcM-38- {
+._4LNGIZDt0M8- {
   --card--accent-color: var(--color-job);
 }
 
-.b9aB-DbfSI8- {
+.j1n3uDoxC-o- {
   --card--accent-color: var(--color-invoice);
 }
 
-._6tFyd9Op3QY- {
+.M-Wi49arffU- {
   --card--accent-color: var(--color-blue);
 }
 
-.uFlsik1sMf8- {
+.HueGlOhxTf0- {
   --card--accent-color: var(--color-blue--light);
 }
 
-._2dO0zCHWU48- {
+._4SVNIs9N7uE- {
   --card--accent-color: var(--color-blue--lighter);
 }
 
-.RR-XaNyu23U- {
+.iuN1yTb7oj4- {
   --card--accent-color: var(--color-blue--lightest);
 }
 
-.HLricrV5TRM- {
+.Nrq-D66xXBk- {
   --card--accent-color: var(--color-blue--dark);
 }
 
-.fvMAXzbYjVo- {
+.xogNf-fHlYA- {
   --card--accent-color: var(--color-green);
 }
 
-.vppB-fszJ7M- {
+._18oB1JIMAQI- {
   --card--accent-color: var(--color-green--light);
 }
 
-.EH4yrRyVrog- {
+.JQafeEJ1Jik- {
   --card--accent-color: var(--color-green--lighter);
 }
 
-.jfuIATPvpzw- {
+.M3Q5mqRCRbA- {
   --card--accent-color: var(--color-green--lightest);
 }
 
-.mDgzdSzCmlw- {
+.cjHyBpF3iPw- {
   --card--accent-color: var(--color-green--dark);
 }
 
-.OWeyNXobrek- {
+.MPja4tHV0-g- {
   --card--accent-color: var(--color-lime);
 }
 
-.gBd-jW7hc2A- {
+.WJ2X5cKEnx0- {
   --card--accent-color: var(--color-lime--light);
 }
 
-.PZ3p2kISQl8- {
+.A54ect6hjyU- {
   --card--accent-color: var(--color-lime--lighter);
 }
 
-.wk56Avrf5u8- {
+.I87Q7wQyGms- {
   --card--accent-color: var(--color-lime--lightest);
 }
 
-.BpxVs0ESZZQ- {
+.ckBvRC-x2u0- {
   --card--accent-color: var(--color-lime--lightest);
 }
 
-.W1Plus-w90s- {
+.rnNuzW6zbRk- {
   --card--accent-color: var(--color-yellowGreen);
 }
 
-.MBvezPZf2r0- {
+.WAw5dg76bEU- {
   --card--accent-color: var(--color-yellowGreen--light);
 }
 
-.HpMA-8L7gEQ- {
+.Fq2wqGVe7Vc- {
   --card--accent-color: var(--color-yellowGreen--lighter);
 }
 
-.Z7K3xhC6jU8- {
+.wUOOFyzeo5E- {
   --card--accent-color: var(--color-yellowGreen--lightest);
 }
 
-.qYud5BgZVDQ- {
+._5ARgkTihwuQ- {
   --card--accent-color: var(--color-yellowGreen--dark);
 }
 
-.UmKFuhj-odE- {
+.pPXd9VUatLA- {
   --card--accent-color: var(--color-yellow);
 }
 
-.urbYXsHvb-o- {
+.lL77HWaORwI- {
   --card--accent-color: var(--color-yellow--light);
 }
 
-.J5f4ygfEe1M- {
+.wWvvHRe4V58- {
   --card--accent-color: var(--color-yellow--lighter);
 }
 
-.f0YOqNTXr2c- {
+.Ax6yUH-mH9w- {
   --card--accent-color: var(--color-yellow--lightest);
 }
 
-.zYMhMXskG-o- {
+.No7TgmaCWxw- {
   --card--accent-color: var(--color-yellow--dark);
 }
 
-.xMW5G3bcZ-U- {
+.b6YvNn7GTtg- {
   --card--accent-color: var(--color-red);
 }
 
-.-O8T8zi0AkQ- {
+.wt2kaNP4fRo- {
   --card--accent-color: var(--color-red--light);
 }
 
-.WNaOw-wPD40- {
+._21c2Xi4A7io- {
   --card--accent-color: var(--color-red--light);
 }
 
-._3jne5angZmM- {
+.Qct-U6V-xHk- {
   --card--accent-color: var(--color-red--lightest);
 }
 
-.Ce3FxZAnXks- {
+.ebngmJPz2Qg- {
   --card--accent-color: var(--color-red--dark);
 }
 
-.Ubx9QHfbYVg- {
+.nslO-nxi8oI- {
   --card--accent-color: var(--color-grey);
 }
 
-._9orHaOxo3ew- {
+.OGUnWBFOSuo- {
   --card--accent-color: var(--color-grey--light);
 }
 
-.gvgk4-Qr7G8- {
+.wr8q2FLLc3w- {
   --card--accent-color: var(--color-grey--lighter);
 }
 
-._6dk6hwjKwz8- {
+.QOSYH4VVShI- {
   --card--accent-color: var(--color-grey--lightest);
 }
 
-.LFsxlyhhXWE- {
+.Vh3z-F75BWU- {
   --card--accent-color: var(--color-grey--dark);
 }
 
-.MNze-s50Qx0- {
+._9dSU6zrr1a0- {
   --card--accent-color: var(--color-greyBlue);
 }
 
-._1O6fbjtLDXE- {
+.TgW1vQu4c0w- {
   --card--accent-color: var(--color-greyBlue--light);
 }
 
-._3coHcfDM3VA- {
+.f6tIwpGm-a4- {
   --card--accent-color: var(--color-greyBlue--lighter);
 }
 
-._1GwEUK3RMmk- {
+.IPK3Bs2Fy-o- {
   --card--accent-color: var(--color-greyBlue--lightest);
 }
 
-._03qQDU55XhA- {
+.Pn-l7rjsy-Q- {
   --card--accent-color: var(--color-greyBlue--dark);
 }
 
-.XrONNgApzcY- {
+.uI-yUtDuwoQ- {
   --card--accent-color: var(--color-lightBlue);
 }
 
-.axCpC15OAsQ- {
+._3p118AsEEds- {
   --card--accent-color: var(--color-lightBlue--light);
 }
 
-.l7-ZKiT7ECs- {
+.nhAoaT9OyMU- {
   --card--accent-color: var(--color-lightBlue--lighter);
 }
 
-.R-d7ifPGd-U- {
+.h3jjwwrS0hM- {
   --card--accent-color: var(--color-lightBlue--lightest);
 }
 
-.tjGcvlfZNo0- {
+.ceNlOEEu3X4- {
   --card--accent-color: var(--color-lightBlue--dark);
 }
 
-._6yFi1QGzU-0- {
+._19ZhsuAGFjI- {
   --card--accent-color: var(--color-purple);
 }
 
-.s5B034ADstg- {
+.Y2BC6HX8O-Q- {
   --card--accent-color: var(--color-purple--light);
 }
 
-.XvHFMKO2QkA- {
+.VwCa7pniY0U- {
   --card--accent-color: var(--color-purple--lighter);
 }
 
-.z1yqV2h-X0o- {
+.l6GXsYJgpME- {
   --card--accent-color: var(--color-purple--lightest);
 }
 
-.ShqfQED9t1k- {
+.NjRbvoKmYr0- {
   --card--accent-color: var(--color-purple--dark);
 }
 
-.TSAuQcS9guw- {
+.aQ7TEj-oMn8- {
   --card--accent-color: var(--color-pink);
 }
 
-.GwUX04DtVTg- {
+._9-jyj9LIn1s- {
   --card--accent-color: var(--color-pink--light);
 }
 
-.OOxzzrT-Kyg- {
+._4cTmM5GgRhQ- {
   --card--accent-color: var(--color-pink--lighter);
 }
 
-._9iIg4vnXMPQ- {
+._7rubJAdMUqQ- {
   --card--accent-color: var(--color-pink--lightest);
 }
 
-._3VTCutRlbfQ- {
+._24peXA2Bjg8- {
   --card--accent-color: var(--color-pink--dark);
 }
 
-.fG-k53wCdy8- {
+._40RCT14wVA0- {
   --card--accent-color: var(--color-teal);
 }
 
-.GMNha2EEVYg- {
+._5Wk5b3x33SI- {
   --card--accent-color: var(--color-teal--light);
 }
 
-._8mCqw-pGqc8- {
+.jx-1KneavXY- {
   --card--accent-color: var(--color-teal--lighter);
 }
 
-.XHd3g6apCv8- {
+.Zg6ZDUqqBIU- {
   --card--accent-color: var(--color-teal--lightest);
 }
 
-.XadpYA5oNNU- {
+.MB1JUn3WbT0- {
   --card--accent-color: var(--color-teal--dark);
 }
 
-.yOjNuw4uX2M- {
+._2O3MKBTInpI- {
   --card--accent-color: var(--color-orange);
 }
 
-.CFBZb6YwS8U- {
+._4PtceSXjphE- {
   --card--accent-color: var(--color-orange--light);
 }
 
-.dj0X5xsNtZA- {
+.-ho-dOYIGOE- {
   --card--accent-color: var(--color-orange--lighter);
 }
 
-.bSU2KCid1GE- {
+.OIW53Cu6PdQ- {
   --card--accent-color: var(--color-orange--lightest);
 }
 
-.dPKWRPFuIko- {
+.Hb4QswVj2to- {
   --card--accent-color: var(--color-orange--dark);
 }
 
-.i90uzcHXLBQ- {
+.PHCU7v0K-HQ- {
   --card--accent-color: var(--color-brown);
 }
 
-.Q1g5O8oxNQ8- {
+._5sb1i95ajvg- {
   --card--accent-color: var(--color-brown--light);
 }
 
-.UimWc99bIs0- {
+._09F8fqBypaU- {
   --card--accent-color: var(--color-brown--lighter);
 }
 
-.AUWBtBoPSB4- {
+.odWkIvSyrws- {
   --card--accent-color: var(--color-brown--lightest);
 }
 
-._7xEA4hCoooA- {
+.BE1ehQ9byVA- {
   --card--accent-color: var(--color-brown--dark);
 }
 
-.IqAniikSo1A- {
+.L8FtGf7yBCA- {
   --card--accent-color: var(--color-navy);
 }
 
-.NTbn2du5U28- {
+.tpofAfBgVH4- {
   --card--accent-color: var(--color-navy--light);
 }
 
-.RbY7pJetOU0- {
+.JH2nQ1aKzjQ- {
   --card--accent-color: var(--color-navy--lighter);
 }
 
-.TAlHuH8GUaY- {
+.O0uff3aiJ6c- {
   --card--accent-color: var(--color-navy--lightest);
 }
 
-.Pm1CuBHrg0Q- {
+.qHvXzYvob8k- {
   --card--accent-color: var(--color-navy--dark);
 }
 
-._-4HRcMjMcTg- {
+.wBeDvsLEZ4E- {
   --card--accent-color: var(--color-indigo);
 }
 
-.frP-WGi4cig- {
+.K-xk3aa31kQ- {
   --card--accent-color: var(--color-indigo--light);
 }
 
-.GzJbf-nczMU- {
+.K7wDnU9Iwxw- {
   --card--accent-color: var(--color-indigo--lighter);
 }
 
-.LFsNJs2wsGY- {
+.Cxx7wmyPIAE- {
   --card--accent-color: var(--color-indigo--lightest);
 }
 
-.KRBIaqOA1G4- {
+.XPzEeqsF0jM- {
   --card--accent-color: var(--color-indigo--dark);
 }
 
-.OXOOKDn6V-M- {
+.TbN5g0Jasw0- {
   --card--accent-color: var(--color-white);
 }
 
@@ -2443,6 +2352,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   -webkit-font-smoothing: antialiased;
 }
 
+.ZuceCiefKqw-.swj5aEjo1Qo- > span {
+  color: hsl(6, 64%, 51%);
+  color: var(--color-destructive);
+}
+
 .eKnUAucwwWU- {
   position: fixed;
   top: 0;
@@ -2859,17 +2773,15 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   width: 1px;
 }
 
-:root {
-  --tooltip--arrow-size: var(--space-small);
-  --tooltip--offset: calc(-1 * var(--space-smaller));
-  --tooltip--surface: var(--color-surface--reverse);
-}
-
 .q07bkGoq714- {
   display: none;
 }
 
 .dkCTRfc3vYk- {
+  --tooltip--arrow-size: 8px;
+  --tooltip--offset: calc(-1 * var(--space-smaller));
+  --tooltip--surface: var(--color-surface--reverse);
+
   display: inline-block;
   position: absolute;
   z-index: 1002;
@@ -2880,22 +2792,18 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .yAFP4gRKlTM- {
   display: inline-block;
   position: relative;
-  max-width: calc(16px * 15);
-  max-width: calc(var(--base-unit) * 15);
+  max-width: 250px;
   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: 8px;
   border-radius: var(--radius-base);
-  background-color: hsl(197, 90%, 12%);
   background-color: var(--tooltip--surface);
 }
 
 .yAFP4gRKlTM- .j9KgRON7iTU-,
 .yAFP4gRKlTM- .j9KgRON7iTU-::after {
-  width: calc(16px / 2);
   width: var(--tooltip--arrow-size);
-  height: calc(16px / 2);
   height: var(--tooltip--arrow-size);
   background-color: transparent;
 }
@@ -2904,7 +2812,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   content: "";
   display: block;
   position: absolute;
-  background-color: hsl(197, 90%, 12%);
   background-color: var(--tooltip--surface);
   -webkit-transform: rotate(45deg);
           transform: rotate(45deg);
@@ -2921,8 +2828,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .DpxWsz9QuIo- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  bottom: calc(-1 * (16px / 4));
-  bottom: calc(-1 * calc(16px / 4));
   bottom: var(--tooltip--offset);
 }
 
@@ -2937,8 +2842,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 ._5RblY1rnJOA- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  top: calc(-1 * (16px / 4));
-  top: calc(-1 * calc(16px / 4));
   top: var(--tooltip--offset);
 }
 
@@ -2953,8 +2856,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 .C9MXsqd4wLM- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  right: calc(-1 * (16px / 4));
-  right: calc(-1 * calc(16px / 4));
   right: var(--tooltip--offset);
 }
 
@@ -2969,8 +2870,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 }
 
 ._2ZZcgQ4fJ-k- .yAFP4gRKlTM- .j9KgRON7iTU- {
-  left: calc(-1 * (16px / 4));
-  left: calc(-1 * calc(16px / 4));
   left: var(--tooltip--offset);
 }
 
@@ -4094,13 +3993,13 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
       order: 1; /* 1 */
 }
 
-._65IpUjOZiBg- {
+.E1zzTkLldmM- {
   --modal--padding: var(--space-base);
   --public-tab--inset: var(--space-base);
   max-width: 400px;
 }
 
-.Cpwnmw65caA- {
+.CszpySDRb0o- {
   max-width: 940px;
 }
 
@@ -4820,25 +4719,21 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .AN5egORYy-0- path {
   fill: hsl(198, 35%, 21%);
   fill: var(--color-interactive--subtle);
-  transition: all 200ms ease;
-  transition: all var(--timing-base) ease;
-}
-
-.AN5egORYy-0- path.F1uTDCK0Sb0- {
-  fill: hsl(197, 90%, 12%);
-  fill: var(--color-heading);
+  transition: opacity 200ms ease;
+  transition: opacity var(--timing-base) ease;
 }
 
 .AN5egORYy-0- path._6KYeQXWXLQ8- {
-  fill: hsl(195, 12%, 94%);
-  fill: var(--color-inactive--surface);
+  opacity: 0.4;
 }
 
+.AN5egORYy-0- path.F1uTDCK0Sb0-,
 .AN5egORYy-0-:hover path {
-  fill: hsl(198, 35%, 21%);
-  fill: var(--color-interactive--subtle);
-  transition: all 200ms ease;
-  transition: all var(--timing-base) ease;
+  opacity: 1;
+}
+
+.AN5egORYy-0-:hover path._6KYeQXWXLQ8- {
+  opacity: 0.6;
 }
 
 .thBUfVNaigs- {
@@ -5537,16 +5432,21 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding-right: var(--space-small);
 }
 .wtb8keLFxgc- path {
-  fill: hsl(197, 15%, 45%);
-  fill: var(--color-greyBlue);
-}
-.wtb8keLFxgc- path.TUkZiGiR6hc- {
-  fill: hsl(197, 90%, 12%);
-  fill: var(--color-blue);
+  fill: hsl(198, 35%, 21%);
+  fill: var(--color-interactive--subtle);
+  opacity: 0.4;
+  transition: opacity 200ms ease;
+  transition: opacity var(--timing-base) ease;
 }
 .wtb8keLFxgc- path.HkPlMeyz3rM- {
-  fill: hsl(196, 12%, 70%);
-  fill: var(--color-greyBlue--lighter);
+  opacity: 0.4;
+}
+.wtb8keLFxgc- path.TUkZiGiR6hc-,
+.wtb8keLFxgc-:hover path {
+  opacity: 1;
+}
+.wtb8keLFxgc-:hover path.HkPlMeyz3rM- {
+  opacity: 0.6;
 }
 
 @charset "UTF-8";
@@ -6494,12 +6394,10 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   border-right: var(--divider-width) solid var(--divider-color);
 }
 
-:root {
+.IJAyrFb2GpA- {
   --drawer-width: 280px;
   --drawer--base-padding: var(--space-large);
-}
 
-.IJAyrFb2GpA- {
   display: none;
   position: fixed;
   top: 0;
@@ -6529,7 +6427,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .IJAyrFb2GpA- {
     position: relative;
     z-index: auto;
-    width: 280px;
     width: var(--drawer-width);
     border: calc(16px / 16) solid hsl(200, 13%, 87%);
     border: var(--border-base) solid var(--color-border);
@@ -6573,7 +6470,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .TcdyXiTbnMU- {
   display: -ms-flexbox;
   display: flex;
-  padding: calc(16px * 1) calc(16px * 1) 0 calc(16px * 1.5);
+  padding: calc(16px * 1) calc(16px * 1) 0 var(--drawer--base-padding);
   padding: var(--space-base) var(--space-base) 0 var(--drawer--base-padding);
   background-color: transparent;
   -ms-flex-pack: justify;
@@ -6659,7 +6556,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   opacity: 1;
 }
 
-:root {
+.RFAaR96FAEY- {
   --switch--width: 48px;
   --switch--pipSize: 16px;
   --switch--labelWidth: calc(var(--switch--pipSize) * 1.3);
@@ -6676,14 +6573,11 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 .NaSI2jsLI0c- {
   display: -ms-inline-flexbox;
   display: inline-flex;
-  width: 48px;
   width: var(--switch--width);
-  height: calc(48px / 2);
   height: calc(var(--switch--width) / 2);
   padding: 0;
   border: calc(16px / 8) solid hsl(200, 13%, 87%);
   border: var(--border-thick) solid var(--color-border--interactive);
-  border-radius: 16px;
   border-radius: var(--switch--pipSize);
   overflow: hidden;
   line-height: normal;
@@ -6720,7 +6614,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  margin-left: calc(48px / -2);
   margin-left: calc(var(--switch--width) / -2);
   pointer-events: none;
   -ms-flex: 1 1 100%;
@@ -6737,7 +6630,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   display: -ms-flexbox;
   display: flex;
   position: relative;
-  min-width: calc(16px * 1.3);
   min-width: var(--switch--labelWidth);
   margin-top: calc(16px / 16);
   margin-top: var(--space-minuscule);
@@ -6765,9 +6657,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
 ._2hxova2FHpM- {
   -ms-flex: 0 0 auto;
       flex: 0 0 auto;
-  width: 16px;
   width: var(--switch--pipSize);
-  height: 16px;
   height: var(--switch--pipSize);
   border: none;
   border-radius: 100%;
@@ -6819,13 +6709,8 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   font-style: normal;
 }
 
-:root {
-  --file-card--height: calc(var(--space-base) * 3.5);
-  --file-card--background-color: var(--color-white);
-  --file-card--header-background-color: var(--color-greyBlue--lighter);
-  --file-card--content-background-color: var(--color-white);
-  --file-card--border-color: var(--color-border);
-  --file-card--accent-color: var(--color-grey);
+.izUmsxxh1nU- {
+  --file-card--background-color: var(--color-surface);
   --file-card--base-padding: var(--space-small);
 }
 
@@ -6833,8 +6718,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   display: grid;
   grid-template-columns: auto -webkit-max-content;
   grid-template-columns: auto max-content;
-  gap: calc(16px / 2);
-  grid-gap: calc(16px / 2);
   grid-gap: var(--file-card--base-padding);
   gap: var(--file-card--base-padding);
   -ms-flex-align: center;
@@ -6842,10 +6725,9 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding-right: calc(16px / 2);
   padding-right: var(--space-small);
   border: calc(16px / 16) solid hsl(200, 13%, 87%);
-  border: var(--border-base) solid var(--file-card--border-color);
+  border: var(--border-base) solid var(--color-border);
   border-radius: 8px;
   border-radius: var(--radius-base);
-  background-color: rgba(255, 255, 255, 1);
   background-color: var(--file-card--background-color);
 }
 
@@ -6858,8 +6740,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   display: grid;
   grid-template-columns: -webkit-max-content auto;
   grid-template-columns: max-content auto;
-  gap: calc(16px / 2);
-  grid-gap: calc(16px / 2);
   grid-gap: var(--file-card--base-padding);
   gap: var(--file-card--base-padding);
   -ms-flex-align: center;
@@ -6867,7 +6747,7 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   padding: 0;
   border: none;
   text-align: left;
-  background-color: var(--color-transparent);
+  background-color: transparent;
 }
 
 .z-kUGMs0Yfg- {
@@ -6968,7 +6848,6 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   -ms-flex-align: center;
       align-items: center;
   box-sizing: border-box;
-  padding: calc(16px / 2);
   padding: var(--file-card--base-padding);
 }
 
@@ -7085,13 +6964,12 @@ a.U9VsquOtk2I-.bg-l22drjd0-:hover {
   }
 }
 
-:root {
-  --progress-bar--height: var(--space-base);
+.S1cioqW7loo- {
+  --progress-bar--height: 16px;
 }
 
 progress.S1cioqW7loo-[value] {
   width: 100%;
-  height: calc(16px * 1);
   height: var(--progress-bar--height);
   border: none;
   vertical-align: baseline;
@@ -7102,8 +6980,6 @@ progress.S1cioqW7loo-[value] {
 progress.S1cioqW7loo-[value],
 progress.S1cioqW7loo-[value]::-webkit-progress-bar {
   box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.05);
-  border-radius: calc((16px * 1) / 2);
-  border-radius: calc(calc(16px * 1) / 2);
   border-radius: calc(var(--progress-bar--height) / 2);
 }
 
@@ -7113,8 +6989,6 @@ progress.S1cioqW7loo-[value]::-webkit-progress-bar {
 }
 
 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: hsl(107, 58%, 33%);
   background-color: var(--color-interactive);
@@ -7125,8 +6999,6 @@ progress.S1cioqW7loo-[value]::-webkit-progress-value {
 }
 
 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: hsl(107, 58%, 33%);
   background-color: var(--color-interactive);
@@ -7153,16 +7025,16 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   gap: var(--space-small);
 }
 
-.CzIxUWYkrdo- {
-  --progress-bar--height: var(--space-smaller);
+.Tww7j0fUI68- {
+  --progress-bar--height: 4px;
 }
 
-.JNSDqHqKVlE- {
-  --progress-bar--height: var(--space-small);
+.IahmFcoY2w8- {
+  --progress-bar--height: 8px;
 }
 
-.nzFMJ2k4zJ0- {
-  --progress-bar--height: var(--space-base);
+.VObuDHeYwoQ- {
+  --progress-bar--height: 16px;
 }
 
 .G3D4T8IYmwA-,
@@ -7199,6 +7071,22 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   box-shadow: var(--shadow-base);
 }
 
+/**
+ * This class is added to the root html element when opening a LightBox.
+ * When the user tries to print the page, this prevents the LightBox content
+ * from being duplicated multiple times.
+ */
+@media print {
+html.atlantisLightBoxActive {
+    overflow: hidden;
+
+    body {
+      position: absolute;
+      height: 100%;
+      overflow: hidden;
+    }
+}
+  }
 ._3JgBCebdbNU-,
 .JJOBEL7d-10- {
   display: -ms-flexbox;
@@ -7210,17 +7098,14 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   -webkit-transform: translateY(-50%);
           transform: translateY(-50%);
 }
-
 ._3JgBCebdbNU- {
   right: calc(16px * 1);
   right: var(--space-base);
 }
-
 .JJOBEL7d-10- {
   left: calc(16px * 1);
   left: var(--space-base);
 }
-
 .fAep1A-0xIU- {
   display: -ms-flexbox;
   display: flex;
@@ -7236,7 +7121,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   -ms-flex-direction: column;
       flex-direction: column;
 }
-
 .AfUUWErd5S4- {
   display: -ms-flexbox;
   display: flex;
@@ -7253,14 +7137,12 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   -ms-flex-pack: justify;
       justify-content: space-between;
 }
-
 .ysUYbBTaORk- {
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-align: center;
       align-items: center;
 }
-
 .GSOVtN1Y3IU- {
   display: -ms-flexbox;
   display: flex;
@@ -7271,7 +7153,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
       flex: 1 1 0;
   min-height: 0;
 }
-
 .-V917BdNqSs- {
   position: fixed;
   top: 0;
@@ -7281,7 +7162,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   background-color: rgba(0, 0, 0, 0.32);
   background-color: var(--color-overlay);
 }
-
 .sjwUjzb3a5c- {
   position: absolute;
   top: 50%;
@@ -7879,6 +7759,23 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   margin-bottom: var(--space-base);
 }
 
+.Rwavr8hZaCg- {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: calc(16px * 1);
+  margin-bottom: var(--space-base);
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: calc(16px * 1);
+  gap: var(--space-base);
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.Rwavr8hZaCg- h1 {
+  margin-bottom: 0;
+}
+
 .GCeQrLFyml4- > .KP-BTjB82iQ- {
   -ms-flex: 1 0 auto;
       flex: 1 0 auto;
@@ -7958,39 +7855,19 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   margin-bottom: var(--space-base);
 }
 
-:root {
-  --card--base-padding: var(--space-base);
+.TDuYbqXaLW0- {
   --popover--padding: var(--space-base);
-  --popover--width: calc(var(--base-unit) * 21.875);
+  --popover-content--base-padding: var(--space-base);
+  --popover--width: 350px;
   --dismiss--button-padding: calc(var(--base-unit) / 4);
   --popover--position--offset: -7px;
-}
-
-.oSlK4rLUvzE- {
-  display: -ms-flexbox;
-  display: flex;
-  position: "relative";
-  padding: calc(16px * 1);
-  padding: var(--popover--padding);
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-  -ms-flex-align: center;
-      align-items: center;
-}
 
-.XVPpPb-7e30- {
-  float: right;
-  padding: calc(16px / 4);
-  padding: var(--dismiss--button-padding);
-  text-align: right;
-}
-
-.TDuYbqXaLW0- {
   z-index: 1002;
+
   z-index: var(--elevation-tooltip);
   width: -webkit-max-content;
   width: max-content;
-  max-width: calc(16px * 21.875);
+  max-width: 350px;
   max-width: var(--popover--width);
   box-shadow: 0px calc(16px / 16) calc(16px / 4) 0px
       rgba(0, 0, 0, 0.1),
@@ -8008,8 +7885,25 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   background: var(--color-surface);
 }
 
+.oSlK4rLUvzE- {
+  display: -ms-flexbox;
+  display: flex;
+  position: "relative";
+  padding: var(--popover--padding);
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.XVPpPb-7e30- {
+  float: right;
+  padding: var(--dismiss--button-padding);
+  text-align: right;
+}
+
 .TDuYbqXaLW0- > * {
-  --public-content--padding: var(--card--base-padding);
+  --public-content--padding: var(--popover-content--base-padding);
 }
 
 .LJCpn0zf1e8- {
@@ -8040,7 +7934,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="top"] > .LJCpn0zf1e8- {
-  bottom: -7px;
   bottom: var(--popover--position--offset);
 }
 
@@ -8050,12 +7943,10 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="bottom"] > .LJCpn0zf1e8- {
-  top: -7px;
   top: var(--popover--position--offset);
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="left"] > .LJCpn0zf1e8- {
-  right: -7px;
   right: var(--popover--position--offset);
 }
 
@@ -8065,7 +7956,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 .TDuYbqXaLW0-[data-popper-placement^="right"] > .LJCpn0zf1e8- {
-  left: -7px;
   left: var(--popover--position--offset);
 }
 
@@ -8411,12 +8301,10 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   width: 100%;
 }
 
-:root {
+.f-MKdBvCQXQ- {
   --sideDrawer--base-padding: var(--space-base);
   --sideDrawer--background: var(--color-surface);
-}
 
-.f-MKdBvCQXQ- {
   position: fixed;
   top: 0;
   right: 0;
@@ -8440,7 +8328,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 
 .ZMrzd2xJCtQ- {
   height: 100%;
-  background-color: rgba(255, 255, 255, 1);
   background-color: var(--sideDrawer--background);
 }
 
@@ -8453,9 +8340,7 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   position: sticky;
   z-index: 1;
   z-index: var(--elevation-base);
-  padding: calc(16px * 1);
   padding: var(--sideDrawer--base-padding);
-  background-color: rgba(255, 255, 255, 1);
   background-color: var(--sideDrawer--background);
   transition:
     box-shadow 200ms ease-in-out,
@@ -8651,11 +8536,9 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
             transform: translateX(0);
   }
 
-:root {
+.ob7nhx1U-HQ- {
   --statusLabel-icon-diameter: 8px;
-}
 
-.ob7nhx1U-HQ- {
   display: inline-block;
   width: 8px;
   width: var(--statusLabel-icon-diameter);
@@ -8668,8 +8551,24 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
       flex-shrink: 0;
 }
 
-:root {
+.MB0ycTR4PHg- {
   --labelBackgroundColor: var(--color-success--surface);
+
+  display: -ms-flexbox;
+
+  display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  padding: 0.375rem 0.625rem 0.375rem 0.5rem;
+  border-radius: 0.75rem;
+  -ms-flex-direction: row;
+      flex-direction: row;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  gap: 0.375rem;
+  background-color: hsl(109, 28%, 92%);
+  background-color: var(--labelBackgroundColor);
 }
 
 .WBxCEgPiC98- {
@@ -8692,23 +8591,6 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
   --labelBackgroundColor: var(--color-informative--surface);
 }
 
-.MB0ycTR4PHg- {
-  display: -ms-flexbox;
-  display: flex;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  padding: 0.375rem 0.625rem 0.375rem 0.5rem;
-  border-radius: 0.75rem;
-  -ms-flex-direction: row;
-      flex-direction: row;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  gap: 0.375rem;
-  background-color: hsl(109, 28%, 92%);
-  background-color: var(--labelBackgroundColor);
-}
-
 /* Reset the <Text> line height so we can reliably get 24px tall */
 
 .MB0ycTR4PHg- p {
@@ -8798,12 +8680,13 @@ progress.nv5fejwjHzo-[value]::-webkit-progress-value {
 }
 
 :root {
-  --tab--height: calc(var(--space-larger) + var(--space-small));
-  --tab--inset: var(--space-base);
-  --public-tab--inset: var(--tab--inset);
+  --public-tab--inset: var(--space-base);
 }
 
 .-kxlqXO5UN0- {
+  --tab--height: 40px;
+  --tab--vertical-inset: var(--space-base);
+
   display: block;
   width: 100%;
 }
@@ -8873,8 +8756,6 @@ ul.wdW31G8Trag- {
 }
 
 .MO7CXQ8xJXo- {
-  height: calc((16px * 2) + (16px / 2));
-  height: calc(calc(16px * 2) + calc(16px / 2));
   height: var(--tab--height);
   margin: 0;
   padding: calc(16px / 4) calc(16px / 2);
@@ -8923,12 +8804,86 @@ ul.wdW31G8Trag- {
 }
 
 .AimQioztR1U- {
-  padding-top: calc(16px * 1);
-  padding-top: var(--tab--inset);
-  padding-bottom: calc(16px * 1);
-  padding-bottom: var(--tab--inset);
+  padding-top: var(--tab--vertical-inset);
+  padding-bottom: var(--tab--vertical-inset);
   padding-left: calc(16px * 1);
   padding-left: var(--public-tab--inset);
   padding-right: calc(16px * 1);
   padding-right: var(--public-tab--inset);
 }
+
+.FVK4VwhLaVQ- {
+  position: relative;
+  z-index: 1003;
+  z-index: var(--elevation-toast);
+}
+
+.MUXYGaC7Msg- {
+  display: -ms-flexbox;
+  display: flex;
+  position: fixed;
+  right: 0;
+  bottom: calc(16px * 1.5);
+  bottom: var(--space-large);
+  left: 0;
+  z-index: 1003;
+  z-index: var(--elevation-toast);
+  width: 100%;
+  box-sizing: border-box;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 0 calc(16px * 1.5);
+  padding: 0 var(--space-large);
+  color: rgba(255, 255, 255, 1);
+  color: var(--color-text--reverse);
+  font-size: calc(16px * 1);
+  font-size: var(--typography--fontSize-large);
+  pointer-events: none;
+}
+
+.yCRa7jHH33M- {
+  box-shadow: 0px calc(16px * 1) calc(16px * 1) 0px
+      rgba(0, 0, 0, 0.075),
+    0px 0px calc(16px / 2) 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-high);
+  overflow: hidden;
+  pointer-events: all;
+}
+
+.yCRa7jHH33M- + .yCRa7jHH33M- {
+  margin-top: calc(16px * 1);
+  margin-top: var(--space-base);
+}
+
+.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 / 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: hsl(197, 90%, 12%);
+  background: var(--color-surface--reverse);
+}
+
+/* Use of !important to make the button icon visible in
+   the reverse color scheme of Toast */
+
+.cExoS0APILs- * path {
+  fill: hsl(197, 15%, 45%) !important;
+  fill: var(--color-text--secondary) !important;
+}
+
+.cExoS0APILs-:hover * path {
+  fill: hsl(197, 15%, 45%) !important;
+  fill: var(--color-greyBlue) !important;
+}