@jobber/components 6.51.1 → 6.51.2

package/dist/styles.css

@@ -202,272 +202,6 @@
   border-width: var(--avatar-border-size);
 }
 
-.ucGelS5nNm0- {
-  --banner-surface: var(--color-surface);
-  --banner-textColor: var(--color-text);
-  display: -ms-flexbox;
-  display: flex;
-  position: relative;
-  padding: calc(16px - 4px) 16px;
-  padding: calc(var(--space-base) - var(--space-smaller)) var(--space-base);
-  border-radius: 8px;
-  border-radius: var(--radius-base);
-  color: hsl(198, 35%, 21%);
-  color: var(--banner-textColor);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--banner-surface);
-  gap: 8px;
-  gap: var(--space-small);
-  -ms-flex-align: center;
-      align-items: center;
-}
-
-._5VzH3Cz9ps8- {
-  --banner-surface: var(--color-informative--surface);
-  --banner-textColor: var(--color-informative--onSurface);
-}
-
-._16jyB9OYJIs- {
-  --banner-surface: var(--color-critical--surface);
-  --banner-textColor: var(--color-critical--onSurface);
-}
-
-._4h-6cc8lZo8- {
-  --banner-surface: var(--color-warning--surface);
-  --banner-textColor: var(--color-warning--onSurface);
-}
-
-.k7T2IV0R8Q0- {
-  --banner-surface: var(--color-success--surface);
-  --banner-textColor: var(--color-success--onSurface);
-}
-
-.dG2vHE6g8f0- > a,
-.dG2vHE6g8f0- > p {
-  color: inherit;
-}
-
-.dG2vHE6g8f0- > a {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.dG2vHE6g8f0- > a:hover {
-  color: hsl(197, 90%, 12%);
-  color: var(--color-heading);
-}
-
-.j9IeihCCYxI- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-  gap: 8px;
-  gap: var(--space-small);
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-  -ms-flex-align: start;
-      align-items: flex-start;
-}
-
-@media (max-width: 489px) {
-
-.j9IeihCCYxI- {
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-}
-  }
-
-@media (--small-screens-and-below) {
-
-.j9IeihCCYxI- {
-    -ms-flex-wrap: wrap;
-        flex-wrap: wrap;
-}
-  }
-
-.dG2vHE6g8f0- {
-  -ms-flex: 1;
-      flex: 1;
-  -ms-flex-item-align: center;
-      align-self: center;
-}
-
-.j9IeihCCYxI- > *:last-child {
-  margin-bottom: 0;
-}
-
-.D5X29shmSr0- .dG2vHE6g8f0- {
-  -ms-flex: 1;
-      flex: 1;
-}
-
-.W0pSTO-oRmk- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
-}
-
-@media (max-width: 489px) {
-
-.W0pSTO-oRmk- {
-    width: 100%;
-    padding-left: 32px;
-    padding-left: var(--space-larger);
-}
-  }
-
-@media (--small-screens-and-below) {
-
-.W0pSTO-oRmk- {
-    width: 100%;
-    padding-left: 32px;
-    padding-left: var(--space-larger);
-}
-  }
-
-.-IYYDBmq2Q0- {
-  margin: calc(2px * -1) 0;
-  margin: calc(var(--space-smallest) * -1) 0;
-  -ms-flex-item-align: start;
-      align-self: flex-start;
-  mix-blend-mode: multiply;
-}
-
-@media (max-width: 489px) {
-
-.-IYYDBmq2Q0- {
-    margin: calc(8px * -1) 0;
-    margin: calc(var(--space-small) * -1) 0;
-}
-  }
-
-@media (--small-screens-and-below) {
-
-.-IYYDBmq2Q0- {
-    margin: calc(8px * -1) 0;
-    margin: calc(var(--space-small) * -1) 0;
-}
-  }
-
-[data-theme="dark"] .-IYYDBmq2Q0- {
-  mix-blend-mode: screen;
-}
-
-.BQhacg0OlMs- {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  padding: 4px;
-  padding: var(--space-smaller);
-  border-radius: 100%;
-  border-radius: var(--radius-circle);
-  background-color: hsl(53, 21%, 93%);
-  background-color: var(--color-surface--background);
-}
-
-.D5X29shmSr0- .BQhacg0OlMs- {
-  -ms-flex-item-align: center;
-      align-self: center;
-}
-
-.-PlHaWx00Hw- {
-  --card--accent-color: var(--color-grey);
-  --card--base-padding: var(--space-base);
-  --card--border: var(--border-base) solid var(--color-border);
-
-  display: block;
-  width: 100%;
-  border: 1px solid hsl(200, 13%, 87%);
-  border: var(--card--border);
-  border-radius: 8px;
-  border-radius: var(--radius-base);
-  outline-color: hsl(198, 12%, 57%);
-  outline-color: var(--color-focus);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
-}
-
-.-PlHaWx00Hw-:active {
-  outline: 0;
-}
-
-/* Adjust `Content` components public padding to match the cards */
-
-.-PlHaWx00Hw- > * {
-  --public-content--padding: var(--card--base-padding);
-}
-
-/* Remove the nested `Content` components public padding */
-
-.-PlHaWx00Hw- > * > * {
-  --public-content--padding: 0;
-}
-
-.Iilm5Uhxo50- {
-  border-top-width: 0;
-}
-
-.Iilm5Uhxo50-::before {
-  content: " ";
-  display: block;
-  margin: 0 calc(-1 * 1px);
-  margin: 0 calc(-1 * var(--border-base));
-  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;
-}
-
-.Vppn4k0fBsc- {
-  color: inherit;
-  text-decoration: inherit;
-  cursor: pointer;
-  transition: all 200ms ease-out;
-  transition: all var(--timing-base) ease-out;
-}
-
-.Vppn4k0fBsc-:hover,
-.Vppn4k0fBsc-:focus {
-  background-color: hsl(53, 21%, 93%);
-  background-color: var(--color-surface--hover);
-}
-
-.l3-Pkynq2zA- {
-  display: -ms-flexbox;
-  display: flex;
-  padding: var(--card--base-padding);
-  padding-bottom: 0;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-  -ms-flex-align: start;
-      align-items: flex-start;
-  gap: 8px;
-  gap: var(--space-small);
-}
-
-.bb-VTS0yML8-,
-._2BzdFV5LQvM-,
-._60G0BuQ6TY0- {
-  --card--border: none;
-}
-
-.bb-VTS0yML8- {
-  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
-  box-shadow: var(--shadow-low);
-}
-
-._2BzdFV5LQvM- {
-  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
-  box-shadow: var(--shadow-base);
-}
-
-._60G0BuQ6TY0- {
-  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
-  box-shadow: var(--shadow-high);
-}
-
 :root {
   --public--button--color-variation: var(--color-interactive);
   --public--button--color-variation--hover: var(--color-interactive--hover);
@@ -765,40 +499,285 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
           animation-timing-function: linear;
 }
 
