@ubie/vitals-ui-consumer 0.0.1 → 0.0.3

package/dist/style.css

@@ -1,8 +1,8 @@
-.sBu05a_container, .sBu05a_container * {
+.-o11_W_container, .-o11_W_container * {
   box-sizing: border-box;
 }
 
-.sBu05a_button {
+.-o11_W_button {
   hyphens: auto;
   width: auto;
   color: var(--color-on-surface);
@@ -15,15 +15,15 @@
   display: flex;
 }
 
-.sBu05a_button:hover {
+.-o11_W_button:hover {
   background-color: var(--color-ubie-blue-100);
 }
 
-.sBu05a_button::-webkit-details-marker {
+.-o11_W_button::-webkit-details-marker {
   display: none;
 }
 
-.sBu05a_medium .sBu05a_button {
+.-o11_W_medium .-o11_W_button {
   width: 100%;
   min-height: 2rem;
   padding: var(--size-spacing-md);
@@ -31,7 +31,7 @@
   font-weight: bold;
 }
 
-.sBu05a_small .sBu05a_button {
+.-o11_W_small .-o11_W_button {
   width: 100%;
   min-height: 1.5rem;
   padding: var(--size-spacing-xs);
@@ -40,15 +40,15 @@
   border-right: none;
 }
 
-details[open] .sBu05a_button {
+details[open] .-o11_W_button {
   border-bottom: none;
 }
 
-details[open].sBu05a_medium .sBu05a_button {
+details[open].-o11_W_medium .-o11_W_button {
   border-radius: var(--radius-md) var(--radius-md) 0 0;
 }
 
-.sBu05a_arrow {
+.-o11_W_arrow {
   width: 1.5rem;
   height: 1.5rem;
   color: var(--color-ubie-blue-600);
@@ -56,22 +56,22 @@ details[open].sBu05a_medium .sBu05a_button {
   margin-left: 1rem;
 }
 
-details[open] .sBu05a_arrow {
+details[open] .-o11_W_arrow {
   transform: rotate(180deg);
 }
 
-.sBu05a_medium .sBu05a_panel {
+.-o11_W_medium .-o11_W_panel {
   padding: var(--size-spacing-md);
   border: 1px solid var(--color-outline);
   border-radius: 0 0 var(--radius-md) var(--radius-md);
   border-top: none;
 }
 
-.sBu05a_small .sBu05a_panel {
+.-o11_W_small .-o11_W_panel {
   padding: var(--size-spacing-xs);
   border-bottom: 1px solid var(--color-outline);
 }
-.RtZ3TG_stack {
+._9kZ4ya_stack {
   gap: var(--gap);
   width: var(--width);
   min-width: var(--min-width);
@@ -81,7 +81,7 @@ details[open] .sBu05a_arrow {
   flex-direction: column;
   display: flex;
 }
-.SKhJ5a_text {
+.uHvlUW_text {
   font-size: var(--font-size);
   hyphens: auto;
   font-weight: normal;
@@ -90,181 +90,181 @@ details[open] .sBu05a_arrow {
   overflow-wrap: anywhere;
 }
 
-:where(.SKhJ5a_text) {
+:where(.uHvlUW_text) {
   margin-top: 0;
   margin-bottom: 0;
 }
 
-a.SKhJ5a_text {
+a.uHvlUW_text {
   text-decoration: underline;
 }
 
 @media (hover: hover) {
-  a.SKhJ5a_text:hover {
+  a.uHvlUW_text:hover {
     text-decoration: none;
   }
 }
 
-a.SKhJ5a_text:focus-visible {
+a.uHvlUW_text:focus-visible {
   text-decoration: none;
 }
 
-a.SKhJ5a_text:active {
+a.uHvlUW_text:active {
   text-decoration: underline;
 }
 
-button.SKhJ5a_text {
+button.uHvlUW_text {
   background-color: #0000;
   border: none;
   padding: 0;
 }
 
-button.SKhJ5a_text.SKhJ5a_link:focus-visible {
+button.uHvlUW_text.uHvlUW_link:focus-visible {
   color: var(--color-primary);
 }
 
 @media (hover: hover) {
-  button.SKhJ5a_text.SKhJ5a_link:hover, button.SKhJ5a_text.SKhJ5a_link:active {
+  button.uHvlUW_text.uHvlUW_link:hover, button.uHvlUW_text.uHvlUW_link:active {
     color: var(--color-primary);
   }
 }
 
-.SKhJ5a_bold {
+.uHvlUW_bold {
   font-weight: bold;
 }
 
-.SKhJ5a_body.SKhJ5a_xs {
+.uHvlUW_body.uHvlUW_xs {
   --font-size: var(--text-body-xs-size);
 }
 
-.SKhJ5a_body.SKhJ5a_sm {
+.uHvlUW_body.uHvlUW_sm {
   --font-size: var(--text-body-sm-size);
 }
 
-.SKhJ5a_body.SKhJ5a_md {
+.uHvlUW_body.uHvlUW_md {
   --font-size: var(--text-body-md-size);
 }
 
-.SKhJ5a_body.SKhJ5a_lg {
+.uHvlUW_body.uHvlUW_lg {
   --font-size: var(--text-body-lg-size);
 }
 
-.SKhJ5a_heading.SKhJ5a_xxs {
+.uHvlUW_heading.uHvlUW_xxs {
   --font-size: var(--text-heading-xxs-size);
 }
 
-.SKhJ5a_heading.SKhJ5a_xs {
+.uHvlUW_heading.uHvlUW_xs {
   --font-size: var(--text-heading-xs-size);
 }
 
-.SKhJ5a_heading.SKhJ5a_sm {
+.uHvlUW_heading.uHvlUW_sm {
   --font-size: var(--text-heading-sm-size);
 }
 
-.SKhJ5a_heading.SKhJ5a_md {
+.uHvlUW_heading.uHvlUW_md {
   --font-size: var(--text-heading-md-size);
 }
 
-.SKhJ5a_heading.SKhJ5a_lg {
+.uHvlUW_heading.uHvlUW_lg {
   --font-size: var(--text-heading-lg-size);
 }
 
-.SKhJ5a_heading.SKhJ5a_xl {
+.uHvlUW_heading.uHvlUW_xl {
   --font-size: var(--text-heading-xl-size);
 }
 
-.SKhJ5a_button.SKhJ5a_sm {
+.uHvlUW_button.uHvlUW_sm {
   --font-size: var(--text-button-sm-size);
 }
 
-.SKhJ5a_button.SKhJ5a_md {
+.uHvlUW_button.uHvlUW_md {
   --font-size: var(--text-button-md-size);
 }
 
-.SKhJ5a_button.SKhJ5a_lg {
+.uHvlUW_button.uHvlUW_lg {
   --font-size: var(--text-button-lg-size);
 }
 
-.SKhJ5a_tag.SKhJ5a_md {
+.uHvlUW_tag.uHvlUW_md {
   --font-size: var(--text-tag-md-size);
 }
 
-.SKhJ5a_tag.SKhJ5a_lg {
+.uHvlUW_tag.uHvlUW_lg {
   --font-size: var(--text-tag-lg-size);
 }
 
-.SKhJ5a_default {
+.uHvlUW_default {
   --leading: var(--text-body-md-line);
 }
 
-.SKhJ5a_default.SKhJ5a_heading.SKhJ5a_xs, .SKhJ5a_default.SKhJ5a_heading.SKhJ5a_sm {
+.uHvlUW_default.uHvlUW_heading.uHvlUW_xs, .uHvlUW_default.uHvlUW_heading.uHvlUW_sm {
   --leading: var(--text-heading-sm-line);
 }
 
-.SKhJ5a_default.SKhJ5a_heading.SKhJ5a_md, .SKhJ5a_default.SKhJ5a_heading.SKhJ5a_lg, .SKhJ5a_default.SKhJ5a_heading.SKhJ5a_xl {
+.uHvlUW_default.uHvlUW_heading.uHvlUW_md, .uHvlUW_default.uHvlUW_heading.uHvlUW_lg, .uHvlUW_default.uHvlUW_heading.uHvlUW_xl {
   --leading: var(--text-heading-md-line);
 }
 
-.SKhJ5a_button.SKhJ5a_default {
+.uHvlUW_button.uHvlUW_default {
   --leading: var(--text-button-md-line);
 }
 
-.SKhJ5a_tag.SKhJ5a_default {
+.uHvlUW_tag.uHvlUW_default {
   --leading: var(--text-tag-md-line);
 }
 
-.SKhJ5a_narrow {
+.uHvlUW_narrow {
   --leading: var(--text-body-md-narrow-line);
 }
 
-.SKhJ5a_wide {
+.uHvlUW_wide {
   --leading: var(--text-body-md-wide-line);
 }
 
-.SKhJ5a_wide.SKhJ5a_heading {
+.uHvlUW_wide.uHvlUW_heading {
   --leading: var(--text-heading-md-wide-line);
 }
 
-.SKhJ5a_left {
+.uHvlUW_left {
   text-align: left;
 }
 
-.SKhJ5a_center {
+.uHvlUW_center {
   text-align: center;
 }
 
-.SKhJ5a_right {
+.uHvlUW_right {
   text-align: right;
 }
 
-.SKhJ5a_nowrap {
+.uHvlUW_nowrap {
   white-space: nowrap;
 }
-.TmCe1q_modal {
+.R58Mza_modal {
   z-index: var(--z-index-modal);
   position: fixed;
   inset: 0;
   overflow: hidden;
 }
 
-.TmCe1q_overlay {
+.R58Mza_overlay {
   position: fixed;
   inset: 0;
 }
 
-.TmCe1q_normalOverlay {
+.R58Mza_normalOverlay {
   background: #00000080;
 }
 
-.TmCe1q_darkerOverlay {
+.R58Mza_darkerOverlay {
   background: #000c;
 }
 
-.TmCe1q_contents {
+.R58Mza_contents {
   padding: 0 var(--size-spacing-md);
 }
 
-.TmCe1q_dialog {
+.R58Mza_dialog {
   border-radius: 12px;
   background: #fff;
   border-end-end-radius: 0;
@@ -281,29 +281,29 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   transform: translate3d(-50%, 0, 0);
 }
 
-.TmCe1q_dialog.TmCe1q_fullscreen {
+.R58Mza_dialog.R58Mza_fullscreen {
   height: calc(100% - 24px);
 }
 
-.TmCe1q_scrollContainer {
+.R58Mza_scrollContainer {
   height: 100%;
   overflow-y: auto;
 }
 
-.TmCe1q_mainContent {
+.R58Mza_mainContent {
   flex-direction: column;
   display: flex;
 }
 
-.TmCe1q_mainContent.TmCe1q_headerLess {
+.R58Mza_mainContent.R58Mza_headerLess {
   padding-top: var(--size-spacing-xl);
 }
 
-.TmCe1q_mainContent.TmCe1q_fullscreen {
+.R58Mza_mainContent.R58Mza_fullscreen {
   min-height: 100%;
 }
 
-.TmCe1q_header {
+.R58Mza_header {
   padding: var(--size-spacing-lg) var(--size-spacing-md);
   font-size: var(--text-heading-xs-size);
   font-weight: bold;
@@ -314,102 +314,102 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   outline: none;
 }
 
-.TmCe1q_header.TmCe1q_sticky {
+.R58Mza_header.R58Mza_sticky {
   z-index: 1;
   position: sticky;
   top: 0;
 }
 
-.TmCe1q_header.TmCe1q_sticky.TmCe1q_canScroll {
+.R58Mza_header.R58Mza_sticky.R58Mza_canScroll {
   border-bottom: 1px solid var(--color-border);
 }
 
-.TmCe1q_body {
+.R58Mza_body {
   z-index: 0;
   padding-right: var(--size-spacing-md);
   padding-left: var(--size-spacing-md);
 }
 
-.TmCe1q_body.TmCe1q_fullscreen {
+.R58Mza_body.R58Mza_fullscreen {
   flex: 1;
   min-height: 400px;
   overflow: hidden;
 }
 
-.TmCe1q_buttonContainer {
+.R58Mza_buttonContainer {
   gap: var(--size-spacing-md);
   padding: var(--size-spacing-lg) var(--size-spacing-md) var(--size-spacing-md);
   background-color: var(--color-ubie-white);
   display: grid;
 }
 
-.TmCe1q_buttonContainer.TmCe1q_sticky {
+.R58Mza_buttonContainer.R58Mza_sticky {
   position: sticky;
   bottom: 0;
 }
 
-.TmCe1q_buttonContainer.TmCe1q_sticky.TmCe1q_canScroll {
+.R58Mza_buttonContainer.R58Mza_sticky.R58Mza_canScroll {
   border-top: 1px solid var(--color-border);
 }
 
-.TmCe1q_overlayEnter {
+.R58Mza_overlayEnter {
   transition-property: opacity;
   transition-duration: .3s;
   transition-timing-function: ease-out;
 }
 
-.TmCe1q_overlayEnterFrom {
+.R58Mza_overlayEnterFrom {
   opacity: 0;
 }
 
-.TmCe1q_overlayEnterTo {
+.R58Mza_overlayEnterTo {
   opacity: 1;
 }
 
-.TmCe1q_overlayLeave {
+.R58Mza_overlayLeave {
   transition-duration: .2s;
   transition-timing-function: ease-in;
 }
 
-.TmCe1q_overlayLeaveFrom {
+.R58Mza_overlayLeaveFrom {
   opacity: 1;
 }
 
-.TmCe1q_overlayLeaveTo {
+.R58Mza_overlayLeaveTo {
   opacity: 0;
 }
 
-.TmCe1q_panelEnter {
+.R58Mza_panelEnter {
   transition-property: transform, opacity;
   transition-duration: .3s;
   transition-timing-function: ease-out;
 }
 
-.TmCe1q_panelEnterFrom {
+.R58Mza_panelEnterFrom {
   opacity: 0;
   transform: translate3d(-50%, 100%, 0);
 }
 
-.TmCe1q_panelEnterTo {
+.R58Mza_panelEnterTo {
   opacity: 1;
   transform: translate3d(-50%, 0, 0);
 }
 
-.TmCe1q_panelLeave {
+.R58Mza_panelLeave {
   transition-duration: .2s;
   transition-timing-function: ease-in;
 }
 
-.TmCe1q_panelLeaveFrom {
+.R58Mza_panelLeaveFrom {
   opacity: 1;
   transform: translate3d(-50%, 0, 0);
 }
 
-.TmCe1q_panelLeaveTo {
+.R58Mza_panelLeaveTo {
   opacity: 0;
   transform: translate3d(-50%, 100%, 0);
 }
-.EoFx-W_visuallyHidden {
+._1o5QGG_visuallyHidden {
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;
@@ -421,10 +421,10 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   overflow: hidden;
 }
 
-.EoFx-W_visuallyHidden[tabindex="-1"] {
+._1o5QGG_visuallyHidden[tabindex="-1"] {
   outline: none;
 }
-.m6Snkq_button {
+.Upa50G_button {
   --border-width: 1px;
   box-sizing: border-box;
   width: auto;
@@ -456,16 +456,16 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   position: relative;
 }
 
-.m6Snkq_button:focus-visible {
+.Upa50G_button:focus-visible {
   outline: solid var(--focus-ring, var(--color-ubie-blue-500)) 2px;
 }
 
-.m6Snkq_button.m6Snkq_loading {
+.Upa50G_button.Upa50G_loading {
   cursor: wait;
 }
 
 @media (hover: hover) {
-  .m6Snkq_button:hover:not(.m6Snkq_loading) {
+  .Upa50G_button:hover:not(.Upa50G_loading) {
     color: var(--text-hover);
     cursor: pointer;
     background-color: var(--bg-hover);
@@ -473,14 +473,14 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   }
 }
 
-.m6Snkq_label {
+.Upa50G_label {
   grid-column: 2;
   justify-content: center;
   align-items: center;
   display: inline-flex;
 }
 
-.m6Snkq_disabled {
+.Upa50G_disabled {
   padding: calc(var(--padding-y) + var(--border-width)) calc(var(--padding-x) + var(--border-width));
   color: var(--text-disabled);
   pointer-events: none;
@@ -490,7 +490,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   border-width: 0;
 }
 
-.m6Snkq_loadingLabel {
+.Upa50G_loadingLabel {
   justify-content: center;
   align-items: center;
   display: flex;
@@ -498,11 +498,11 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   inset: 0;
 }
 
-.m6Snkq_children.m6Snkq_loading {
+.Upa50G_children.Upa50G_loading {
   opacity: 0;
 }
 
-.m6Snkq_primary {
+.Upa50G_primary {
   --text: var(--color-ubie-white);
   --text-hover: var(--color-ubie-white);
   --text-disabled: var(--color-placeholder);
@@ -515,7 +515,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --focus-ring: var(--color-ubie-pink-500);
 }
 
-.m6Snkq_secondary {
+.Upa50G_secondary {
   --text: var(--color-on-surface);
   --text-hover: var(--color-on-surface);
   --text-disabled: var(--color-placeholder);
@@ -527,7 +527,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --border-color-disabled: var(--color-outline-variant);
 }
 
-.m6Snkq_alert {
+.Upa50G_alert {
   --text: var(--color-ubie-white);
   --text-hover: var(--color-ubie-white);
   --text-disabled: var(--color-placeholder);
@@ -539,7 +539,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --border-color-disabled: var(--color-outline-variant);
 }
 
-.m6Snkq_text {
+.Upa50G_text {
   --text: var(--color-ubie-blue-600);
   --text-hover: var(--color-ubie-blue-700);
   --text-disabled: var(--color-placeholder);
@@ -551,7 +551,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --border-color-disabled: var(--color-outline-variant);
 }
 
-.m6Snkq_textAlert {
+.Upa50G_textAlert {
   --text: var(--color-ubie-red-800);
   --text-hover: var(--color-ubie-red-700);
   --text-disabled: var(--color-placeholder);
@@ -563,7 +563,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --border-color-disabled: var(--color-outline-variant);
 }
 
-.m6Snkq_authGoogle {
+.Upa50G_authGoogle {
   --text: var(--color-on-surface);
   --text-hover: var(--color-on-surface);
   --text-disabled: var(--color-on-surface);
@@ -575,7 +575,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --border-color-disabled: #9ca0a8;
 }
 
-.m6Snkq_authLINE {
+.Upa50G_authLINE {
   --text: #fff;
   --text-hover: #fff;
   --text-disabled: #fff;
@@ -587,7 +587,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --border-color-disabled: #06c755;
 }
 
-.m6Snkq_authApple {
+.Upa50G_authApple {
   --text: #fff;
   --text-hover: #fff;
   --text-disabled: #fff;
@@ -599,7 +599,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --border-color-disabled: #000;
 }
 
-.m6Snkq_large {
+.Upa50G_large {
   --min-width: 112px;
   --height: 56px;
   --padding-x: 22px;
@@ -610,7 +610,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --icon-gap: 8px;
 }
 
-.m6Snkq_medium {
+.Upa50G_medium {
   --min-width: 80px;
   --height: 36px;
   --padding-x: 10px;
@@ -621,7 +621,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --icon-gap: 6px;
 }
 
-.m6Snkq_small {
+.Upa50G_small {
   --min-width: 60px;
   --height: 24px;
   --padding-x: 6px;
@@ -632,57 +632,57 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   --icon-gap: 4px;
 }
 
-.m6Snkq_block {
+.Upa50G_block {
   width: 100%;
 }
 
-.m6Snkq_icon {
+.Upa50G_icon {
   margin-right: var(--icon-gap);
   vertical-align: middle;
   display: flex;
 }
 
-.m6Snkq_icon.m6Snkq_loading {
+.Upa50G_icon.Upa50G_loading {
   opacity: 0;
 }
 
-.m6Snkq_icon > * {
+.Upa50G_icon > * {
   width: var(--icon-size);
   height: var(--icon-size);
 }
 
-.m6Snkq_fixedIcon {
+.Upa50G_fixedIcon {
   vertical-align: middle;
   margin: 0 10%;
   display: flex;
 }
 
-.m6Snkq_fixedIcon > * {
+.Upa50G_fixedIcon > * {
   width: var(--icon-size);
   height: var(--icon-size);
 }
 
-.m6Snkq_suffixIcon {
+.Upa50G_suffixIcon {
   margin-left: var(--icon-gap);
   vertical-align: middle;
   display: flex;
 }
 
-.m6Snkq_suffixIcon.m6Snkq_loading {
+.Upa50G_suffixIcon.Upa50G_loading {
   opacity: 0;
 }
 
-.m6Snkq_suffixIcon > * {
+.Upa50G_suffixIcon > * {
   width: var(--icon-size);
   height: var(--icon-size);
 }
-._6XFBpa_icon {
+.msdfUq_icon {
   width: var(--size);
   height: var(--size);
   color: var(--icon-color);
   vertical-align: bottom;
 }
-.N4rtbW_modal {
+.opPb7a_modal {
   z-index: var(--z-index-modal);
   justify-content: center;
   align-items: center;
@@ -691,20 +691,20 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   inset: 0;
 }
 
-.N4rtbW_overlay {
+.opPb7a_overlay {
   position: fixed;
   inset: 0;
 }
 
-.N4rtbW_normalOverlay {
+.opPb7a_normalOverlay {
   background: #00000080;
 }
 
-.N4rtbW_darkerOverlay {
+.opPb7a_darkerOverlay {
   background: #000c;
 }
 
-.N4rtbW_dialog {
+.opPb7a_dialog {
   box-sizing: border-box;
   border-radius: var(--radius-lg);
   background: #fff;
@@ -718,30 +718,30 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   overflow: hidden;
 }
 
-.N4rtbW_dialog.N4rtbW_fixedHeight {
+.opPb7a_dialog.opPb7a_fixedHeight {
   height: calc(100% - 48px);
 }
 
-.N4rtbW_scrollContainer {
+.opPb7a_scrollContainer {
   height: 100%;
   overflow-y: auto;
 }
 
-.N4rtbW_mainContent {
+.opPb7a_mainContent {
   box-sizing: border-box;
   flex-direction: column;
   display: flex;
 }
 
-.N4rtbW_mainContent.N4rtbW_fixedHeight {
+.opPb7a_mainContent.opPb7a_fixedHeight {
   min-height: 100%;
 }
 
-.N4rtbW_mainContent.N4rtbW_headerLess {
+.opPb7a_mainContent.opPb7a_headerLess {
   padding-top: var(--size-spacing-xl);
 }
 
-.N4rtbW_header {
+.opPb7a_header {
   padding: var(--size-spacing-lg) var(--size-spacing-md);
   font-size: var(--text-heading-xs-size);
   font-weight: bold;
@@ -752,71 +752,71 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   outline: none;
 }
 
-.N4rtbW_header.N4rtbW_sticky {
+.opPb7a_header.opPb7a_sticky {
   z-index: 1;
   position: sticky;
   top: 0;
 }
 
-.N4rtbW_header.N4rtbW_sticky.N4rtbW_canScroll {
+.opPb7a_header.opPb7a_sticky.opPb7a_canScroll {
   border-bottom: 1px solid var(--color-border);
 }
 
-.N4rtbW_body {
+.opPb7a_body {
   z-index: 0;
   padding-right: var(--size-spacing-md);
   padding-left: var(--size-spacing-md);
 }
 
-.N4rtbW_body.N4rtbW_fixedHeight {
+.opPb7a_body.opPb7a_fixedHeight {
   flex-grow: 1;
   min-height: 400px;
   overflow: hidden;
 }
 
-.N4rtbW_buttonContainer {
+.opPb7a_buttonContainer {
   gap: var(--size-spacing-md);
   padding: var(--size-spacing-lg) var(--size-spacing-md) var(--size-spacing-md);
   background-color: var(--color-ubie-white);
   display: grid;
 }
 
-.N4rtbW_buttonContainer.N4rtbW_sticky {
+.opPb7a_buttonContainer.opPb7a_sticky {
   position: sticky;
   bottom: 0;
 }
 
-.N4rtbW_buttonContainer.N4rtbW_sticky.N4rtbW_canScroll {
+.opPb7a_buttonContainer.opPb7a_sticky.opPb7a_canScroll {
   border-top: 1px solid var(--color-border);
 }
 
-.N4rtbW_panelEnter {
+.opPb7a_panelEnter {
   transition-property: opacity;
   transition-duration: .25s;
   transition-timing-function: ease-out;
 }
 
-.N4rtbW_panelEnterFrom {
+.opPb7a_panelEnterFrom {
   opacity: 0;
 }
 
-.N4rtbW_panelEnterTo {
+.opPb7a_panelEnterTo {
   opacity: 1;
 }
 
-.N4rtbW_panelLeave {
+.opPb7a_panelLeave {
   transition-duration: .2s;
   transition-timing-function: ease-in;
 }
 
-.N4rtbW_panelLeaveFrom {
+.opPb7a_panelLeaveFrom {
   opacity: 1;
 }
 
-.N4rtbW_panelLeaveTo {
+.opPb7a_panelLeaveTo {
   opacity: 0;
 }
-._84s-aa_box {
+.hZqUia_box {
   box-sizing: border-box;
   width: var(--width);
   min-width: var(--min-width);
@@ -835,34 +835,34 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   display: block;
 }
 
-._84s-aa_box._84s-aa_textBold {
+.hZqUia_box.hZqUia_textBold {
   font-weight: bold;
 }
 
-._84s-aa_box._84s-aa_textNormal {
+.hZqUia_box.hZqUia_textNormal {
   font-weight: normal;
 }
 
-._84s-aa_box._84s-aa_textCenter {
+.hZqUia_box.hZqUia_textCenter {
   text-align: center;
 }
 
-._84s-aa_box._84s-aa_textLeft {
+.hZqUia_box.hZqUia_textLeft {
   text-align: left;
 }
 
-._84s-aa_box._84s-aa_textRight {
+.hZqUia_box.hZqUia_textRight {
   text-align: right;
 }
 
-._84s-aa_box._84s-aa_textNoWrap {
+.hZqUia_box.hZqUia_textNoWrap {
   white-space: nowrap;
 }
 
-._84s-aa_box._84s-aa_inline {
+.hZqUia_box.hZqUia_inline {
   display: inline-block;
 }
-.Ei8pzG_card {
+.rqjlta_card {
   --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
   width: 100%;
   padding: var(--size-spacing-md) var(--size-spacing-sm);
@@ -884,17 +884,17 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
 }
 
 @media (hover: hover) {
-  .Ei8pzG_card:hover:not(:disabled) {
+  .rqjlta_card:hover:not(:disabled) {
     background-color: var(--color-ubie-blue-100);
   }
 }
 
-.Ei8pzG_card:disabled {
+.rqjlta_card:disabled {
   color: var(--color-placeholder);
   cursor: initial;
   background-color: var(--color-outline-variant);
 }
-.-I1clG_center {
+.INZiSG_center {
   width: var(--width);
   min-width: var(--min-width);
   max-width: var(--max-width);
@@ -904,16 +904,16 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   margin-bottom: var(--margin-bottom);
 }
 
-.-I1clG_center.-I1clG_textCenter {
+.INZiSG_center.INZiSG_textCenter {
   text-align: center;
 }
 
-.-I1clG_center.-I1clG_childrenCenter {
+.INZiSG_center.INZiSG_childrenCenter {
   flex-direction: column;
   align-items: center;
   display: flex;
 }
-.L3krha_divider {
+.q-DRFW_divider {
   width: var(--width);
   min-width: var(--min-width);
   max-width: var(--max-width);
@@ -922,7 +922,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   border: 0;
   border-top: var(--border-width) solid var(--border-color);
 }
-.d5-kUq_heading {
+.Gdq3NW_heading {
   box-sizing: border-box;
   hyphens: auto;
   color: var(--color-on-surface);
@@ -933,95 +933,95 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   position: relative;
 }
 
-.d5-kUq_heading.d5-kUq_bold {
+.Gdq3NW_heading.Gdq3NW_bold {
   font-weight: bold;
 }
 
-:where(.d5-kUq_heading) {
+:where(.Gdq3NW_heading) {
   margin: 0;
 }
 
-.d5-kUq_heading.d5-kUq_left {
+.Gdq3NW_heading.Gdq3NW_left {
   text-align: left;
 }
 
-.d5-kUq_heading.d5-kUq_center {
+.Gdq3NW_heading.Gdq3NW_center {
   text-align: center;
 }
 
-.d5-kUq_heading.d5-kUq_right {
+.Gdq3NW_heading.Gdq3NW_right {
   text-align: right;
 }
 
-.d5-kUq_heading.d5-kUq_main {
+.Gdq3NW_heading.Gdq3NW_main {
   color: var(--color-on-surface);
 }
 
-.d5-kUq_heading > a {
+.Gdq3NW_heading > a {
   color: var(--color-primary);
 }
 
 @media (hover: hover) {
-  .d5-kUq_heading > a:hover {
+  .Gdq3NW_heading > a:hover {
     color: var(--color-ubie-blue-700);
   }
 }
 
-.d5-kUq_heading > a:active {
+.Gdq3NW_heading > a:active {
   text-decoration: none;
 }
 
-.d5-kUq_heading.d5-kUq_white, .d5-kUq_heading.d5-kUq_white, .d5-kUq_heading.d5-kUq_white > a {
+.Gdq3NW_heading.Gdq3NW_white, .Gdq3NW_heading.Gdq3NW_white, .Gdq3NW_heading.Gdq3NW_white > a {
   color: var(--color-ubie-white);
 }
 
 @media (hover: hover) {
-  .d5-kUq_heading.d5-kUq_white > a:hover {
+  .Gdq3NW_heading.Gdq3NW_white > a:hover {
     text-decoration: none;
   }
 }
 
-.d5-kUq_heading.d5-kUq_white > a:active {
+.Gdq3NW_heading.Gdq3NW_white > a:active {
   text-decoration: underline;
   position: relative;
   top: 1px;
 }
 
-.d5-kUq_heading.d5-kUq_xxs {
+.Gdq3NW_heading.Gdq3NW_xxs {
   font-size: var(--text-heading-xxs-size);
   line-height: var(--text-heading-xxs-line);
 }
 
-.d5-kUq_heading.d5-kUq_xs {
+.Gdq3NW_heading.Gdq3NW_xs {
   font-size: var(--text-heading-xs-size);
   line-height: var(--text-heading-xs-line);
 }
 
-.d5-kUq_heading.d5-kUq_sm {
+.Gdq3NW_heading.Gdq3NW_sm {
   font-size: var(--text-heading-sm-size);
   line-height: var(--text-heading-sm-line);
 }
 
-.d5-kUq_heading.d5-kUq_md {
+.Gdq3NW_heading.Gdq3NW_md {
   font-size: var(--text-heading-md-size);
   line-height: var(--text-heading-md-line);
 }
 
-.d5-kUq_heading.d5-kUq_lg {
+.Gdq3NW_heading.Gdq3NW_lg {
   font-size: var(--text-heading-lg-size);
   line-height: var(--text-heading-lg-line);
 }
 
-.d5-kUq_heading.d5-kUq_xl {
+.Gdq3NW_heading.Gdq3NW_xl {
   font-size: var(--text-heading-xl-size);
   line-height: var(--text-heading-xl-line);
 }
 
-.d5-kUq_heading.d5-kUq_leadingBorder {
+.Gdq3NW_heading.Gdq3NW_leadingBorder {
   padding-left: calc(var(--size-spacing-sm) + var(--medium-leading-border-width));
 }
 
-.d5-kUq_heading.d5-kUq_leadingBorder:before {
+.Gdq3NW_heading.Gdq3NW_leadingBorder:before {
   width: var(--medium-leading-border-width);
   vertical-align: top;
   content: "";
@@ -1034,18 +1034,18 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   left: 0;
 }
 
-.d5-kUq_heading.d5-kUq_lg.d5-kUq_leadingBorder, .d5-kUq_heading.d5-kUq_xl.d5-kUq_leadingBorder {
+.Gdq3NW_heading.Gdq3NW_lg.Gdq3NW_leadingBorder, .Gdq3NW_heading.Gdq3NW_xl.Gdq3NW_leadingBorder {
   padding-left: calc(var(--size-spacing-sm) + var(--large-leading-border-width));
 }
 
-.d5-kUq_heading.d5-kUq_lg.d5-kUq_leadingBorder:before, .d5-kUq_heading.d5-kUq_xl.d5-kUq_leadingBorder:before {
+.Gdq3NW_heading.Gdq3NW_lg.Gdq3NW_leadingBorder:before, .Gdq3NW_heading.Gdq3NW_xl.Gdq3NW_leadingBorder:before {
   width: var(--large-leading-border-width);
 }
 
-.d5-kUq_heading.d5-kUq_noWrap {
+.Gdq3NW_heading.Gdq3NW_noWrap {
   white-space: nowrap;
 }
-.xhEpsq_error {
+.EHb81G_error {
   font-size: var(--text-body-sm-size);
   hyphens: auto;
   line-height: var(--text-body-sm-narrow-line);
@@ -1053,7 +1053,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   overflow-wrap: anywhere;
   margin: 0;
 }
-.Mjlt9q_flex {
+._4EjdUG_flex {
   flex-flow: var(--flex-direction) var(--flex-wrap);
   gap: var(--gap);
   align-items: var(--align-items);
@@ -1066,32 +1066,32 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   display: flex;
 }
 
-.Mjlt9q_flex.Mjlt9q_heightFull {
+._4EjdUG_flex._4EjdUG_heightFull {
   height: 100%;
 }
 
-.Mjlt9q_flex.Mjlt9q_widthFull {
+._4EjdUG_flex._4EjdUG_widthFull {
   width: 100%;
 }
 
-.Mjlt9q_flex.Mjlt9q_inline {
+._4EjdUG_flex._4EjdUG_inline {
   display: inline-flex;
 }
-.jRj3sq_flexItem {
+._54f6ja_flexItem {
   min-width: var(--min-width);
   max-width: var(--max-width);
   padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
   margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
 }
 
-.jRj3sq_none {
+._54f6ja_none {
   flex: none;
 }
 
-.jRj3sq_longhand {
+._54f6ja_longhand {
   flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
 }
-._4x5CzG_message {
+.zpqK4W_message {
   font-size: var(--text-body-sm-size);
   hyphens: auto;
   line-height: var(--text-body-sm-line);
@@ -1099,7 +1099,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   overflow-wrap: anywhere;
   margin: 0;
 }
-.SpunRq_checkbox {
+.Heaa8W_checkbox {
   clip: rect(1px, 1px, 1px, 1px);
   --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
   border: 0;
@@ -1110,13 +1110,13 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   overflow: hidden;
 }
 
-.SpunRq_checkbox, .SpunRq_label, .SpunRq_symbol {
+.Heaa8W_checkbox, .Heaa8W_label, .Heaa8W_symbol {
   transition: border-color .3s var(--ease-out-quint),
     background-color .3s var(--ease-out-quint),
     outline-color .3s var(--ease-out-quint);
 }
 
-.SpunRq_label {
+.Heaa8W_label {
   gap: var(--size-spacing-xs);
   hyphens: auto;
   overflow-wrap: anywhere;
@@ -1125,21 +1125,21 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   display: flex;
 }
 
-.SpunRq_label:has(.SpunRq_checkbox:disabled) {
+.Heaa8W_label:has(.Heaa8W_checkbox:disabled) {
   cursor: initial;
 }
 
-.SpunRq_label.SpunRq_medium {
+.Heaa8W_label.Heaa8W_medium {
   font-size: var(--text-body-md-size);
   line-height: var(--text-body-md-narrow-line);
 }
 
-.SpunRq_label.SpunRq_small {
+.Heaa8W_label.Heaa8W_small {
   font-size: var(--text-body-sm-size);
   line-height: var(--text-body-sm-narrow-line);
 }
 
-.SpunRq_symbol {
+.Heaa8W_symbol {
   box-sizing: border-box;
   color: var(--color-ubie-white);
   background-color: var(--color-ubie-white);
@@ -1150,72 +1150,72 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   display: flex;
 }
 
-.SpunRq_symbol.SpunRq_medium {
+.Heaa8W_symbol.Heaa8W_medium {
   width: 1.5rem;
   height: 1.5rem;
 }
 
-.SpunRq_symbol.SpunRq_small {
+.Heaa8W_symbol.Heaa8W_small {
   width: 1.25rem;
   height: 1.25rem;
 }
 
-.SpunRq_symbol.SpunRq_isIndeterminate {
+.Heaa8W_symbol.Heaa8W_isIndeterminate {
   background-color: var(--color-ubie-blue-600);
   border-color: var(--color-ubie-blue-600);
 }
 
-.SpunRq_checkbox:checked + .SpunRq_symbol, .SpunRq_symbol.SpunRq_isIndeterminate {
+.Heaa8W_checkbox:checked + .Heaa8W_symbol, .Heaa8W_symbol.Heaa8W_isIndeterminate {
   border-width: 0;
 }
 
-.SpunRq_checkbox:checked + .SpunRq_symbol {
+.Heaa8W_checkbox:checked + .Heaa8W_symbol {
   background-color: var(--color-ubie-blue-600);
 }
 
-.SpunRq_checkbox:focus-visible + .SpunRq_symbol {
+.Heaa8W_checkbox:focus-visible + .Heaa8W_symbol {
   outline: 2px solid var(--color-ubie-pink-500);
 }
 
-.SpunRq_checkbox:disabled:checked + .SpunRq_symbol, .SpunRq_checkbox:disabled + .SpunRq_symbol.SpunRq_isIndeterminate {
+.Heaa8W_checkbox:disabled:checked + .Heaa8W_symbol, .Heaa8W_checkbox:disabled + .Heaa8W_symbol.Heaa8W_isIndeterminate {
   background-color: var(--color-placeholder);
 }
 
 @media (hover: hover) {
-  .SpunRq_checkbox:not(:disabled) + .SpunRq_symbol:not(.SpunRq_isIndeterminate):hover {
+  .Heaa8W_checkbox:not(:disabled) + .Heaa8W_symbol:not(.Heaa8W_isIndeterminate):hover {
     border-color: var(--color-ubie-blue-500);
   }
 
-  .SpunRq_checkbox:checked:not(:disabled) + .SpunRq_symbol:hover {
+  .Heaa8W_checkbox:checked:not(:disabled) + .Heaa8W_symbol:hover {
     background-color: var(--color-ubie-blue-700);
   }
 }
 
-.SpunRq_symbolCheckIcon {
+.Heaa8W_symbolCheckIcon {
   visibility: hidden;
 }
 
-.SpunRq_checkbox:checked + .SpunRq_symbol > .SpunRq_symbolCheckIcon {
+.Heaa8W_checkbox:checked + .Heaa8W_symbol > .Heaa8W_symbolCheckIcon {
   visibility: initial;
 }
 
-.SpunRq_symbolCheckIcon.SpunRq_medium, .SpunRq_symbolIndeterminate.SpunRq_medium {
+.Heaa8W_symbolCheckIcon.Heaa8W_medium, .Heaa8W_symbolIndeterminate.Heaa8W_medium {
   font-size: 1.25rem;
 }
 
-.SpunRq_symbolCheckIcon.SpunRq_small, .SpunRq_symbolIndeterminate.SpunRq_small {
+.Heaa8W_symbolCheckIcon.Heaa8W_small, .Heaa8W_symbolIndeterminate.Heaa8W_small {
   font-size: 1rem;
 }
-.K4Ecoa_block {
+.TVAt5q_block {
   width: 100%;
 }
 
-.K4Ecoa_checkbox {
+.TVAt5q_checkbox {
   opacity: 0;
   position: absolute;
 }
 
-.K4Ecoa_label {
+.TVAt5q_label {
   --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
   box-sizing: border-box;
   font-size: var(--text-body-md-size);
@@ -1238,7 +1238,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   position: relative;
 }
 
-.K4Ecoa_label:before {
+.TVAt5q_label:before {
   box-sizing: border-box;
   content: "";
   border: 2px solid var(--color-outline);
@@ -1253,51 +1253,51 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
 }
 
 @media (hover: hover) {
-  .K4Ecoa_label:hover:not(.K4Ecoa_disabled, .K4Ecoa_checked):before {
+  .TVAt5q_label:hover:not(.TVAt5q_disabled, .TVAt5q_checked):before {
     background-color: var(--color-ubie-white);
     border-color: var(--color-ubie-blue-500);
   }
 }
 
-.K4Ecoa_label.K4Ecoa_checked:before {
+.TVAt5q_label.TVAt5q_checked:before {
   background-color: var(--color-ubie-blue-600);
   border: none;
 }
 
-.K4Ecoa_label.K4Ecoa_checked.K4Ecoa_disabled:before {
+.TVAt5q_label.TVAt5q_checked.TVAt5q_disabled:before {
   background-color: var(--color-placeholder);
   border-color: #0000;
 }
 
-.K4Ecoa_label:not(.K4Ecoa_checked):has(.K4Ecoa_checkbox:focus-visible), .K4Ecoa_label.K4Ecoa_checked:has(.K4Ecoa_checkbox:focus-visible) {
+.TVAt5q_label:not(.TVAt5q_checked):has(.TVAt5q_checkbox:focus-visible), .TVAt5q_label.TVAt5q_checked:has(.TVAt5q_checkbox:focus-visible) {
   box-shadow: 0 0 0 2px var(--color-ubie-pink-500);
 }
 
 @media (hover: hover) {
-  .K4Ecoa_label:hover {
+  .TVAt5q_label:hover {
     background-color: var(--color-ubie-blue-100);
   }
 
-  .K4Ecoa_label.K4Ecoa_checked:not(.K4Ecoa_disabled):hover {
+  .TVAt5q_label.TVAt5q_checked:not(.TVAt5q_disabled):hover {
     outline-color: var(--color-ubie-blue-700);
   }
 
-  .K4Ecoa_label.K4Ecoa_checked:not(.K4Ecoa_disabled):hover:before {
+  .TVAt5q_label.TVAt5q_checked:not(.TVAt5q_disabled):hover:before {
     background-color: var(--color-ubie-blue-700);
   }
 }
 
-.K4Ecoa_label.K4Ecoa_disabled {
+.TVAt5q_label.TVAt5q_disabled {
   color: var(--color-placeholder);
   background-color: var(--color-outline-variant);
   outline-color: var(--color-outline);
 }
 
-.K4Ecoa_label.K4Ecoa_disabled:before {
+.TVAt5q_label.TVAt5q_disabled:before {
   border-color: var(--color-placeholder);
 }
 
-.K4Ecoa_checkIcon {
+.TVAt5q_checkIcon {
   color: var(--color-ubie-white);
   line-height: 1;
   position: absolute;
@@ -1305,13 +1305,13 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   left: 14px;
   translate: 0 -50%;
 }
-.EAa8ta_wrapper {
+.JNWbkq_wrapper {
   border: none;
   margin: 0;
   padding: 0;
 }
 
-.EAa8ta_legend {
+.JNWbkq_legend {
   gap: var(--size-spacing-xs);
   margin-bottom: var(--size-spacing-md);
   font-size: var(--text-body-sm-size);
@@ -1321,7 +1321,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   font-weight: bold;
   display: flex;
 }
-.UtYYQa_required {
+.RvUxGa_required {
   padding: 2px var(--size-spacing-xxs) 1px;
   font-size: var(--text-tag-md-size);
   line-height: var(--text-tag-md-line);
@@ -1331,7 +1331,7 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   flex-shrink: 0;
   display: inline-block;
 }
-.mQpb1W_input {
+.PxP8Lq_input {
   box-sizing: border-box;
   width: 100%;
   padding: var(--size-spacing-md) var(--size-spacing-sm) .875rem;
@@ -1347,37 +1347,37 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   border-radius: 8px 8px 0 0;
 }
 
-.mQpb1W_input.mQpb1W_isInvalid, .mQpb1W_input:user-invalid {
+.PxP8Lq_input.PxP8Lq_isInvalid, .PxP8Lq_input:user-invalid {
   background: var(--color-error-container);
   border-bottom-color: var(--color-error);
 }
 
 @supports not selector(:user-invalid) {
-  .mQpb1W_input:invalid {
+  .PxP8Lq_input:invalid {
     background: var(--color-error-container);
     border-bottom-color: var(--color-error);
   }
 }
 
-.mQpb1W_input:disabled {
+.PxP8Lq_input:disabled {
   color: var(--color-placeholder);
   background-color: var(--color-outline-variant);
 }
 
-.mQpb1W_input::placeholder, .mQpb1W_input:disabled::placeholder {
+.PxP8Lq_input::placeholder, .PxP8Lq_input:disabled::placeholder {
   color: var(--color-placeholder);
 }
 
-.mQpb1W_input:focus {
+.PxP8Lq_input:focus {
   border-bottom-color: var(--color-ubie-blue-500);
   outline: none;
 }
 
-.mQpb1W_input[type="date"] {
+.PxP8Lq_input[type="date"] {
   height: 3.5rem;
   line-height: 1;
 }
-.Kgl5ZW_label {
+.nwsf-G_label {
   gap: var(--size-spacing-xs);
   font-size: var(--text-body-sm-size);
   hyphens: auto;
@@ -1388,10 +1388,10 @@ button.SKhJ5a_text.SKhJ5a_link:focus-visible {
   display: flex;
 }
 
-legend.Kgl5ZW_label {
+legend.nwsf-G_label {
   padding: 0;
 }
-.nLg3XG_card {
+._9uvFMG_card {
   --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
   gap: var(--size-spacing-sm);
   padding: var(--size-spacing-md);
@@ -1406,86 +1406,86 @@ legend.Kgl5ZW_label {
   display: flex;
 }
 
-.nLg3XG_card:hover {
+._9uvFMG_card:hover {
   background-color: var(--color-ubie-blue-100);
 }
 
-.nLg3XG_icon {
+._9uvFMG_icon {
   color: var(--color-ubie-blue-600);
   flex: none;
 }
 
-.nLg3XG_icon > * {
+._9uvFMG_icon > * {
   width: var(--icon-size);
   height: var(--icon-size);
   vertical-align: bottom;
 }
 
-.nLg3XG_text {
+._9uvFMG_text {
   gap: var(--size-spacing-xxs);
   flex-direction: column;
   flex: 1;
   display: flex;
 }
 
-.nLg3XG_title {
+._9uvFMG_title {
   font-size: var(--title-font-size);
   color: var(--color-on-surface);
   margin: 0;
   font-weight: bold;
 }
 
-.nLg3XG_description {
+._9uvFMG_description {
   font-size: var(--description-font-size);
   line-height: var(--description-line-height);
   color: var(--color-on-surface-variant);
   margin: 0;
 }
 
-.nLg3XG_caret {
+._9uvFMG_caret {
   width: 1.25rem;
   height: 1.25rem;
   color: var(--color-ubie-blue-600);
 }
 
-.nLg3XG_medium {
+._9uvFMG_medium {
   --icon-size: 2rem;
   --title-font-size: var(--text-heading-xs-line);
   --description-font-size: var(--text-body-sm-size);
   --description-line-height: var(--text-body-sm-line);
 }
 
-.nLg3XG_small {
+._9uvFMG_small {
   --icon-size: 1.25rem;
   --title-font-size: var(--text-button-md-size);
   --description-font-size: var(--text-body-xs-size);
   --description-line-height: var(--text-body-xs-line);
 }
-._6H5AqG_modal {
+.Z0p0Ka_modal {
   z-index: var(--z-index-modal);
   position: fixed;
   inset: 0;
   overflow: hidden;
 }
 
-._6H5AqG_overlay {
+.Z0p0Ka_overlay {
   position: fixed;
   inset: 0;
 }
 
-._6H5AqG_normalOverlay {
+.Z0p0Ka_normalOverlay {
   background: #00000080;
 }
 
-._6H5AqG_darkerOverlay {
+.Z0p0Ka_darkerOverlay {
   background: #000c;
 }
 
-._6H5AqG_contents {
+.Z0p0Ka_contents {
   padding: 0 var(--size-spacing-md);
 }
 
-._6H5AqG_dialog {
+.Z0p0Ka_dialog {
   border-radius: 12px;
   background: #fff;
   border-end-end-radius: 0;
@@ -1503,29 +1503,29 @@ legend.Kgl5ZW_label {
   transform: translate3d(-50%, 0, 0);
 }
 
-._6H5AqG_dialog._6H5AqG_fullscreen {
+.Z0p0Ka_dialog.Z0p0Ka_fullscreen {
   height: calc(100% - 24px);
 }
 
-._6H5AqG_scrollContainer {
+.Z0p0Ka_scrollContainer {
   height: 100%;
   overflow-y: auto;
 }
 
-._6H5AqG_mainContent {
+.Z0p0Ka_mainContent {
   flex-direction: column;
   display: flex;
 }
 
-._6H5AqG_mainContent._6H5AqG_fullscreen {
+.Z0p0Ka_mainContent.Z0p0Ka_fullscreen {
   min-height: 100%;
 }
 
-._6H5AqG_mainContent._6H5AqG_headerLess {
+.Z0p0Ka_mainContent.Z0p0Ka_headerLess {
   padding-top: var(--size-spacing-xl);
 }
 
-._6H5AqG_header {
+.Z0p0Ka_header {
   padding: var(--size-spacing-lg) var(--size-spacing-md);
   font-size: var(--text-heading-xs-size);
   font-weight: bold;
@@ -1536,102 +1536,102 @@ legend.Kgl5ZW_label {
   outline: none;
 }
 
-._6H5AqG_header._6H5AqG_sticky {
+.Z0p0Ka_header.Z0p0Ka_sticky {
   z-index: 1;
   position: sticky;
   top: 0;
 }
 
-._6H5AqG_header._6H5AqG_sticky._6H5AqG_canScroll {
+.Z0p0Ka_header.Z0p0Ka_sticky.Z0p0Ka_canScroll {
   border-bottom: 1px solid var(--color-outline);
 }
 
-._6H5AqG_body {
+.Z0p0Ka_body {
   z-index: 0;
   padding-right: var(--size-spacing-md);
   padding-left: var(--size-spacing-md);
 }
 
-._6H5AqG_body._6H5AqG_fullscreen {
+.Z0p0Ka_body.Z0p0Ka_fullscreen {
   flex: 1;
   min-height: 400px;
   overflow: hidden;
 }
 
-._6H5AqG_buttonContainer {
+.Z0p0Ka_buttonContainer {
   gap: var(--size-spacing-md);
   padding: var(--size-spacing-lg) var(--size-spacing-md) var(--size-spacing-md);
   background-color: var(--color-ubie-white);
   display: grid;
 }
 
-._6H5AqG_buttonContainer._6H5AqG_sticky {
+.Z0p0Ka_buttonContainer.Z0p0Ka_sticky {
   position: sticky;
   bottom: 0;
 }
 
-._6H5AqG_buttonContainer._6H5AqG_sticky._6H5AqG_canScroll {
+.Z0p0Ka_buttonContainer.Z0p0Ka_sticky.Z0p0Ka_canScroll {
   border-top: 1px solid var(--color-outline);
 }
 
-._6H5AqG_overlayEnter {
+.Z0p0Ka_overlayEnter {
   transition-property: opacity;
   transition-duration: .3s;
   transition-timing-function: ease-out;
 }
 
-._6H5AqG_overlayEnterFrom {
+.Z0p0Ka_overlayEnterFrom {
   opacity: 0;
 }
 
-._6H5AqG_overlayEnterTo {
+.Z0p0Ka_overlayEnterTo {
   opacity: 1;
 }
 
-._6H5AqG_overlayLeave {
+.Z0p0Ka_overlayLeave {
   transition-duration: .2s;
   transition-timing-function: ease-in;
 }
 
-._6H5AqG_overlayLeaveFrom {
+.Z0p0Ka_overlayLeaveFrom {
   opacity: 1;
 }
 
-._6H5AqG_overlayLeaveTo {
+.Z0p0Ka_overlayLeaveTo {
   opacity: 0;
 }
 
-._6H5AqG_panelEnter {
+.Z0p0Ka_panelEnter {
   transition-property: transform, opacity;
   transition-duration: .3s;
   transition-timing-function: ease-out;
 }
 
-._6H5AqG_panelEnterFrom {
+.Z0p0Ka_panelEnterFrom {
   opacity: 0;
   transform: translate3d(-50%, 100%, 0);
 }
 
-._6H5AqG_panelEnterTo {
+.Z0p0Ka_panelEnterTo {
   opacity: 1;
   transform: translate3d(-50%, 0, 0);
 }
 
-._6H5AqG_panelLeave {
+.Z0p0Ka_panelLeave {
   transition-duration: .2s;
   transition-timing-function: ease-in;
 }
 
-._6H5AqG_panelLeaveFrom {
+.Z0p0Ka_panelLeaveFrom {
   opacity: 1;
   transform: translate3d(-50%, 0, 0);
 }
 
-._6H5AqG_panelLeaveTo {
+.Z0p0Ka_panelLeaveTo {
   opacity: 0;
   transform: translate3d(-50%, 100%, 0);
 }
-.uk0hWG_modal {
+._4Uqzmq_modal {
   z-index: var(--z-index-modal);
   justify-content: center;
   align-items: center;
@@ -1640,20 +1640,20 @@ legend.Kgl5ZW_label {
   inset: 0;
 }
 
-.uk0hWG_overlay {
+._4Uqzmq_overlay {
   position: fixed;
   inset: 0;
 }
 
-.uk0hWG_normalOverlay {
+._4Uqzmq_normalOverlay {
   background: #00000080;
 }
 
-.uk0hWG_darkerOverlay {
+._4Uqzmq_darkerOverlay {
   background: #000c;
 }
 
-.uk0hWG_dialog {
+._4Uqzmq_dialog {
   box-sizing: border-box;
   border-radius: var(--radius-lg);
   background: #fff;
@@ -1667,30 +1667,30 @@ legend.Kgl5ZW_label {
   overflow: hidden;
 }
 
-.uk0hWG_dialog.uk0hWG_fixedHeight {
+._4Uqzmq_dialog._4Uqzmq_fixedHeight {
   height: calc(100% - 48px);
 }
 
-.uk0hWG_scrollContainer {
+._4Uqzmq_scrollContainer {
   height: 100%;
   overflow-y: auto;
 }
 
-.uk0hWG_mainContent {
+._4Uqzmq_mainContent {
   box-sizing: border-box;
   flex-direction: column;
   display: flex;
 }
 
-.uk0hWG_mainContent.uk0hWG_fixedHeight {
+._4Uqzmq_mainContent._4Uqzmq_fixedHeight {
   min-height: 100%;
 }
 
-.uk0hWG_mainContent.uk0hWG_headerLess {
+._4Uqzmq_mainContent._4Uqzmq_headerLess {
   padding-top: var(--size-spacing-xl);
 }
 
-.uk0hWG_header {
+._4Uqzmq_header {
   padding: var(--size-spacing-lg) var(--size-spacing-md);
   font-size: var(--text-heading-xs-size);
   font-weight: bold;
@@ -1701,83 +1701,83 @@ legend.Kgl5ZW_label {
   outline: none;
 }
 
-.uk0hWG_header.uk0hWG_sticky {
+._4Uqzmq_header._4Uqzmq_sticky {
   z-index: 1;
   position: sticky;
   top: 0;
 }
 
-.uk0hWG_header.uk0hWG_sticky.uk0hWG_canScroll {
+._4Uqzmq_header._4Uqzmq_sticky._4Uqzmq_canScroll {
   border-bottom: 1px solid var(--color-outline);
 }
 
-.uk0hWG_body {
+._4Uqzmq_body {
   z-index: 0;
   padding-right: var(--size-spacing-md);
   padding-left: var(--size-spacing-md);
   text-align: center;
 }
 
-.uk0hWG_body.uk0hWG_fixedHeight {
+._4Uqzmq_body._4Uqzmq_fixedHeight {
   flex-grow: 1;
   min-height: 400px;
   overflow: hidden;
 }
 
-.uk0hWG_hero {
+._4Uqzmq_hero {
   flex: none;
   overflow: hidden;
 }
 
-.uk0hWG_footer {
+._4Uqzmq_footer {
   padding: var(--size-spacing-lg) var(--size-spacing-md) var(--size-spacing-md);
   background-color: var(--color-ubie-white);
 }
 
-.uk0hWG_footer.uk0hWG_sticky {
+._4Uqzmq_footer._4Uqzmq_sticky {
   position: sticky;
   bottom: 0;
 }
 
-.uk0hWG_footer.uk0hWG_sticky.uk0hWG_canScroll {
+._4Uqzmq_footer._4Uqzmq_sticky._4Uqzmq_canScroll {
   border-top: 1px solid var(--color-outline);
 }
 
-.uk0hWG_panelEnter {
+._4Uqzmq_panelEnter {
   transition-property: opacity;
   transition-duration: .25s;
   transition-timing-function: ease-out;
 }
 
-.uk0hWG_panelEnterFrom {
+._4Uqzmq_panelEnterFrom {
   opacity: 0;
 }
 
-.uk0hWG_panelEnterTo {
+._4Uqzmq_panelEnterTo {
   opacity: 1;
 }
 
-.uk0hWG_panelLeave {
+._4Uqzmq_panelLeave {
   transition-duration: .2s;
   transition-timing-function: ease-in;
 }
 
-.uk0hWG_panelLeaveFrom {
+._4Uqzmq_panelLeaveFrom {
   opacity: 1;
 }
 
-.uk0hWG_panelLeaveTo {
+._4Uqzmq_panelLeaveTo {
   opacity: 0;
 }
-.BTRgTq_pre {
+.DIY0Sa_pre {
   white-space: var(--white-space);
   display: block;
 }
 
-.BTRgTq_pre.BTRgTq_inline {
+.DIY0Sa_pre.DIY0Sa_inline {
   display: inline-block;
 }
-.iG-ReW_icon {
+._0NanDW_icon {
   box-sizing: border-box;
   background-color: var(--color-surface-container);
   border: 2px solid var(--color-outline);
@@ -1788,97 +1788,97 @@ legend.Kgl5ZW_label {
   display: inline-flex;
 }
 
-.iG-ReW_text {
+._0NanDW_text {
   hyphens: auto;
   overflow-wrap: anywhere;
 }
 
-.iG-ReW_medium .iG-ReW_icon {
+._0NanDW_medium ._0NanDW_icon {
   width: 1.5rem;
   height: 1.5rem;
 }
 
-.iG-ReW_small .iG-ReW_icon {
+._0NanDW_small ._0NanDW_icon {
   width: 1.25rem;
   height: 1.25rem;
 }
 
 @media (hover: hover) {
-  .iG-ReW_label:hover .iG-ReW_icon {
+  ._0NanDW_label:hover ._0NanDW_icon {
     border-color: var(--color-ubie-blue-500);
   }
 }
 
-.iG-ReW_icon:before {
+._0NanDW_icon:before {
   content: "";
   border-radius: 16px;
 }
 
-.iG-ReW_medium .iG-ReW_icon:before {
+._0NanDW_medium ._0NanDW_icon:before {
   width: 1rem;
   height: 1rem;
 }
 
-.iG-ReW_small .iG-ReW_icon:before {
+._0NanDW_small ._0NanDW_icon:before {
   width: .75rem;
   height: .75rem;
 }
 
-.iG-ReW_radio {
+._0NanDW_radio {
   opacity: 0;
   position: absolute;
 }
 
-.iG-ReW_radio:checked + .iG-ReW_icon {
+._0NanDW_radio:checked + ._0NanDW_icon {
   border-color: var(--color-ubie-blue-600);
 }
 
-.iG-ReW_radio:checked + .iG-ReW_icon:before {
+._0NanDW_radio:checked + ._0NanDW_icon:before {
   background: var(--color-ubie-blue-600);
 }
 
-.iG-ReW_radio:disabled + .iG-ReW_icon + .iG-ReW_text {
+._0NanDW_radio:disabled + ._0NanDW_icon + ._0NanDW_text {
   color: var(--color-placeholder);
 }
 
-.iG-ReW_radio:disabled + .iG-ReW_icon {
+._0NanDW_radio:disabled + ._0NanDW_icon {
   border-color: var(--color-placeholder);
 }
 
-.iG-ReW_radio:checked:disabled + .iG-ReW_icon:before {
+._0NanDW_radio:checked:disabled + ._0NanDW_icon:before {
   background: var(--color-placeholder);
 }
 
-.iG-ReW_radio:focus-visible + .iG-ReW_icon {
+._0NanDW_radio:focus-visible + ._0NanDW_icon {
   border-color: var(--color-ubie-pink-500);
 }
 
-.iG-ReW_label {
+._0NanDW_label {
   gap: var(--size-spacing-xs);
   cursor: pointer;
   align-items: center;
   display: flex;
 }
 
-.iG-ReW_medium .iG-ReW_label {
+._0NanDW_medium ._0NanDW_label {
   font-size: var(--text-body-md-size);
   line-height: var(--text-body-md-narrow-line);
 }
 
-.iG-ReW_small .iG-ReW_label {
+._0NanDW_small ._0NanDW_label {
   font-size: var(--text-body-sm-size);
   line-height: var(--text-body-sm-narrow-line);
 }
-.wnsRga_block {
+.eNKb-W_block {
   width: 100%;
 }
 
-.wnsRga_radio {
+.eNKb-W_radio {
   opacity: 0;
   position: absolute;
 }
 
-.wnsRga_label {
+.eNKb-W_label {
   --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
   box-sizing: border-box;
   font-size: var(--text-body-md-size);
@@ -1899,12 +1899,12 @@ legend.Kgl5ZW_label {
   position: relative;
 }
 
-.wnsRga_label.wnsRga_checked {
+.eNKb-W_label.eNKb-W_checked {
   background: var(--color-ubie-blue-100);
   outline: 2px solid var(--color-ubie-blue-500);
 }
 
-.wnsRga_label:before {
+.eNKb-W_label:before {
   box-sizing: border-box;
   content: "";
   outline: 2px solid var(--color-outline);
@@ -1919,16 +1919,16 @@ legend.Kgl5ZW_label {
 }
 
 @media (hover: hover) {
-  .wnsRga_label:hover:not(.wnsRga_disabled, .wnsRga_checked):before {
+  .eNKb-W_label:hover:not(.eNKb-W_disabled, .eNKb-W_checked):before {
     outline: 2px solid var(--color-ubie-blue-500);
   }
 }
 
-.wnsRga_label.wnsRga_checked:before {
+.eNKb-W_label.eNKb-W_checked:before {
   outline: 2px solid var(--color-ubie-blue-600);
 }
 
-.wnsRga_label.wnsRga_checked:after {
+.eNKb-W_label.eNKb-W_checked:after {
   box-sizing: border-box;
   content: "";
   background: var(--color-ubie-blue-600);
@@ -1942,7 +1942,7 @@ legend.Kgl5ZW_label {
   transform: translateY(-50%);
 }
 
-.wnsRga_label:after {
+.eNKb-W_label:after {
   box-sizing: border-box;
   content: "";
   border-radius: 50%;
@@ -1953,36 +1953,36 @@ legend.Kgl5ZW_label {
   transform: translateY(-50%);
 }
 
-.wnsRga_label.wnsRga_checked.wnsRga_disabled:before {
+.eNKb-W_label.eNKb-W_checked.eNKb-W_disabled:before {
   outline-color: var(--color-outline);
 }
 
-.wnsRga_label.wnsRga_checked.wnsRga_disabled:after {
+.eNKb-W_label.eNKb-W_checked.eNKb-W_disabled:after {
   background-color: var(--color-placeholder);
 }
 
-.wnsRga_label:has(.wnsRga_radio:focus-visible) {
+.eNKb-W_label:has(.eNKb-W_radio:focus-visible) {
   box-shadow: 0 0 0 4px var(--color-ubie-pink-500);
 }
 
 @media (hover: hover) {
-  .wnsRga_label:hover {
+  .eNKb-W_label:hover {
     background-color: var(--color-ubie-blue-100);
   }
 }
 
-.wnsRga_label.wnsRga_disabled {
+.eNKb-W_label.eNKb-W_disabled {
   color: var(--color-placeholder);
   background-color: var(--color-outline-variant);
   outline-color: var(--color-placeholder);
 }
-.BEfV9q_wrapper {
+.AZ05Za_wrapper {
   border: none;
   margin: 0;
   padding: 0;
 }
 
-.BEfV9q_legend {
+.AZ05Za_legend {
   gap: var(--size-spacing-xs);
   margin-bottom: var(--size-spacing-md);
   font-size: var(--text-body-sm-size);
@@ -1992,11 +1992,11 @@ legend.Kgl5ZW_label {
   font-weight: bold;
   display: flex;
 }
-.tb5TjW_wrapper {
+.kEcolW_wrapper {
   position: relative;
 }
 
-.tb5TjW_select {
+.kEcolW_select {
   width: 100%;
   min-height: 54px;
   font-size: var(--text-body-md-size);
@@ -2015,25 +2015,25 @@ legend.Kgl5ZW_label {
   display: flex;
 }
 
-.tb5TjW_select::placeholder {
+.kEcolW_select::placeholder {
   color: var(--color-placeholder);
 }
 
-.tb5TjW_select:focus {
+.kEcolW_select:focus {
   outline: none;
 }
 
-.tb5TjW_select:focus-visible {
+.kEcolW_select:focus-visible {
   border-color: var(--color-ubie-blue-500);
 }
 
 @media (hover: hover) {
-  .tb5TjW_select:hover {
+  .kEcolW_select:hover {
     border: 2px solid var(--color-ubie-blue-400);
   }
 }
 
-.tb5TjW_icon {
+.kEcolW_icon {
   width: 24px;
   height: 24px;
   color: var(--color-ubie-blue-600);
@@ -2044,25 +2044,25 @@ legend.Kgl5ZW_label {
   transform: translateY(-50%);
 }
 
-.tb5TjW_disabled .tb5TjW_select {
+.kEcolW_disabled .kEcolW_select {
   color: var(--color-on-surface-variant);
   background-color: var(--color-outline-variant);
   border-color: var(--color-outline);
 }
 
-.tb5TjW_disabled .tb5TjW_icon {
+.kEcolW_disabled .kEcolW_icon {
   color: var(--color-on-surface-variant);
 }
 
-.tb5TjW_isInvalid .tb5TjW_select {
+.kEcolW_isInvalid .kEcolW_select {
   background: var(--color-error-container);
   border-color: var(--color-error);
 }
 
-.tb5TjW_isInvalid .tb5TjW_icon {
+.kEcolW_isInvalid .kEcolW_icon {
   color: var(--color-ubie-red-700);
 }
-._5wFE1q_textArea {
+.b0_0hW_textArea {
   box-sizing: border-box;
   width: 100%;
   padding: var(--size-spacing-md) var(--size-spacing-sm) .875rem;
@@ -2078,32 +2078,32 @@ legend.Kgl5ZW_label {
   border-radius: 8px 8px 0 0;
 }
 
-._5wFE1q_textArea:disabled {
+.b0_0hW_textArea:disabled {
   color: var(--color-placeholder);
   background-color: var(--color-outline-variant);
 }
 
-._5wFE1q_textArea::placeholder, ._5wFE1q_textArea:disabled::placeholder {
+.b0_0hW_textArea::placeholder, .b0_0hW_textArea:disabled::placeholder {
   color: var(--color-placeholder);
 }
 
-._5wFE1q_textArea._5wFE1q_isInvalid, ._5wFE1q_textArea:user-invalid {
+.b0_0hW_textArea.b0_0hW_isInvalid, .b0_0hW_textArea:user-invalid {
   background: var(--color-error-container);
   border-bottom-color: var(--color-ubie-red-700);
 }
 
 @supports not selector(:user-invalid) {
-  ._5wFE1q_textArea:invalid {
+  .b0_0hW_textArea:invalid {
     background: var(--color-error-container);
     border-bottom-color: var(--color-ubie-red-700);
   }
 }
 
-._5wFE1q_textArea:focus {
+.b0_0hW_textArea:focus {
   border-bottom-color: var(--color-ubie-blue-600);
   outline: none;
 }
-._5OvBwa_stepper {
+.KbDmYa_stepper {
   margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
   flex-direction: row;
   justify-content: stretch;
@@ -2111,7 +2111,7 @@ legend.Kgl5ZW_label {
   display: flex;
 }
 
-._5OvBwa_stepperItem {
+.KbDmYa_stepperItem {
   flex-direction: column;
   flex: 1;
   align-items: center;
@@ -2120,7 +2120,7 @@ legend.Kgl5ZW_label {
   position: relative;
 }
 
-._5OvBwa_borderLine {
+.KbDmYa_borderLine {
   z-index: 1;
   flex-direction: row;
   align-items: center;
@@ -2131,28 +2131,28 @@ legend.Kgl5ZW_label {
   right: 0;
 }
 
-._5OvBwa_iconSpacer {
+.KbDmYa_iconSpacer {
   flex-shrink: 0;
   width: 32px;
 }
 
-._5OvBwa_leftBorder, ._5OvBwa_rightBorder {
+.KbDmYa_leftBorder, .KbDmYa_rightBorder {
   flex: 1;
   align-items: center;
   display: flex;
 }
 
-._5OvBwa_border._5OvBwa_hidden {
+.KbDmYa_border.KbDmYa_hidden {
   display: none;
 }
 
-._5OvBwa_border {
+.KbDmYa_border {
   background-color: var(--stepper-border-color, var(--color-ubie-gray-300));
   width: 100%;
   height: 2px;
 }
 
-._5OvBwa_iconWrapper {
+.KbDmYa_iconWrapper {
   z-index: 2;
   flex-shrink: 0;
   justify-content: center;
@@ -2163,15 +2163,15 @@ legend.Kgl5ZW_label {
   position: relative;
 }
 
-._5OvBwa_borderColorBlue {
+.KbDmYa_borderColorBlue {
   --stepper-border-color: var(--color-ubie-blue-600);
 }
 
-._5OvBwa_borderColorGray {
+.KbDmYa_borderColorGray {
   --stepper-border-color: var(--color-ubie-gray-300);
 }
 
-._5OvBwa_doneCircle {
+.KbDmYa_doneCircle {
   width: 24px;
   height: 24px;
   color: var(--color-ubie-blue-600);
@@ -2184,7 +2184,7 @@ legend.Kgl5ZW_label {
   display: flex;
 }
 
-._5OvBwa_currentCircle {
+.KbDmYa_currentCircle {
   background-color: var(--color-ubie-blue-600);
   border-radius: 50%;
   width: 24px;
@@ -2192,7 +2192,7 @@ legend.Kgl5ZW_label {
   position: relative;
 }
 
-._5OvBwa_undoneCircle {
+.KbDmYa_undoneCircle {
   border: 2px solid var(--stepper-border-color, var(--color-ubie-gray-300));
   background-color: #fff;
   border-radius: 50%;
@@ -2200,15 +2200,15 @@ legend.Kgl5ZW_label {
   height: 24px;
 }
 
-._5OvBwa_current ._5OvBwa_iconWrapper, ._5OvBwa_done ._5OvBwa_iconWrapper {
+.KbDmYa_current .KbDmYa_iconWrapper, .KbDmYa_done .KbDmYa_iconWrapper {
   color: var(--color-ubie-blue-600);
 }
 
-._5OvBwa_undone ._5OvBwa_iconWrapper {
+.KbDmYa_undone .KbDmYa_iconWrapper {
   color: var(--color-ubie-gray-300);
 }
 
-._5OvBwa_label {
+.KbDmYa_label {
   text-align: center;
   word-wrap: break-word;
   white-space: pre-wrap;
@@ -2218,16 +2218,16 @@ legend.Kgl5ZW_label {
   line-height: 1.5;
 }
 
-._5OvBwa_currentLabel {
+.KbDmYa_currentLabel {
   color: #000;
   font-weight: 600;
 }
 
-._5OvBwa_doneLabel, ._5OvBwa_undoneLabel {
+.KbDmYa_doneLabel, .KbDmYa_undoneLabel {
   color: #000;
   font-weight: 400;
 }
-.pPh6qG_root {
+.NABHUG_root {
   cursor: pointer;
   -webkit-tap-highlight-color: transparent;
   border-radius: 3rem;
@@ -2239,38 +2239,38 @@ legend.Kgl5ZW_label {
   position: relative;
 }
 
-.pPh6qG_root, .pPh6qG_root * {
+.NABHUG_root, .NABHUG_root * {
   box-sizing: border-box;
 }
 
-.pPh6qG_root:has(input:focus-visible) {
+.NABHUG_root:has(input:focus-visible) {
   outline: 2px solid var(--color-ubie-pink-500);
 }
 
-.pPh6qG_root:has(input:disabled) {
+.NABHUG_root:has(input:disabled) {
   cursor: default;
   background-color: var(--color-placeholder);
 }
 
-.pPh6qG_on {
+.NABHUG_on {
   background-color: var(--color-ubie-blue-600);
 }
 
-.pPh6qG_off {
+.NABHUG_off {
   background-color: var(--color-ubie-gray-500);
 }
 
 @media (hover: hover) {
-  .pPh6qG_on:hover {
+  .NABHUG_on:hover {
     background-color: var(--color-ubie-blue-700);
   }
 
-  .pPh6qG_off:hover {
+  .NABHUG_off:hover {
     background-color: var(--color-ubie-gray-700);
   }
 }
 
-.pPh6qG_thumb {
+.NABHUG_thumb {
   background-color: var(--color-ubie-white);
   border-radius: 50%;
   width: 1.25rem;
@@ -2278,15 +2278,15 @@ legend.Kgl5ZW_label {
   transition: transform .2s;
 }
 
-.pPh6qG_thumbOn {
+.NABHUG_thumbOn {
   transform: translateX(1.5rem);
 }
 
-.pPh6qG_thumbOff {
+.NABHUG_thumbOff {
   transform: translateX(0);
 }
 
-.pPh6qG_input {
+.NABHUG_input {
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   border-width: 0;