-.TrzCxs3OEpM-.NCs-BISj1XU-:not(.MVT-qs-bO9M-) {
-  background-image: linear-gradient(
-    135deg,
-    rgba(255, 255, 255, 0.25) 0%,
-    rgba(255, 255, 255, 0.25) 25%,
-    transparent 25%,
-    transparent 50%,
-    rgba(255, 255, 255, 0.25) 50%,
-    rgba(255, 255, 255, 0.25) 75%,
-    transparent 75%,
-    transparent 100%
-  );
+.TrzCxs3OEpM-.NCs-BISj1XU-:not(.MVT-qs-bO9M-) {
+  background-image: linear-gradient(
+    135deg,
+    rgba(255, 255, 255, 0.25) 0%,
+    rgba(255, 255, 255, 0.25) 25%,
+    transparent 25%,
+    transparent 50%,
+    rgba(255, 255, 255, 0.25) 50%,
+    rgba(255, 255, 255, 0.25) 75%,
+    transparent 75%,
+    transparent 100%
+  );
+}
+
+@-webkit-keyframes M0LU-Rdq-MA- {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 32px 32px;
+    background-position: var(--space-larger) var(--space-larger);
+  }
+}
+
+@keyframes M0LU-Rdq-MA- {
+  0% {
+    background-position: 0 0;
+  }
+
+  100% {
+    background-position: 32px 32px;
+    background-position: var(--space-larger) var(--space-larger);
+  }
+}
+
+.ucGelS5nNm0- {
+  --banner-surface: var(--color-surface);
+  --banner-textColor: var(--color-text);
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  padding: calc(16px - 4px) 16px;
+  padding: calc(var(--space-base) - var(--space-smaller)) var(--space-base);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  color: hsl(198, 35%, 21%);
+  color: var(--banner-textColor);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--banner-surface);
+  gap: 8px;
+  gap: var(--space-small);
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+._5VzH3Cz9ps8- {
+  --banner-surface: var(--color-informative--surface);
+  --banner-textColor: var(--color-informative--onSurface);
+}
+
+._16jyB9OYJIs- {
+  --banner-surface: var(--color-critical--surface);
+  --banner-textColor: var(--color-critical--onSurface);
+}
+
+._4h-6cc8lZo8- {
+  --banner-surface: var(--color-warning--surface);
+  --banner-textColor: var(--color-warning--onSurface);
+}
+
+.k7T2IV0R8Q0- {
+  --banner-surface: var(--color-success--surface);
+  --banner-textColor: var(--color-success--onSurface);
+}
+
+.dG2vHE6g8f0- > a,
+.dG2vHE6g8f0- > p {
+  color: inherit;
+}
+
+.dG2vHE6g8f0- > a {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.dG2vHE6g8f0- > a:hover {
+  color: hsl(197, 90%, 12%);
+  color: var(--color-heading);
+}
+
+.j9IeihCCYxI- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: 1 1 auto;
+      flex: 1 1 auto;
+  gap: 8px;
+  gap: var(--space-small);
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: start;
+      align-items: flex-start;
+}
+
+@media (max-width: 489px) {
+
+.j9IeihCCYxI- {
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+}
+  }
+
+@media (--small-screens-and-below) {
+
+.j9IeihCCYxI- {
+    -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+}
+  }
+
+.dG2vHE6g8f0- {
+  -ms-flex: 1;
+      flex: 1;
+  -ms-flex-item-align: center;
+      align-self: center;
+}
+
+.j9IeihCCYxI- > *:last-child {
+  margin-bottom: 0;
+}
+
+.D5X29shmSr0- .dG2vHE6g8f0- {
+  -ms-flex: 1;
+      flex: 1;
+}
+
+.W0pSTO-oRmk- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: 0 0 auto;
+      flex: 0 0 auto;
+}
+
+@media (max-width: 489px) {
+
+.W0pSTO-oRmk- {
+    width: 100%;
+    padding-left: 32px;
+    padding-left: var(--space-larger);
+}
+  }
+
+@media (--small-screens-and-below) {
+
+.W0pSTO-oRmk- {
+    width: 100%;
+    padding-left: 32px;
+    padding-left: var(--space-larger);
+}
+  }
+
+.-IYYDBmq2Q0- {
+  margin: calc(2px * -1) 0;
+  margin: calc(var(--space-smallest) * -1) 0;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+  mix-blend-mode: multiply;
+}
+
+@media (max-width: 489px) {
+
+.-IYYDBmq2Q0- {
+    margin: calc(8px * -1) 0;
+    margin: calc(var(--space-small) * -1) 0;
+}
+  }
+
+@media (--small-screens-and-below) {
+
+.-IYYDBmq2Q0- {
+    margin: calc(8px * -1) 0;
+    margin: calc(var(--space-small) * -1) 0;
+}
+  }
+
+[data-theme="dark"] .-IYYDBmq2Q0- {
+  mix-blend-mode: screen;
+}
+
+.BQhacg0OlMs- {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  padding: 4px;
+  padding: var(--space-smaller);
+  border-radius: 100%;
+  border-radius: var(--radius-circle);
+  background-color: hsl(53, 21%, 93%);
+  background-color: var(--color-surface--background);
+}
+
+.D5X29shmSr0- .BQhacg0OlMs- {
+  -ms-flex-item-align: center;
+      align-self: center;
+}
+
+.-PlHaWx00Hw- {
+  --card--accent-color: var(--color-grey);
+  --card--base-padding: var(--space-base);
+  --card--border: var(--border-base) solid var(--color-border);
+
+  display: block;
+  width: 100%;
+  border: 1px solid hsl(200, 13%, 87%);
+  border: var(--card--border);
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+  outline-color: hsl(198, 12%, 57%);
+  outline-color: var(--color-focus);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
+}
+
+.-PlHaWx00Hw-:active {
+  outline: 0;
+}
+
+/* Adjust `Content` components public padding to match the cards */
+
+.-PlHaWx00Hw- > * {
+  --public-content--padding: var(--card--base-padding);
+}
+
+/* Remove the nested `Content` components public padding */
+
+.-PlHaWx00Hw- > * > * {
+  --public-content--padding: 0;
+}
+
+.Iilm5Uhxo50- {
+  border-top-width: 0;
 }
 
-@-webkit-keyframes M0LU-Rdq-MA- {
-  0% {
-    background-position: 0 0;
-  }
+.Iilm5Uhxo50-::before {
+  content: " ";
+  display: block;
+  margin: 0 calc(-1 * 1px);
+  margin: 0 calc(-1 * var(--border-base));
+  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;
+}
 
-  100% {
-    background-position: 32px 32px;
-    background-position: var(--space-larger) var(--space-larger);
-  }
+.Vppn4k0fBsc- {
+  color: inherit;
+  text-decoration: inherit;
+  cursor: pointer;
+  transition: all 200ms ease-out;
+  transition: all var(--timing-base) ease-out;
 }
 
-@keyframes M0LU-Rdq-MA- {
-  0% {
-    background-position: 0 0;
-  }
+.Vppn4k0fBsc-:hover,
+.Vppn4k0fBsc-:focus {
+  background-color: hsl(53, 21%, 93%);
+  background-color: var(--color-surface--hover);
+}
 
-  100% {
-    background-position: 32px 32px;
-    background-position: var(--space-larger) var(--space-larger);
-  }
+.l3-Pkynq2zA- {
+  display: -ms-flexbox;
+  display: flex;
+  padding: var(--card--base-padding);
+  padding-bottom: 0;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -ms-flex-align: start;
+      align-items: flex-start;
+  gap: 8px;
+  gap: var(--space-small);
 }
 
 ._5mDLThZ7dBQ- {
@@ -1141,6 +1120,27 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   --card--accent-color: var(--color-white);
 }
 
+.bb-VTS0yML8-,
+._2BzdFV5LQvM-,
+._60G0BuQ6TY0- {
+  --card--border: none;
+}
+
+.bb-VTS0yML8- {
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 0px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: var(--shadow-low);
+}
+
+._2BzdFV5LQvM- {
+  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 12px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-base);
+}
+
+._60G0BuQ6TY0- {
+  box-shadow: 0px 16px 16px 0px rgba(0, 0, 0, 0.075), 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
+  box-shadow: var(--shadow-high);
+}
+
 .kub1yKbFFN0- {
   display: -ms-flexbox;
   display: flex;
@@ -1279,46 +1279,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   width: 100%;
 }
 
-.Aj6o8FcaKHc- {
-  container-name: var(--public-container-name);
-  container-type: inline-size;
-  width: var(--public-container-width);
-}
-
-.eIsVvlXoWhs- {
-  container-type: inline-size;
-  width: var(--public-container-apply-width);
-}
-
-.sGSmxHTsTfA- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  min-height: var(--public-cover-min-height);
-  padding: var(--public-cover-space);
-}
-
-.sGSmxHTsTfA- > * {
-  margin-top: var(--public-cover-space);
-  margin-bottom: var(--public-cover-space);
-}
-
-.sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
-  -webkit-margin-before: 0;
-          margin-top: 0;
-}
-
-.sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
-  -webkit-margin-after: 0;
-          margin-bottom: 0;
-}
-
-.sGSmxHTsTfA- > ._6S-jbOw7NEA- {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-
 :root {
   --public-chip-base-bg-color: var(--color-interactive--background);
   --public-chip-base-hover-bg-color: var(
@@ -1603,6 +1563,46 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   width: 1px;
 }
 
+.Aj6o8FcaKHc- {
+  container-name: var(--public-container-name);
+  container-type: inline-size;
+  width: var(--public-container-width);
+}
+
+.eIsVvlXoWhs- {
+  container-type: inline-size;
+  width: var(--public-container-apply-width);
+}
+
+.sGSmxHTsTfA- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  min-height: var(--public-cover-min-height);
+  padding: var(--public-cover-space);
+}
+
+.sGSmxHTsTfA- > * {
+  margin-top: var(--public-cover-space);
+  margin-bottom: var(--public-cover-space);
+}
+
+.sGSmxHTsTfA- > :first-child:not(._6S-jbOw7NEA-) {
+  -webkit-margin-before: 0;
+          margin-top: 0;
+}
+
+.sGSmxHTsTfA- > :last-child:not(._6S-jbOw7NEA-) {
+  -webkit-margin-after: 0;
+          margin-bottom: 0;
+}
+
+.sGSmxHTsTfA- > ._6S-jbOw7NEA- {
+  margin-top: auto;
+  margin-bottom: auto;
+}
+
 .YxKKPXAU10s- {
   --checkbox--size: 20px;
   --checkbox--border--checked: var(--color-interactive);
@@ -2449,19 +2449,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   border: none;
 }
 
-.evwHY54TitY- {
-  height: 1px;
-  height: var(--space-minuscule);
-  border-bottom: var(--divider-width) solid var(--divider-color);
-}
-
-.qT-G2Sn0Wm8- {
-  width: 1px;
-  width: var(--space-minuscule);
-  height: auto;
-  border-right: var(--divider-width) solid var(--divider-color);
-}
-
 .t44-9xW2xyI- {
   --divider-width: var(--border-base);
 }
@@ -2491,6 +2478,19 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   grid-template-rows: 1fr;
 }
 
+.evwHY54TitY- {
+  height: 1px;
+  height: var(--space-minuscule);
+  border-bottom: var(--divider-width) solid var(--divider-color);
+}
+
+.qT-G2Sn0Wm8- {
+  width: 1px;
+  width: var(--space-minuscule);
+  height: auto;
+  border-right: var(--divider-width) solid var(--divider-color);
+}
+
 .LNIwHwCs8gQ- {
   --drawer-width: 280px;
   --drawer--base-padding: var(--space-base);
@@ -2655,10 +2655,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   opacity: 1;
 }
 
-.ViFkIUcS6PM- {
-  font-style: normal;
-}
-
 .pEdV7Oo29SE- {
   display: grid;
   /* If this gets wrapped in a flex container, it should take the remaining space */
@@ -3187,6 +3183,10 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   background: linear-gradient(to bottom, transparent, var(--color-surface) 60%);
 }
 
+.ViFkIUcS6PM- {
+  font-style: normal;
+}
+
 .y9T1gWK9SHY- {
   --file-card--background-color: var(--color-surface);
   --file-card--base-padding: var(--space-small);
@@ -3842,36 +3842,6 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   height: 100%;
 }
 
-.fO5j-2U5rfE- {
-  margin-top: 4px;
-  margin-top: var(--space-smaller);
-}
-
-.lNpgPQh76MY- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  padding: 4px;
-  padding: var(--space-smaller);
-  padding-left: 0;
-}
-
-.lNpgPQh76MY- > svg {
-  margin-right: 4px;
-  margin-right: var(--space-smaller);
-  -ms-flex-negative: 0;
-      flex-shrink: 0;
-  -ms-flex-item-align: start;
-      align-self: flex-start;
-}
-
-.lNpgPQh76MY-:focus {
-  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
-  box-shadow: var(--shadow-focus);
-  outline: none;
-}
-
 .RwhScbXCXw0- > *:not(:last-child) {
   margin-bottom: -1px !important;
 }
@@ -3925,6 +3895,36 @@ a._7BLGtYNuJOU-.zgRx3ehZ2z8-:hover {
   --public-field--bottom-right-radius: var(--radius-base);
 }
 
+.fO5j-2U5rfE- {
+  margin-top: 4px;
+  margin-top: var(--space-smaller);
+}
+
+.lNpgPQh76MY- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-align: center;
+      align-items: center;
+  padding: 4px;
+  padding: var(--space-smaller);
+  padding-left: 0;
+}
+
+.lNpgPQh76MY- > svg {
+  margin-right: 4px;
+  margin-right: var(--space-smaller);
+  -ms-flex-negative: 0;
+      flex-shrink: 0;
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+}
+
+.lNpgPQh76MY-:focus {
+  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
+  box-shadow: var(--shadow-focus);
+  outline: none;
+}
+
 ._8oxipSwiMJQ- {
   color: hsl(107, 58%, 33%);
   color: var(--color-interactive);
@@ -4632,148 +4632,6 @@ html.atlantisLightBoxActive {
   --field--height: calc(var(--space-extravagant));
 }
 
-.BLYnKItuM3c- {
-  width: 100%;
-  box-sizing: border-box;
-  padding: 16px;
-  padding: var(--space-base);
-}
-
-@media (min-width: 768px) {
-
-.BLYnKItuM3c- {
-    padding: 24px;
-    padding: var(--space-large);
-}
-  }
-
-@media (--medium-screens-and-up) {
-
-.BLYnKItuM3c- {
-    padding: 24px;
-    padding: var(--space-large);
-}
-  }
-
-.n5WRRhMkoLs- {
-  max-width: none;
-}
-
-.WziKEWW9nA8- {
-  max-width: calc(16px * 80);
-  max-width: calc(var(--base-unit) * 80);
-}
-
-.qgGzgDyS2NY- {
-  max-width: calc(16px * 64);
-  max-width: calc(var(--base-unit) * 64);
-}
-
-.lbmoDvdtQO4- h1 {
-  -ms-flex: 0 1 auto;
-      flex: 0 1 auto;
-  margin-bottom: 16px;
-  margin-bottom: var(--space-base);
-}
-
-.k9y5NuqTcks- {
-  display: -ms-flexbox;
-  display: flex;
-  margin-bottom: 16px;
-  margin-bottom: var(--space-base);
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  gap: 16px;
-  gap: var(--space-base);
-  -ms-flex-align: center;
-      align-items: center;
-}
-
-.k9y5NuqTcks- h1 {
-  margin-bottom: 0;
-}
-
-.lbmoDvdtQO4- > ._7t53-bnzh98- {
-  -ms-flex: 1 0 auto;
-      flex: 1 0 auto;
-  -ms-flex-item-align: baseline;
-      align-self: baseline;
-}
-
-.lbmoDvdtQO4-.SH0aNOLVhE8-,
-.lbmoDvdtQO4-.Lc7Z0FsBa6w- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-}
-
-.lbmoDvdtQO4-.iF5IA1SYKoA- ._7t53-bnzh98- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-}
-
-.lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98-,
-.lbmoDvdtQO4-.SH0aNOLVhE8- ._7t53-bnzh98- {
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-}
-
-.lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98- {
-  -ms-flex-pack: end;
-      justify-content: flex-end;
-}
-
-.g-H7CKkX-LA- {
-  -ms-flex: 0 0 100%;
-      flex: 0 0 100%;
-  margin-bottom: 8px;
-  margin-bottom: var(--space-small);
-}
-
-.RSP7jHjP-mw- {
-  margin-top: 8px;
-  margin-top: var(--space-small);
-  -ms-flex: 1;
-      flex: 1;
-}
-
-.RSP7jHjP-mw- > div {
-  width: 100%;
-}
-
-.lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- {
-  margin-top: 0;
-}
-
-.lbmoDvdtQO4-.Lc7Z0FsBa6w- .g-H7CKkX-LA-,
-.lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
-  margin: 0;
-  -ms-flex: 0 auto;
-      flex: 0 auto;
-}
-
-.lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
-  margin-left: 8px;
-  margin-left: var(--space-small);
-}
-
-.lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- + .RSP7jHjP-mw- {
-  margin-left: 8px;
-  margin-left: var(--space-small);
-}
-
-.lbmoDvdtQO4- .EqsNMrZVL-8- {
-  margin-bottom: 16px;
-  margin-bottom: var(--space-base);
-}
-
 :root {
   --modal--width: 600px;
   --modal--padding-horizontal: var(--space-base);
@@ -4940,6 +4798,18 @@ html.atlantisLightBoxActive {
       order: 1; /* 1 */
 }
 
+.BSZvIAUzFEU- {
+  --modal--padding: var(--space-base);
+  --public-tab--inset: var(--space-base);
+  --modal--width: 400px;
+  max-width: 400px;
+}
+
+.-ydIALYVvGg- {
+  --modal--width: 940px;
+  max-width: 940px;
+}
+
 :root {
   --modal--width: 600px;
   --modal--padding-horizontal: var(--space-base);
@@ -5068,65 +4938,185 @@ html.atlantisLightBoxActive {
       justify-content: flex-end;
 }
 
-/**
- * 1. Use CSS `order` to adjust the buttons position on the UI
- */
+/**
+ * 1. Use CSS `order` to adjust the buttons position on the UI
+ */
+
+.hOiEWds2Vq8- {
+  -ms-flex: 1 1 auto;
+      flex: 1 1 auto;
+  -ms-flex-order: 1;
+      order: 1; /* 1 */
+}
+
+.K31NzxPZP9s- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex: 0 0 auto;
+      flex: 0 0 auto;
+  -ms-flex-order: 2;
+      order: 2; /* 1 */
+}
+
+/* This is in a correct position and order */
+
+/* stylelint-disable-next-line no-descending-specificity */
+
+.K31NzxPZP9s- > * {
+  margin-left: 8px;
+  margin-left: var(--space-small);
+}
+
+.K31NzxPZP9s- > *:first-child {
+  -ms-flex-order: 2;
+      order: 2; /* 1 */
+}
+
+.K31NzxPZP9s- > *:nth-child(2) {
+  -ms-flex-order: 1;
+      order: 1; /* 1 */
+}
+
+.BLYnKItuM3c- {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 16px;
+  padding: var(--space-base);
+}
+
+@media (min-width: 768px) {
+
+.BLYnKItuM3c- {
+    padding: 24px;
+    padding: var(--space-large);
+}
+  }
+
+@media (--medium-screens-and-up) {
+
+.BLYnKItuM3c- {
+    padding: 24px;
+    padding: var(--space-large);
+}
+  }
+
+.n5WRRhMkoLs- {
+  max-width: none;
+}
+
+.WziKEWW9nA8- {
+  max-width: calc(16px * 80);
+  max-width: calc(var(--base-unit) * 80);
+}
+
+.qgGzgDyS2NY- {
+  max-width: calc(16px * 64);
+  max-width: calc(var(--base-unit) * 64);
+}
+
+.lbmoDvdtQO4- h1 {
+  -ms-flex: 0 1 auto;
+      flex: 0 1 auto;
+  margin-bottom: 16px;
+  margin-bottom: var(--space-base);
+}
+
+.k9y5NuqTcks- {
+  display: -ms-flexbox;
+  display: flex;
+  margin-bottom: 16px;
+  margin-bottom: var(--space-base);
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: 16px;
+  gap: var(--space-base);
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.k9y5NuqTcks- h1 {
+  margin-bottom: 0;
+}
+
+.lbmoDvdtQO4- > ._7t53-bnzh98- {
+  -ms-flex: 1 0 auto;
+      flex: 1 0 auto;
+  -ms-flex-item-align: baseline;
+      align-self: baseline;
+}
 
-.hOiEWds2Vq8- {
-  -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
-  -ms-flex-order: 1;
-      order: 1; /* 1 */
+.lbmoDvdtQO4-.SH0aNOLVhE8-,
+.lbmoDvdtQO4-.Lc7Z0FsBa6w- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
 }
 
-.K31NzxPZP9s- {
+.lbmoDvdtQO4-.iF5IA1SYKoA- ._7t53-bnzh98- {
   display: -ms-flexbox;
   display: flex;
-  -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
-  -ms-flex-order: 2;
-      order: 2; /* 1 */
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
 }
 
-/* This is in a correct position and order */
+.lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98-,
+.lbmoDvdtQO4-.SH0aNOLVhE8- ._7t53-bnzh98- {
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+}
 
-/* stylelint-disable-next-line no-descending-specificity */
+.lbmoDvdtQO4-.Lc7Z0FsBa6w- ._7t53-bnzh98- {
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+}
 
-.K31NzxPZP9s- > * {
-  margin-left: 8px;
-  margin-left: var(--space-small);
+.g-H7CKkX-LA- {
+  -ms-flex: 0 0 100%;
+      flex: 0 0 100%;
+  margin-bottom: 8px;
+  margin-bottom: var(--space-small);
 }
 
-.K31NzxPZP9s- > *:first-child {
-  -ms-flex-order: 2;
-      order: 2; /* 1 */
+.RSP7jHjP-mw- {
+  margin-top: 8px;
+  margin-top: var(--space-small);
+  -ms-flex: 1;
+      flex: 1;
 }
 
-.K31NzxPZP9s- > *:nth-child(2) {
-  -ms-flex-order: 1;
-      order: 1; /* 1 */
+.RSP7jHjP-mw- > div {
+  width: 100%;
 }
 
-.BSZvIAUzFEU- {
-  --modal--padding: var(--space-base);
-  --public-tab--inset: var(--space-base);
-  max-width: 400px;
+.lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- {
+  margin-top: 0;
 }
 
-.-ydIALYVvGg- {
-  max-width: 940px;
+.lbmoDvdtQO4-.Lc7Z0FsBa6w- .g-H7CKkX-LA-,
+.lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
+  margin: 0;
+  -ms-flex: 0 auto;
+      flex: 0 auto;
 }
 
-.dylWWgubHwM- {
-  --progress-bar--height: 4px;
+.lbmoDvdtQO4-.Lc7Z0FsBa6w- .RSP7jHjP-mw- {
+  margin-left: 8px;
+  margin-left: var(--space-small);
 }
 
-.z92YJQrscvI- {
-  --progress-bar--height: 8px;
+.lbmoDvdtQO4-.iF5IA1SYKoA- .RSP7jHjP-mw- + .RSP7jHjP-mw- {
+  margin-left: 8px;
+  margin-left: var(--space-small);
 }
 
-.DKfNM1to61A- {
-  --progress-bar--height: 16px;
+.lbmoDvdtQO4- .EqsNMrZVL-8- {
+  margin-bottom: 16px;
+  margin-bottom: var(--space-base);
 }
 
 .rY8OtuArIi0- {
@@ -5295,6 +5285,18 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
   gap: var(--space-small);
 }
 
+.dylWWgubHwM- {
+  --progress-bar--height: 4px;
+}
+
+.z92YJQrscvI- {
+  --progress-bar--height: 8px;
+}
+
+.DKfNM1to61A- {
+  --progress-bar--height: 16px;
+}
+
 .KZfSK2vhTyI- {
   --radio--checked-thickness: 6px;
   --radio-diameter: 20px;
@@ -5425,52 +5427,209 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
       flex-basis: 100%;
 }
 
-.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
-.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-}
+.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3),
+.BQqkfvwFjbQ-.FC2KY5S6p6E- > :nth-last-child(n + 3) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
+.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
+.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
+.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
+.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
+.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
+.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
+.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
+  -ms-flex-preferred-size: 100%;
+      flex-basis: 100%;
+}
+
+.Hx--3IsyLgs- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  gap: var(--public-sidekick-space);
+  width: var(--public-sidekick-width);
+}
+
+.bevb052oaa4- > :first-child {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+}
+
+.v17EfPAcJZI- > :first-child {
+  -ms-flex-preferred-size: var(--public-sidekick-min-width);
+      flex-basis: var(--public-sidekick-min-width);
+}
+
+.bevb052oaa4- > :last-child {
+  -ms-flex-preferred-size: 0;
+      flex-basis: 0;
+  -ms-flex-positive: 999;
+      flex-grow: 999;
+  min-width: var(--public-sidekick-side-width);
+}
+
+._3hUKFPIws6o- > :last-child {
+  -ms-flex-preferred-size: var(--public-sidekick-min-width);
+      flex-basis: var(--public-sidekick-min-width);
+}
+
+._22dEgb17I90- > :first-child {
+  -ms-flex-preferred-size: 0;
+      flex-basis: 0;
+  -ms-flex-positive: 999;
+      flex-grow: 999;
+  min-width: var(--public-sidekick-side-width);
+}
+
+._22dEgb17I90- > :last-child {
+  -ms-flex-positive: 1;
+      flex-grow: 1;
+}
+
+._3yK4CuMFyqw-,
+.lY-7fyPMF6Y-,
+.Ti0avsNfvTw-,
+._9dXm70WomU8- {
+  -ms-flex-direction: column;
+      flex-direction: column;
+}
+
+._3yK4CuMFyqw- > *,
+.lY-7fyPMF6Y- > *,
+.Ti0avsNfvTw- > *,
+._9dXm70WomU8- > * {
+  width: 100%;
+}
+
+@media (min-width: 490px) {
+  ._3yK4CuMFyqw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._3yK4CuMFyqw- > * {
+    width: auto;
+  }
+}
+
+@media (--small-screens-and-up) {
+  ._3yK4CuMFyqw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._3yK4CuMFyqw- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 768px) {
+  .lY-7fyPMF6Y- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .lY-7fyPMF6Y- > * {
+    width: auto;
+  }
+}
+
+@media (--medium-screens-and-up) {
+  .lY-7fyPMF6Y- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  .lY-7fyPMF6Y- > * {
+    width: auto;
+  }
+}
+
+@media (min-width: 1080px) {
+  .Ti0avsNfvTw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
 
-.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4),
-.BQqkfvwFjbQ-.XJQ0uo0TZ2w- > :nth-last-child(n + 4) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
+  .Ti0avsNfvTw- > * {
+    width: auto;
+  }
 }
 
-.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5),
-.BQqkfvwFjbQ-.QmUWX7VCL0A- > :nth-last-child(n + 5) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
-}
+@media (--large-screens-and-up) {
+  .Ti0avsNfvTw- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
 
-.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6),
-.BQqkfvwFjbQ-._0gKXd8nPCKU- > :nth-last-child(n + 6) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
+  .Ti0avsNfvTw- > * {
+    width: auto;
+  }
 }
 
-.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7),
-.BQqkfvwFjbQ-.DvGgLdlE8Ac- > :nth-last-child(n + 7) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
+@media (min-width: 1440px) {
+  ._9dXm70WomU8- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._9dXm70WomU8- > * {
+    width: auto;
+  }
 }
 
-.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8),
-.BQqkfvwFjbQ-._4PxEtfehh4s- > :nth-last-child(n + 8) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
+@media (--extra-large-screens-and-up) {
+  ._9dXm70WomU8- {
+    -ms-flex-direction: row;
+        flex-direction: row;
+  }
+
+  ._9dXm70WomU8- > * {
+    width: auto;
+  }
 }
 
-.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9),
-.BQqkfvwFjbQ-.DZPW3Q-N5ik- > :nth-last-child(n + 9) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
+.Hx--3IsyLgs-.dN25lKXiqB0- {
+  -ms-flex-direction: column;
+      flex-direction: column;
 }
 
-.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10),
-.BQqkfvwFjbQ-._2BL9H-tmzMk- > :nth-last-child(n + 10) ~ * {
-  -ms-flex-preferred-size: 100%;
-      flex-basis: 100%;
+.Hx--3IsyLgs-.dN25lKXiqB0- > * {
+  width: 100%;
 }
 
 .cCwRgRAz4qk- {
@@ -5656,219 +5815,62 @@ progress.w8NAw4ZMB6g-[value]::-webkit-progress-value {
   --public-content--padding: 0;
 }
 
-.gSN5nWDwGm4- .vArEcEUxGxQ- {
-    -ms-flex-direction: column-reverse;
-        flex-direction: column-reverse;
-  }
-
-.gSN5nWDwGm4- .tMeBAjf4vEA- {
-    -ms-flex-order: 1;
-        order: 1;
-  }
-
-.gSN5nWDwGm4- .-lPSZVGIIAs- {
-    -ms-flex-order: -1;
-        order: -1;
-  }
-
-.XOqA4Hw6S6g- {
-  --transition: var(--timing-base) ease-in-out;
-
-  width: 0;
-  opacity: 0;
-  -webkit-transform: translateX(-8px);
-          transform: translateX(-8px);
-  transition:
-    width 200ms ease-in-out,
-    opacity 200ms ease-in-out,
-    -webkit-transform 200ms ease-in-out;
-  transition:
-    width var(--transition),
-    opacity var(--transition),
-    -webkit-transform var(--transition);
-  transition:
-    width 200ms ease-in-out,
-    transform 200ms ease-in-out,
-    opacity 200ms ease-in-out;
-  transition:
-    width var(--transition),
-    transform var(--transition),
-    opacity var(--transition);
-  transition:
-    width 200ms ease-in-out,
-    transform 200ms ease-in-out,
-    opacity 200ms ease-in-out,
-    -webkit-transform 200ms ease-in-out;
-  transition:
-    width var(--transition),
-    transform var(--transition),
-    opacity var(--transition),
-    -webkit-transform var(--transition);
-}
-
-.XOqA4Hw6S6g-.b4VHPS-RG34- {
-    width: 40px;
-    opacity: 1;
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-
-.Hx--3IsyLgs- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-  gap: var(--public-sidekick-space);
-  width: var(--public-sidekick-width);
-}
-
-.bevb052oaa4- > :first-child {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
-}
-
-.v17EfPAcJZI- > :first-child {
-  -ms-flex-preferred-size: var(--public-sidekick-min-width);
-      flex-basis: var(--public-sidekick-min-width);
-}
-
-.bevb052oaa4- > :last-child {
-  -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-  -ms-flex-positive: 999;
-      flex-grow: 999;
-  min-width: var(--public-sidekick-side-width);
-}
-
-._3hUKFPIws6o- > :last-child {
-  -ms-flex-preferred-size: var(--public-sidekick-min-width);
-      flex-basis: var(--public-sidekick-min-width);
-}
-
-._22dEgb17I90- > :first-child {
-  -ms-flex-preferred-size: 0;
-      flex-basis: 0;
-  -ms-flex-positive: 999;
-      flex-grow: 999;
-  min-width: var(--public-sidekick-side-width);
-}
-
-._22dEgb17I90- > :last-child {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
-}
-
-._3yK4CuMFyqw-,
-.lY-7fyPMF6Y-,
-.Ti0avsNfvTw-,
-._9dXm70WomU8- {
-  -ms-flex-direction: column;
-      flex-direction: column;
-}
-
-._3yK4CuMFyqw- > *,
-.lY-7fyPMF6Y- > *,
-.Ti0avsNfvTw- > *,
-._9dXm70WomU8- > * {
-  width: 100%;
-}
-
-@media (min-width: 490px) {
-  ._3yK4CuMFyqw- {
-    -ms-flex-direction: row;
-        flex-direction: row;
-  }
-
-  ._3yK4CuMFyqw- > * {
-    width: auto;
-  }
-}
-
-@media (--small-screens-and-up) {
-  ._3yK4CuMFyqw- {
-    -ms-flex-direction: row;
-        flex-direction: row;
-  }
-
-  ._3yK4CuMFyqw- > * {
-    width: auto;
-  }
-}
-
-@media (min-width: 768px) {
-  .lY-7fyPMF6Y- {
-    -ms-flex-direction: row;
-        flex-direction: row;
-  }
-
-  .lY-7fyPMF6Y- > * {
-    width: auto;
-  }
-}
-
-@media (--medium-screens-and-up) {
-  .lY-7fyPMF6Y- {
-    -ms-flex-direction: row;
-        flex-direction: row;
-  }
-
-  .lY-7fyPMF6Y- > * {
-    width: auto;
-  }
-}
-
-@media (min-width: 1080px) {
-  .Ti0avsNfvTw- {
-    -ms-flex-direction: row;
-        flex-direction: row;
-  }
-
-  .Ti0avsNfvTw- > * {
-    width: auto;
-  }
-}
-
-@media (--large-screens-and-up) {
-  .Ti0avsNfvTw- {
-    -ms-flex-direction: row;
-        flex-direction: row;
-  }
-
-  .Ti0avsNfvTw- > * {
-    width: auto;
-  }
-}
-
-@media (min-width: 1440px) {
-  ._9dXm70WomU8- {
-    -ms-flex-direction: row;
-        flex-direction: row;
+.gSN5nWDwGm4- .vArEcEUxGxQ- {
+    -ms-flex-direction: column-reverse;
+        flex-direction: column-reverse;
   }
 
-  ._9dXm70WomU8- > * {
-    width: auto;
+.gSN5nWDwGm4- .tMeBAjf4vEA- {
+    -ms-flex-order: 1;
+        order: 1;
   }
-}
 
-@media (--extra-large-screens-and-up) {
-  ._9dXm70WomU8- {
-    -ms-flex-direction: row;
-        flex-direction: row;
+.gSN5nWDwGm4- .-lPSZVGIIAs- {
+    -ms-flex-order: -1;
+        order: -1;
   }
 
-  ._9dXm70WomU8- > * {
-    width: auto;
-  }
-}
+.XOqA4Hw6S6g- {
+  --transition: var(--timing-base) ease-in-out;
 
-.Hx--3IsyLgs-.dN25lKXiqB0- {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  width: 0;
+  opacity: 0;
+  -webkit-transform: translateX(-8px);
+          transform: translateX(-8px);
+  transition:
+    width 200ms ease-in-out,
+    opacity 200ms ease-in-out,
+    -webkit-transform 200ms ease-in-out;
+  transition:
+    width var(--transition),
+    opacity var(--transition),
+    -webkit-transform var(--transition);
+  transition:
+    width 200ms ease-in-out,
+    transform 200ms ease-in-out,
+    opacity 200ms ease-in-out;
+  transition:
+    width var(--transition),
+    transform var(--transition),
+    opacity var(--transition);
+  transition:
+    width 200ms ease-in-out,
+    transform 200ms ease-in-out,
+    opacity 200ms ease-in-out,
+    -webkit-transform 200ms ease-in-out;
+  transition:
+    width var(--transition),
+    transform var(--transition),
+    opacity var(--transition),
+    -webkit-transform var(--transition);
 }
 
-.Hx--3IsyLgs-.dN25lKXiqB0- > * {
-  width: 100%;
-}
+.XOqA4Hw6S6g-.b4VHPS-RG34- {
+    width: 40px;
+    opacity: 1;
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
 
 .WiSIdMrztSU- {
   --statusLabel-icon-diameter: 8px;
@@ -6469,21 +6471,6 @@ ul.LfIIg9bwrhQ- {
   padding-right: var(--public-tab--inset);
 }
 
-.jC1GzRIJp74- {
-  display: grid;
-  grid-gap: var(--public-tile-space);
-  width: var(--public-tiles-width);
-}
-
-@supports (width: min(var(--public-tile-min-size), 100%)) {
-  .jC1GzRIJp74- {
-    grid-template-columns: repeat(
-      auto-fill,
-      minmax(min(var(--public-tile-min-size), 100%), 1fr)
-    );
-  }
-}
-
 ._0Tvq24WjeX8- {
   position: relative;
   z-index: 1003;
@@ -6557,6 +6544,21 @@ ul.LfIIg9bwrhQ- {
   fill: var(--color-greyBlue) !important;
 }
 
+.jC1GzRIJp74- {
+  display: grid;
+  grid-gap: var(--public-tile-space);
+  width: var(--public-tiles-width);
+}
+
+@supports (width: min(var(--public-tile-min-size), 100%)) {
+  .jC1GzRIJp74- {
+    grid-template-columns: repeat(
+      auto-fill,
+      minmax(min(var(--public-tile-min-size), 100%), 1fr)
+    );
+  }
+}
+
 .sZQ1M6tj8-c- {
   display: none;
 }
@@ -6776,6 +6778,36 @@ ul.LfIIg9bwrhQ- {
   display: flex;
 }
 
+.wMM6V80Rt-w- {
+  padding: 16px;
+  padding: var(--space-base);
+  border-top: 2px solid hsl(200, 13%, 87%);
+  border-top: var(--border-thick) solid var(--color-border);
+}
+
+.HAoSIniVNvI- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  font-weight: bold;
+}
+
+.HAoSIniVNvI- * {
+  text-align: left;
+}
+
+.mNGvTIKaQIA-,
+.mNGvTIKaQIA- * {
+  font-weight: normal;
+  text-align: right;
+}
+
+.HAoSIniVNvI-:not(:last-child) {
+  padding-bottom: 8px;
+  padding-bottom: var(--space-small);
+}
+
 ._5TLZRabskzI- {
   display: -ms-flexbox;
   display: flex;
@@ -6864,36 +6896,6 @@ ul.LfIIg9bwrhQ- {
 }
   }
 
-.wMM6V80Rt-w- {
-  padding: 16px;
-  padding: var(--space-base);
-  border-top: 2px solid hsl(200, 13%, 87%);
-  border-top: var(--border-thick) solid var(--color-border);
-}
-
-.HAoSIniVNvI- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
-  font-weight: bold;
-}
-
-.HAoSIniVNvI- * {
-  text-align: left;
-}
-
-.mNGvTIKaQIA-,
-.mNGvTIKaQIA- * {
-  font-weight: normal;
-  text-align: right;
-}
-
-.HAoSIniVNvI-:not(:last-child) {
-  padding-bottom: 8px;
-  padding-bottom: var(--space-small);
-}
-
 .GlvUe-y47J8- {
   display: grid;
   grid-template-columns: auto;
@@ -7255,6 +7257,43 @@ ul.LfIIg9bwrhQ- {
   background: var(--color-disabled);
 }
 
+.kCKg-JJTRO8- {
+  border-radius: 4px;
+  border-radius: var(--radius-small);
+}
+
+._235nMwtuWSw- {
+  border-radius: 8px;
+  border-radius: var(--radius-base);
+}
+
+._9ppkWehd4QA- {
+  border-radius: 16px;
+  border-radius: var(--radius-large);
+}
+
+.CsG3cZAn6r0- {
+  border-radius: 24px;
+  border-radius: var(--radius-larger);
+}
+
+.WWKSAC2020Q- {
+  border-radius: 100%;
+  border-radius: var(--radius-circle);
+}
+
+._3hq7jJitEgs- {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  min-width: 0;
+}
+
+.oWJNe7O1DFI- {
+  white-space: pre-wrap;
+}
+
 .QJaShYW08G4- {
   gap: 1px;
   gap: var(--space-minuscule);
@@ -7305,41 +7344,61 @@ ul.LfIIg9bwrhQ- {
   gap: var(--space-extravagant);
 }
 
-.kCKg-JJTRO8- {
-  border-radius: 4px;
-  border-radius: var(--radius-small);
+.Y4Fm1wA7Z6c- {
+  border-color: hsl(200, 13%, 87%);
+  border-color: var(--color-border);
+  border-style: solid;
 }
 
-._235nMwtuWSw- {
-  border-radius: 8px;
-  border-radius: var(--radius-base);
+.GWX6qFcouh8- {
+  border-width: var(--box-border);
 }
 
-._9ppkWehd4QA- {
-  border-radius: 16px;
-  border-radius: var(--radius-large);
+._20qfwUymZHI- {
+  border-top-width: var(--box-border-top);
 }
 
-.CsG3cZAn6r0- {
-  border-radius: 24px;
-  border-radius: var(--radius-larger);
+._80vVV1kYAXU- {
+  border-right-width: var(--box-border-right);
 }
 
-.WWKSAC2020Q- {
-  border-radius: 100%;
-  border-radius: var(--radius-circle);
+._3yLCo9rAEyY- {
+  border-bottom-width: var(--box-border-bottom);
 }
 
-._3hq7jJitEgs- {
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  min-width: 0;
+.Sejzll1Lw3U- {
+  border-left-width: var(--box-border-left);
+}
+
+.pyQJ1Rwtg3Q- {
+  padding: 0;
+  padding: var(--box-padding, 0);
+}
+
+.J0XrYI95Nwo- {
+  padding-left: var(--box-padding-horizontal);
+  padding-right: var(--box-padding-horizontal);
+}
+
+.krPrcZ2t1Mg- {
+  padding-top: var(--box-padding-vertical);
+  padding-bottom: var(--box-padding-vertical);
+}
+
+.Ms36xmpr504- {
+  padding-top: var(--box-padding-top);
+}
+
+.HR4tB8Ht7-w- {
+  padding-right: var(--box-padding-right);
+}
+
+._5mybhdcr7f0- {
+  padding-bottom: var(--box-padding-bottom);
 }
 
-.oWJNe7O1DFI- {
-  white-space: pre-wrap;
+.eRM9czZkHgE- {
+  padding-left: var(--box-padding-left);
 }
 
 .CXP1mw5bm-s- {
@@ -7366,32 +7425,6 @@ ul.LfIIg9bwrhQ- {
       flex: 1 1 auto;
 }
 
-.Y4Fm1wA7Z6c- {
-  border-color: hsl(200, 13%, 87%);
-  border-color: var(--color-border);
-  border-style: solid;
-}
-
-.GWX6qFcouh8- {
-  border-width: var(--box-border);
-}
-
-._20qfwUymZHI- {
-  border-top-width: var(--box-border-top);
-}
-
-._80vVV1kYAXU- {
-  border-right-width: var(--box-border-right);
-}
-
-._3yLCo9rAEyY- {
-  border-bottom-width: var(--box-border-bottom);
-}
-
-.Sejzll1Lw3U- {
-  border-left-width: var(--box-border-left);
-}
-
 .vqVnWscsiIQ- {
   margin: 0;
   margin: var(--box-margin, 0);
@@ -7423,37 +7456,6 @@ ul.LfIIg9bwrhQ- {
   margin-left: var(--box-margin-left);
 }
 
-.pyQJ1Rwtg3Q- {
-  padding: 0;
-  padding: var(--box-padding, 0);
-}
-
-.J0XrYI95Nwo- {
-  padding-left: var(--box-padding-horizontal);
-  padding-right: var(--box-padding-horizontal);
-}
-
-.krPrcZ2t1Mg- {
-  padding-top: var(--box-padding-vertical);
-  padding-bottom: var(--box-padding-vertical);
-}
-
-.Ms36xmpr504- {
-  padding-top: var(--box-padding-top);
-}
-
-.HR4tB8Ht7-w- {
-  padding-right: var(--box-padding-right);
-}
-
-._5mybhdcr7f0- {
-  padding-bottom: var(--box-padding-bottom);
-}
-
-.eRM9czZkHgE- {
-  padding-left: var(--box-padding-left);
-}
-
 .bjemHBSLuQ0- {
   height: 8px;
   height: var(--space-small);
@@ -7606,55 +7608,15 @@ ul.LfIIg9bwrhQ- {
   line-height: var(--typography--lineHeight-tight);
 }
 
-.ws2Y0LqNNfk- {
-  font-style: italic;
-}
-
-.kw63z71hYYU- {
-  display: inline;
-  font-family: inherit;
-  font-style: normal;
-  font-weight: inherit;
-  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
-  background-position: center bottom;
-  background-repeat: no-repeat;
-  background-size: 100% 20%;
-}
-
-.xFJ-FmjV3BE- {
-  font-family: Inter, Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-normal);
-  font-weight: 400;
-}
-
-.lY4vnCuusH8- {
-  font-family: Inter, Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-normal);
-  font-weight: 500;
-}
-
-.Ed96FZ8bmYo- {
-  font-family: Inter, Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-normal);
-  font-weight: 600;
-}
-
-.-bqxOwZMSDo- {
+.j4h-0Mxa5gk- {
+  margin: 0;
+  padding: 0;
   font-family: Inter, Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
-  font-weight: 700;
-}
-
-.l5JkUWFite8- {
-  font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-display);
-  font-weight: 800;
-}
-
-.HvKryt1SNY8- {
-  font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-display);
-  font-weight: 900;
+  /* Wrap really long words or URL's */
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
 }
 
 .S3PyGdaGxok- {
@@ -7673,17 +7635,6 @@ ul.LfIIg9bwrhQ- {
   text-transform: none;
 }
 
-.j4h-0Mxa5gk- {
-  margin: 0;
-  padding: 0;
-  font-family: Inter, Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-normal);
-  /* Wrap really long words or URL's */
-  word-wrap: break-word;
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-}
-
 /* Base colors for backwards compatability */
 
 .xNqFL54SrGc- {
@@ -8021,6 +7972,42 @@ ul.LfIIg9bwrhQ- {
   color: var(--color-brand);
 }
 
+.xFJ-FmjV3BE- {
+  font-family: Inter, Helvetica, Arial, sans-serif;
+  font-family: var(--typography--fontFamily-normal);
+  font-weight: 400;
+}
+
+.lY4vnCuusH8- {
+  font-family: Inter, Helvetica, Arial, sans-serif;
+  font-family: var(--typography--fontFamily-normal);
+  font-weight: 500;
+}
+
+.Ed96FZ8bmYo- {
+  font-family: Inter, Helvetica, Arial, sans-serif;
+  font-family: var(--typography--fontFamily-normal);
+  font-weight: 600;
+}
+
+.-bqxOwZMSDo- {
+  font-family: Inter, Helvetica, Arial, sans-serif;
+  font-family: var(--typography--fontFamily-normal);
+  font-weight: 700;
+}
+
+.l5JkUWFite8- {
+  font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
+  font-family: var(--typography--fontFamily-display);
+  font-weight: 800;
+}
+
+.HvKryt1SNY8- {
+  font-family: Jobber Pro, Poppins, Helvetica, Arial, sans-serif;
+  font-family: var(--typography--fontFamily-display);
+  font-weight: 900;
+}
+
 .bvnCrlndVHs- {
   display: -webkit-box !important;
 }
@@ -8029,16 +8016,19 @@ ul.LfIIg9bwrhQ- {
   overflow: hidden;
 }
 
-.r5lyOVfBlMI- {
-  text-align: left;
-}
-
-.w1MIwv35jXA- {
-  text-align: center;
+.ws2Y0LqNNfk- {
+  font-style: italic;
 }
 
-.oOJPwUQFllQ- {
-  text-align: right;
+.kw63z71hYYU- {
+  display: inline;
+  font-family: inherit;
+  font-style: normal;
+  font-weight: inherit;
+  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 84 8' fill='none' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 6.50004C14.6667 4.50004 49.3 0.900038 82.5 2.50004' stroke='%2384EA00' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
+  background-position: center bottom;
+  background-repeat: no-repeat;
+  background-size: 100% 20%;
 }
 
 .V9SSKxs15xE- {
@@ -8051,6 +8041,18 @@ ul.LfIIg9bwrhQ- {
   font-family: var(--typography--fontFamily-display);
 }
 
+.r5lyOVfBlMI- {
+  text-align: left;
+}
+
+.w1MIwv35jXA- {
+  text-align: center;
+}
+
+.oOJPwUQFllQ- {
+  text-align: right;
+}
+
 .qp8E5e4q-so- {
   text-decoration-line: underline;
   text-decoration-thickness: 1px;
@@ -8238,30 +8240,6 @@ ul.LfIIg9bwrhQ- {
   margin-right: var(--space-base);
 }
 
-.-R-TvZ9aU9g- {
-  display: grid;
-  width: 100%;
-  padding: 4px;
-  padding: var(--space-smaller);
-  border: 1px solid hsl(200, 13%, 87%);
-  border: var(--border-base) solid var(--color-border);
-  border-radius: 16px;
-  border-radius: var(--radius-large);
-  grid-template-columns: repeat(7, 1fr);
-  row-gap: 4px;
-  grid-row-gap: 4px;
-  grid-row-gap: var(--space-smaller);
-  row-gap: var(--space-smaller);
-  -webkit-column-gap: 4px;
-  -webkit-column-gap: var(--space-smaller);
-     -moz-column-gap: 4px;
-     -moz-column-gap: var(--space-smaller);
-          column-gap: 4px;
-          grid-column-gap: 4px;
-          grid-column-gap: var(--space-smaller);
-          column-gap: var(--space-smaller);
-}
-
 .Qup9qglgfQ8- {
   display: grid;
   grid-template-columns: 48px 1fr;
@@ -8302,6 +8280,30 @@ ul.LfIIg9bwrhQ- {
   border-top-left-radius: 0;
 }
 
+.-R-TvZ9aU9g- {
+  display: grid;
+  width: 100%;
+  padding: 4px;
+  padding: var(--space-smaller);
+  border: 1px solid hsl(200, 13%, 87%);
+  border: var(--border-base) solid var(--color-border);
+  border-radius: 16px;
+  border-radius: var(--radius-large);
+  grid-template-columns: repeat(7, 1fr);
+  row-gap: 4px;
+  grid-row-gap: 4px;
+  grid-row-gap: var(--space-smaller);
+  row-gap: var(--space-smaller);
+  -webkit-column-gap: 4px;
+  -webkit-column-gap: var(--space-smaller);
+     -moz-column-gap: 4px;
+     -moz-column-gap: var(--space-smaller);
+          column-gap: 4px;
+          grid-column-gap: 4px;
+          grid-column-gap: var(--space-smaller);
+          column-gap: var(--space-smaller);
+}
+
 ._4d0IFF7M5S0- {
   display: grid;
   width: 100%;
@@ -8515,6 +8517,12 @@ ul.LfIIg9bwrhQ- {
   margin-left: var(--space-small);
 }
 
+._9wfZRG5vXI8- {
+  min-width: 80px;
+  margin-left: 8px;
+  margin-left: var(--space-small);
+}
+
 ._85AuDa3YmT4- {
   position: relative;
 }
@@ -8546,14 +8554,8 @@ ul.LfIIg9bwrhQ- {
 
 ._80Ger-sdJDc- {
   width: 100%;
-  min-width: 48px;
-  min-width: var(--space-largest);
-}
-
-._9wfZRG5vXI8- {
-  min-width: 80px;
-  margin-left: 8px;
-  margin-left: var(--space-small);
+  min-width: 48px;
+  min-width: var(--space-largest);
 }
 
 .u5YTRL-PlTI- {
@@ -8748,6 +8750,24 @@ ul.LfIIg9bwrhQ- {
   display: none;
 }
 
+.R0MWvfTO9vg- {
+  display: -ms-flexbox;
+  display: flex;
+  box-sizing: border-box;
+  padding: 16px;
+  padding: var(--space-base);
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-direction: column;
+      flex-direction: column;
+  row-gap: 16px;
+  row-gap: var(--space-base);
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex: 1;
+      flex: 1;
+}
+
 .aJIHa8Q-WbY- {
   position: relative;
   -webkit-transform: translateY(calc(48px * -1));
@@ -8794,24 +8814,6 @@ ul.LfIIg9bwrhQ- {
   }
 }
 
-.R0MWvfTO9vg- {
-  display: -ms-flexbox;
-  display: flex;
-  box-sizing: border-box;
-  padding: 16px;
-  padding: var(--space-base);
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  row-gap: 16px;
-  row-gap: var(--space-base);
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex: 1;
-      flex: 1;
-}
-
 .SSm2j6d2kYo- {
   display: -ms-flexbox;
   display: flex;
@@ -8832,6 +8834,10 @@ ul.LfIIg9bwrhQ- {
   gap: var(--space-smallest);
 }
 
+.CwWlXTKCPUg- {
+  visibility: hidden;
+}
+
 .zfAZTjk0VNE- {
   display: -ms-flexbox;
   display: flex;
@@ -8886,10 +8892,6 @@ ul.LfIIg9bwrhQ- {
   font-weight: 500;
 }
 
-.CwWlXTKCPUg- {
-  visibility: hidden;
-}
-
 .BJxca-StHxg- {
   /* Offset the button's padding so the height of the header bar doesn't change */
   margin: calc(8px * -1) 0;
@@ -9187,6 +9189,111 @@ ul.LfIIg9bwrhQ- {
   outline: transparent;
 }
 
+.c4B0WFX6K0o- {
+  position: relative;
+}
+
+.AH9-zRHXfpo- {
+  width: 100%;
+  padding: 16px;
+  padding: var(--space-base);
+  padding-right: calc(24px * 2.25);
+  padding-right: calc(var(--space-large) * 2.25);
+  border: none;
+  border-bottom: 1px solid hsl(200, 13%, 87%);
+  border-bottom: var(--border-base) solid var(--color-border);
+  color: var(--field--value-color);
+  font-family: Inter, Helvetica, Arial, sans-serif;
+  font-family: var(--typography--fontFamily-normal);
+  font-size: 14px;
+  font-size: var(--typography--fontSize-base);
+  background-color: rgba(255, 255, 255, 1);
+  background-color: var(--color-surface);
+}
+
+.AH9-zRHXfpo-::-webkit-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.AH9-zRHXfpo-:-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.AH9-zRHXfpo-::-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.searchInput::-webkit-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.searchInput:-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.searchInput::-ms-input-placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.AH9-zRHXfpo-::placeholder {
+  color: var(--field--placeholder-color);
+  opacity: 1;
+}
+
+.AH9-zRHXfpo-::-webkit-search-decoration,
+.AH9-zRHXfpo-::-webkit-search-cancel-button,
+.AH9-zRHXfpo-::-webkit-search-results-button,
+.AH9-zRHXfpo-::-webkit-search-results-decoration {
+  -webkit-appearance: none;
+}
+
+.AH9-zRHXfpo-:focus {
+  outline: none;
+}
+
+.mymN3p8sKRw- {
+  display: -ms-flexbox;
+  display: flex;
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  right: var(--space-base);
+  z-index: 1002;
+  z-index: var(--elevation-tooltip);
+  width: 24px;
+  width: var(--space-large);
+  height: 24px;
+  height: var(--space-large);
+  padding: 0;
+  border: none;
+  border-radius: 100%;
+  border-radius: var(--radius-circle);
+  background-color: hsl(51, 17%, 85%);
+  background-color: var(--color-interactive--background);
+  cursor: pointer;
+  -webkit-transform: translateY(-50%);
+          transform: translateY(-50%);
+  -ms-flex-pack: center;
+      justify-content: center;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+.mymN3p8sKRw-:focus {
+  outline: transparent;
+}
+
+.mymN3p8sKRw-:focus-visible {
+  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
+  box-shadow: var(--shadow-focus);
+}
+
 .wFxd-3vJyKo- {
   position: relative;
   padding: 8px 0;
@@ -9302,111 +9409,6 @@ ul.LfIIg9bwrhQ- {
   gap: var(--space-smaller);
 }
 
-.c4B0WFX6K0o- {
-  position: relative;
-}
-
-.AH9-zRHXfpo- {
-  width: 100%;
-  padding: 16px;
-  padding: var(--space-base);
-  padding-right: calc(24px * 2.25);
-  padding-right: calc(var(--space-large) * 2.25);
-  border: none;
-  border-bottom: 1px solid hsl(200, 13%, 87%);
-  border-bottom: var(--border-base) solid var(--color-border);
-  color: var(--field--value-color);
-  font-family: Inter, Helvetica, Arial, sans-serif;
-  font-family: var(--typography--fontFamily-normal);
-  font-size: 14px;
-  font-size: var(--typography--fontSize-base);
-  background-color: rgba(255, 255, 255, 1);
-  background-color: var(--color-surface);
-}
-
-.AH9-zRHXfpo-::-webkit-input-placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.AH9-zRHXfpo-:-ms-input-placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.AH9-zRHXfpo-::-ms-input-placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.searchInput::-webkit-input-placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.searchInput:-ms-input-placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.searchInput::-ms-input-placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.AH9-zRHXfpo-::placeholder {
-  color: var(--field--placeholder-color);
-  opacity: 1;
-}
-
-.AH9-zRHXfpo-::-webkit-search-decoration,
-.AH9-zRHXfpo-::-webkit-search-cancel-button,
-.AH9-zRHXfpo-::-webkit-search-results-button,
-.AH9-zRHXfpo-::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-}
-
-.AH9-zRHXfpo-:focus {
-  outline: none;
-}
-
-.mymN3p8sKRw- {
-  display: -ms-flexbox;
-  display: flex;
-  position: absolute;
-  top: 50%;
-  right: 16px;
-  right: var(--space-base);
-  z-index: 1002;
-  z-index: var(--elevation-tooltip);
-  width: 24px;
-  width: var(--space-large);
-  height: 24px;
-  height: var(--space-large);
-  padding: 0;
-  border: none;
-  border-radius: 100%;
-  border-radius: var(--radius-circle);
-  background-color: hsl(51, 17%, 85%);
-  background-color: var(--color-interactive--background);
-  cursor: pointer;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
-}
-
-.mymN3p8sKRw-:focus {
-  outline: transparent;
-}
-
-.mymN3p8sKRw-:focus-visible {
-  box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1), 0px 0px 0px 4px hsl(198, 12%, 57%);
-  box-shadow: var(--shadow-focus);
-}
-
 .jPB--ZCYNNI- {
   -webkit-transform: translateY(calc(48px * -1));
   -webkit-transform: translateY(calc(var(--space-largest) * -1));