@ubie/vitals-ui-consumer 0.0.1

package/dist/style.css

@@ -0,0 +1,2299 @@
+.sBu05a_container, .sBu05a_container * {
+  box-sizing: border-box;
+}
+
+.sBu05a_button {
+  hyphens: auto;
+  width: auto;
+  color: var(--color-on-surface);
+  overflow-wrap: anywhere;
+  cursor: pointer;
+  border: 1px solid var(--color-outline);
+  background: none;
+  justify-content: space-between;
+  align-items: center;
+  display: flex;
+}
+
+.sBu05a_button:hover {
+  background-color: var(--color-ubie-blue-100);
+}
+
+.sBu05a_button::-webkit-details-marker {
+  display: none;
+}
+
+.sBu05a_medium .sBu05a_button {
+  width: 100%;
+  min-height: 2rem;
+  padding: var(--size-spacing-md);
+  border-radius: var(--radius-md);
+  font-weight: bold;
+}
+
+.sBu05a_small .sBu05a_button {
+  width: 100%;
+  min-height: 1.5rem;
+  padding: var(--size-spacing-xs);
+  font-size: var(--text-button-md-size);
+  border-left: none;
+  border-right: none;
+}
+
+details[open] .sBu05a_button {
+  border-bottom: none;
+}
+
+details[open].sBu05a_medium .sBu05a_button {
+  border-radius: var(--radius-md) var(--radius-md) 0 0;
+}
+
+.sBu05a_arrow {
+  width: 1.5rem;
+  height: 1.5rem;
+  color: var(--color-ubie-blue-600);
+  flex: none;
+  margin-left: 1rem;
+}
+
+details[open] .sBu05a_arrow {
+  transform: rotate(180deg);
+}
+
+.sBu05a_medium .sBu05a_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 {
+  padding: var(--size-spacing-xs);
+  border-bottom: 1px solid var(--color-outline);
+}
+.RtZ3TG_stack {
+  gap: var(--gap);
+  width: var(--width);
+  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);
+  flex-direction: column;
+  display: flex;
+}
+.SKhJ5a_text {
+  font-size: var(--font-size);
+  hyphens: auto;
+  font-weight: normal;
+  line-height: var(--leading);
+  color: var(--text-color);
+  overflow-wrap: anywhere;
+}
+
+:where(.SKhJ5a_text) {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+a.SKhJ5a_text {
+  text-decoration: underline;
+}
+
+@media (hover: hover) {
+  a.SKhJ5a_text:hover {
+    text-decoration: none;
+  }
+}
+
+a.SKhJ5a_text:focus-visible {
+  text-decoration: none;
+}
+
+a.SKhJ5a_text:active {
+  text-decoration: underline;
+}
+
+button.SKhJ5a_text {
+  background-color: #0000;
+  border: none;
+  padding: 0;
+}
+
+button.SKhJ5a_text.SKhJ5a_link:focus-visible {
+  color: var(--color-primary);
+}
+
+@media (hover: hover) {
+  button.SKhJ5a_text.SKhJ5a_link:hover, button.SKhJ5a_text.SKhJ5a_link:active {
+    color: var(--color-primary);
+  }
+}
+
+.SKhJ5a_bold {
+  font-weight: bold;
+}
+
+.SKhJ5a_body.SKhJ5a_xs {
+  --font-size: var(--text-body-xs-size);
+}
+
+.SKhJ5a_body.SKhJ5a_sm {
+  --font-size: var(--text-body-sm-size);
+}
+
+.SKhJ5a_body.SKhJ5a_md {
+  --font-size: var(--text-body-md-size);
+}
+
+.SKhJ5a_body.SKhJ5a_lg {
+  --font-size: var(--text-body-lg-size);
+}
+
+.SKhJ5a_heading.SKhJ5a_xxs {
+  --font-size: var(--text-heading-xxs-size);
+}
+
+.SKhJ5a_heading.SKhJ5a_xs {
+  --font-size: var(--text-heading-xs-size);
+}
+
+.SKhJ5a_heading.SKhJ5a_sm {
+  --font-size: var(--text-heading-sm-size);
+}
+
+.SKhJ5a_heading.SKhJ5a_md {
+  --font-size: var(--text-heading-md-size);
+}
+
+.SKhJ5a_heading.SKhJ5a_lg {
+  --font-size: var(--text-heading-lg-size);
+}
+
+.SKhJ5a_heading.SKhJ5a_xl {
+  --font-size: var(--text-heading-xl-size);
+}
+
+.SKhJ5a_button.SKhJ5a_sm {
+  --font-size: var(--text-button-sm-size);
+}
+
+.SKhJ5a_button.SKhJ5a_md {
+  --font-size: var(--text-button-md-size);
+}
+
+.SKhJ5a_button.SKhJ5a_lg {
+  --font-size: var(--text-button-lg-size);
+}
+
+.SKhJ5a_tag.SKhJ5a_md {
+  --font-size: var(--text-tag-md-size);
+}
+
+.SKhJ5a_tag.SKhJ5a_lg {
+  --font-size: var(--text-tag-lg-size);
+}
+
+.SKhJ5a_default {
+  --leading: var(--text-body-md-line);
+}
+
+.SKhJ5a_default.SKhJ5a_heading.SKhJ5a_xs, .SKhJ5a_default.SKhJ5a_heading.SKhJ5a_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 {
+  --leading: var(--text-heading-md-line);
+}
+
+.SKhJ5a_button.SKhJ5a_default {
+  --leading: var(--text-button-md-line);
+}
+
+.SKhJ5a_tag.SKhJ5a_default {
+  --leading: var(--text-tag-md-line);
+}
+
+.SKhJ5a_narrow {
+  --leading: var(--text-body-md-narrow-line);
+}
+
+.SKhJ5a_wide {
+  --leading: var(--text-body-md-wide-line);
+}
+
+.SKhJ5a_wide.SKhJ5a_heading {
+  --leading: var(--text-heading-md-wide-line);
+}
+
+.SKhJ5a_left {
+  text-align: left;
+}
+
+.SKhJ5a_center {
+  text-align: center;
+}
+
+.SKhJ5a_right {
+  text-align: right;
+}
+
+.SKhJ5a_nowrap {
+  white-space: nowrap;
+}
+.TmCe1q_modal {
+  z-index: var(--z-index-modal);
+  position: fixed;
+  inset: 0;
+  overflow: hidden;
+}
+
+.TmCe1q_overlay {
+  position: fixed;
+  inset: 0;
+}
+
+.TmCe1q_normalOverlay {
+  background: #00000080;
+}
+
+.TmCe1q_darkerOverlay {
+  background: #000c;
+}
+
+.TmCe1q_contents {
+  padding: 0 var(--size-spacing-md);
+}
+
+.TmCe1q_dialog {
+  border-radius: 12px;
+  background: #fff;
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+  flex-direction: column;
+  width: 100%;
+  max-width: 600px;
+  margin: 0 auto;
+  display: flex;
+  position: fixed;
+  bottom: 0;
+  left: 50%;
+  overflow-y: hidden;
+  transform: translate3d(-50%, 0, 0);
+}
+
+.TmCe1q_dialog.TmCe1q_fullscreen {
+  height: calc(100% - 24px);
+}
+
+.TmCe1q_scrollContainer {
+  height: 100%;
+  overflow-y: auto;
+}
+
+.TmCe1q_mainContent {
+  flex-direction: column;
+  display: flex;
+}
+
+.TmCe1q_mainContent.TmCe1q_headerLess {
+  padding-top: var(--size-spacing-xl);
+}
+
+.TmCe1q_mainContent.TmCe1q_fullscreen {
+  min-height: 100%;
+}
+
+.TmCe1q_header {
+  padding: var(--size-spacing-lg) var(--size-spacing-md);
+  font-size: var(--text-heading-xs-size);
+  font-weight: bold;
+  line-height: var(--text-heading-xs-line);
+  text-align: center;
+  white-space: pre-wrap;
+  background-color: var(--color-ubie-white);
+  outline: none;
+}
+
+.TmCe1q_header.TmCe1q_sticky {
+  z-index: 1;
+  position: sticky;
+  top: 0;
+}
+
+.TmCe1q_header.TmCe1q_sticky.TmCe1q_canScroll {
+  border-bottom: 1px solid var(--color-border);
+}
+
+.TmCe1q_body {
+  z-index: 0;
+  padding-right: var(--size-spacing-md);
+  padding-left: var(--size-spacing-md);
+}
+
+.TmCe1q_body.TmCe1q_fullscreen {
+  flex: 1;
+  min-height: 400px;
+  overflow: hidden;
+}
+
+.TmCe1q_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 {
+  position: sticky;
+  bottom: 0;
+}
+
+.TmCe1q_buttonContainer.TmCe1q_sticky.TmCe1q_canScroll {
+  border-top: 1px solid var(--color-border);
+}
+
+.TmCe1q_overlayEnter {
+  transition-property: opacity;
+  transition-duration: .3s;
+  transition-timing-function: ease-out;
+}
+
+.TmCe1q_overlayEnterFrom {
+  opacity: 0;
+}
+
+.TmCe1q_overlayEnterTo {
+  opacity: 1;
+}
+
+.TmCe1q_overlayLeave {
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+}
+
+.TmCe1q_overlayLeaveFrom {
+  opacity: 1;
+}
+
+.TmCe1q_overlayLeaveTo {
+  opacity: 0;
+}
+
+.TmCe1q_panelEnter {
+  transition-property: transform, opacity;
+  transition-duration: .3s;
+  transition-timing-function: ease-out;
+}
+
+.TmCe1q_panelEnterFrom {
+  opacity: 0;
+  transform: translate3d(-50%, 100%, 0);
+}
+
+.TmCe1q_panelEnterTo {
+  opacity: 1;
+  transform: translate3d(-50%, 0, 0);
+}
+
+.TmCe1q_panelLeave {
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+}
+
+.TmCe1q_panelLeaveFrom {
+  opacity: 1;
+  transform: translate3d(-50%, 0, 0);
+}
+
+.TmCe1q_panelLeaveTo {
+  opacity: 0;
+  transform: translate3d(-50%, 100%, 0);
+}
+.EoFx-W_visuallyHidden {
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.EoFx-W_visuallyHidden[tabindex="-1"] {
+  outline: none;
+}
+.m6Snkq_button {
+  --border-width: 1px;
+  box-sizing: border-box;
+  width: auto;
+  min-width: var(--min-width);
+  min-height: var(--height);
+  padding: var(--padding-y) var(--padding-x);
+  margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
+  font-size: var(--font-size);
+  hyphens: auto;
+  font-weight: bold;
+  line-height: var(--line-height);
+  color: var(--text);
+  text-align: center;
+  overflow-wrap: anywhere;
+  white-space: var(--white-space, "normal");
+  appearance: none;
+  cursor: pointer;
+  background-color: var(--bg);
+  border-color: var(--border-color);
+  border-style: solid;
+  border-width: var(--border-width);
+  border-radius: var(--height);
+  grid-template-columns: 1fr auto 1fr;
+  justify-content: center;
+  align-items: center;
+  text-decoration: none;
+  transition: all .3s cubic-bezier(.22, 1, .36, 1);
+  display: inline-grid;
+  position: relative;
+}
+
+.m6Snkq_button:focus-visible {
+  outline: solid var(--focus-ring, var(--color-ubie-blue-500)) 2px;
+}
+
+.m6Snkq_button.m6Snkq_loading {
+  cursor: wait;
+}
+
+@media (hover: hover) {
+  .m6Snkq_button:hover:not(.m6Snkq_loading) {
+    color: var(--text-hover);
+    cursor: pointer;
+    background-color: var(--bg-hover);
+    border-color: var(--border-color-hover);
+  }
+}
+
+.m6Snkq_label {
+  grid-column: 2;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.m6Snkq_disabled {
+  padding: calc(var(--padding-y) + var(--border-width)) calc(var(--padding-x) + var(--border-width));
+  color: var(--text-disabled);
+  pointer-events: none;
+  cursor: not-allowed;
+  background-color: var(--bg-disabled);
+  border-color: var(--border-color-disabled);
+  border-width: 0;
+}
+
+.m6Snkq_loadingLabel {
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  inset: 0;
+}
+
+.m6Snkq_children.m6Snkq_loading {
+  opacity: 0;
+}
+
+.m6Snkq_primary {
+  --text: var(--color-ubie-white);
+  --text-hover: var(--color-ubie-white);
+  --text-disabled: var(--color-placeholder);
+  --bg: var(--color-primary);
+  --bg-hover: var(--color-ubie-blue-800);
+  --bg-disabled: var(--color-outline-variant);
+  --border-color: var(--color-primary);
+  --border-color-hover: var(--color-ubie-blue-800);
+  --border-color-disabled: var(--color-outline-variant);
+  --focus-ring: var(--color-ubie-pink-500);
+}
+
+.m6Snkq_secondary {
+  --text: var(--color-on-surface);
+  --text-hover: var(--color-on-surface);
+  --text-disabled: var(--color-placeholder);
+  --bg: var(--color-surface-container);
+  --bg-hover: var(--color-outline-variant);
+  --bg-disabled: var(--color-outline-variant);
+  --border-color: var(--color-outline);
+  --border-color-hover: var(--color-outline);
+  --border-color-disabled: var(--color-outline-variant);
+}
+
+.m6Snkq_alert {
+  --text: var(--color-ubie-white);
+  --text-hover: var(--color-ubie-white);
+  --text-disabled: var(--color-placeholder);
+  --bg: var(--color-error);
+  --bg-hover: var(--color-ubie-red-800);
+  --bg-disabled: var(--color-outline-variant);
+  --border-color: var(--color-error);
+  --border-color-hover: var(--color-ubie-red-800);
+  --border-color-disabled: var(--color-outline-variant);
+}
+
+.m6Snkq_text {
+  --text: var(--color-ubie-blue-600);
+  --text-hover: var(--color-ubie-blue-700);
+  --text-disabled: var(--color-placeholder);
+  --bg: transparent;
+  --bg-hover: var(--color-ubie-blue-100);
+  --bg-disabled: transparent;
+  --border-color: transparent;
+  --border-color-hover: var(--color-ubie-blue-100);
+  --border-color-disabled: var(--color-outline-variant);
+}
+
+.m6Snkq_textAlert {
+  --text: var(--color-ubie-red-800);
+  --text-hover: var(--color-ubie-red-700);
+  --text-disabled: var(--color-placeholder);
+  --bg: transparent;
+  --bg-hover: var(--color-error-container);
+  --bg-disabled: transparent;
+  --border-color: transparent;
+  --border-color-hover: var(--color-error-container);
+  --border-color-disabled: var(--color-outline-variant);
+}
+
+.m6Snkq_authGoogle {
+  --text: var(--color-on-surface);
+  --text-hover: var(--color-on-surface);
+  --text-disabled: var(--color-on-surface);
+  --bg: #fff;
+  --bg-hover: #fff;
+  --bg-disabled: #e2e2e2;
+  --border-color: #9ca0a8;
+  --border-color-hover: #9ca0a8;
+  --border-color-disabled: #9ca0a8;
+}
+
+.m6Snkq_authLINE {
+  --text: #fff;
+  --text-hover: #fff;
+  --text-disabled: #fff;
+  --bg: #06c755;
+  --bg-hover: #06c755;
+  --bg-disabled: #06c755;
+  --border-color: #06c755;
+  --border-color-hover: #06c755;
+  --border-color-disabled: #06c755;
+}
+
+.m6Snkq_authApple {
+  --text: #fff;
+  --text-hover: #fff;
+  --text-disabled: #fff;
+  --bg: #000;
+  --bg-hover: #000;
+  --bg-disabled: #000;
+  --border-color: #000;
+  --border-color-hover: #000;
+  --border-color-disabled: #000;
+}
+
+.m6Snkq_large {
+  --min-width: 112px;
+  --height: 56px;
+  --padding-x: 22px;
+  --padding-y: 8px;
+  --font-size: var(--text-button-lg-size);
+  --line-height: var(--text-button-lg-line);
+  --icon-size: 24px;
+  --icon-gap: 8px;
+}
+
+.m6Snkq_medium {
+  --min-width: 80px;
+  --height: 36px;
+  --padding-x: 10px;
+  --padding-y: 8px;
+  --font-size: var(--text-button-md-size);
+  --line-height: var(--text-button-md-line);
+  --icon-size: 20px;
+  --icon-gap: 6px;
+}
+
+.m6Snkq_small {
+  --min-width: 60px;
+  --height: 24px;
+  --padding-x: 6px;
+  --padding-y: 3px;
+  --font-size: var(--text-button-sm-size);
+  --line-height: var(--text-button-sm-line);
+  --icon-size: 16px;
+  --icon-gap: 4px;
+}
+
+.m6Snkq_block {
+  width: 100%;
+}
+
+.m6Snkq_icon {
+  margin-right: var(--icon-gap);
+  vertical-align: middle;
+  display: flex;
+}
+
+.m6Snkq_icon.m6Snkq_loading {
+  opacity: 0;
+}
+
+.m6Snkq_icon > * {
+  width: var(--icon-size);
+  height: var(--icon-size);
+}
+
+.m6Snkq_fixedIcon {
+  vertical-align: middle;
+  margin: 0 10%;
+  display: flex;
+}
+
+.m6Snkq_fixedIcon > * {
+  width: var(--icon-size);
+  height: var(--icon-size);
+}
+
+.m6Snkq_suffixIcon {
+  margin-left: var(--icon-gap);
+  vertical-align: middle;
+  display: flex;
+}
+
+.m6Snkq_suffixIcon.m6Snkq_loading {
+  opacity: 0;
+}
+
+.m6Snkq_suffixIcon > * {
+  width: var(--icon-size);
+  height: var(--icon-size);
+}
+._6XFBpa_icon {
+  width: var(--size);
+  height: var(--size);
+  color: var(--icon-color);
+  vertical-align: bottom;
+}
+.N4rtbW_modal {
+  z-index: var(--z-index-modal);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.N4rtbW_overlay {
+  position: fixed;
+  inset: 0;
+}
+
+.N4rtbW_normalOverlay {
+  background: #00000080;
+}
+
+.N4rtbW_darkerOverlay {
+  background: #000c;
+}
+
+.N4rtbW_dialog {
+  box-sizing: border-box;
+  border-radius: var(--radius-lg);
+  background: #fff;
+  flex-direction: column;
+  width: calc(100% - 32px);
+  max-width: 600px;
+  max-height: calc(100% - 48px);
+  margin: 0 auto;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.N4rtbW_dialog.N4rtbW_fixedHeight {
+  height: calc(100% - 48px);
+}
+
+.N4rtbW_scrollContainer {
+  height: 100%;
+  overflow-y: auto;
+}
+
+.N4rtbW_mainContent {
+  box-sizing: border-box;
+  flex-direction: column;
+  display: flex;
+}
+
+.N4rtbW_mainContent.N4rtbW_fixedHeight {
+  min-height: 100%;
+}
+
+.N4rtbW_mainContent.N4rtbW_headerLess {
+  padding-top: var(--size-spacing-xl);
+}
+
+.N4rtbW_header {
+  padding: var(--size-spacing-lg) var(--size-spacing-md);
+  font-size: var(--text-heading-xs-size);
+  font-weight: bold;
+  line-height: var(--text-heading-xs-line);
+  text-align: center;
+  white-space: pre-wrap;
+  background-color: var(--color-ubie-white);
+  outline: none;
+}
+
+.N4rtbW_header.N4rtbW_sticky {
+  z-index: 1;
+  position: sticky;
+  top: 0;
+}
+
+.N4rtbW_header.N4rtbW_sticky.N4rtbW_canScroll {
+  border-bottom: 1px solid var(--color-border);
+}
+
+.N4rtbW_body {
+  z-index: 0;
+  padding-right: var(--size-spacing-md);
+  padding-left: var(--size-spacing-md);
+}
+
+.N4rtbW_body.N4rtbW_fixedHeight {
+  flex-grow: 1;
+  min-height: 400px;
+  overflow: hidden;
+}
+
+.N4rtbW_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 {
+  position: sticky;
+  bottom: 0;
+}
+
+.N4rtbW_buttonContainer.N4rtbW_sticky.N4rtbW_canScroll {
+  border-top: 1px solid var(--color-border);
+}
+
+.N4rtbW_panelEnter {
+  transition-property: opacity;
+  transition-duration: .25s;
+  transition-timing-function: ease-out;
+}
+
+.N4rtbW_panelEnterFrom {
+  opacity: 0;
+}
+
+.N4rtbW_panelEnterTo {
+  opacity: 1;
+}
+
+.N4rtbW_panelLeave {
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+}
+
+.N4rtbW_panelLeaveFrom {
+  opacity: 1;
+}
+
+.N4rtbW_panelLeaveTo {
+  opacity: 0;
+}
+._84s-aa_box {
+  box-sizing: border-box;
+  width: var(--width);
+  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);
+  font-size: var(--text-size);
+  font-weight: var(--text-bold);
+  hyphens: auto;
+  line-height: var(--text-leading);
+  color: var(--text-color);
+  overflow-wrap: anywhere;
+  background-color: var(--background-color);
+  border: var(--border-width) solid var(--border-color);
+  border-radius: var(--radius);
+  display: block;
+}
+
+._84s-aa_box._84s-aa_textBold {
+  font-weight: bold;
+}
+
+._84s-aa_box._84s-aa_textNormal {
+  font-weight: normal;
+}
+
+._84s-aa_box._84s-aa_textCenter {
+  text-align: center;
+}
+
+._84s-aa_box._84s-aa_textLeft {
+  text-align: left;
+}
+
+._84s-aa_box._84s-aa_textRight {
+  text-align: right;
+}
+
+._84s-aa_box._84s-aa_textNoWrap {
+  white-space: nowrap;
+}
+
+._84s-aa_box._84s-aa_inline {
+  display: inline-block;
+}
+.Ei8pzG_card {
+  --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
+  width: 100%;
+  padding: var(--size-spacing-md) var(--size-spacing-sm);
+  font-size: var(--text-button-lg-size);
+  hyphens: auto;
+  color: var(--color-on-surface);
+  text-align: left;
+  overflow-wrap: anywhere;
+  cursor: pointer;
+  background-color: var(--color-ubie-white);
+  border: 1px solid var(--color-outline);
+  border-radius: var(--radius-md);
+  transition: background-color .3s var(--ease-out-quint);
+  align-items: center;
+  font-weight: bold;
+  line-height: 1.5;
+  text-decoration: none;
+  display: flex;
+}
+
+@media (hover: hover) {
+  .Ei8pzG_card:hover:not(:disabled) {
+    background-color: var(--color-ubie-blue-100);
+  }
+}
+
+.Ei8pzG_card:disabled {
+  color: var(--color-placeholder);
+  cursor: initial;
+  background-color: var(--color-outline-variant);
+}
+.-I1clG_center {
+  width: var(--width);
+  min-width: var(--min-width);
+  max-width: var(--max-width);
+  padding: var(--padding-top) var(--padding-right) var(--padding-bottom) var(--padding-left);
+  margin-inline: auto;
+  margin-top: var(--margin-top);
+  margin-bottom: var(--margin-bottom);
+}
+
+.-I1clG_center.-I1clG_textCenter {
+  text-align: center;
+}
+
+.-I1clG_center.-I1clG_childrenCenter {
+  flex-direction: column;
+  align-items: center;
+  display: flex;
+}
+.L3krha_divider {
+  width: var(--width);
+  min-width: var(--min-width);
+  max-width: var(--max-width);
+  height: 1px;
+  margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
+  border: 0;
+  border-top: var(--border-width) solid var(--border-color);
+}
+.d5-kUq_heading {
+  box-sizing: border-box;
+  hyphens: auto;
+  color: var(--color-on-surface);
+  overflow-wrap: anywhere;
+  --medium-leading-border-width: 4px;
+  --large-leading-border-width: 5px;
+  font-weight: normal;
+  position: relative;
+}
+
+.d5-kUq_heading.d5-kUq_bold {
+  font-weight: bold;
+}
+
+:where(.d5-kUq_heading) {
+  margin: 0;
+}
+
+.d5-kUq_heading.d5-kUq_left {
+  text-align: left;
+}
+
+.d5-kUq_heading.d5-kUq_center {
+  text-align: center;
+}
+
+.d5-kUq_heading.d5-kUq_right {
+  text-align: right;
+}
+
+.d5-kUq_heading.d5-kUq_main {
+  color: var(--color-on-surface);
+}
+
+.d5-kUq_heading > a {
+  color: var(--color-primary);
+}
+
+@media (hover: hover) {
+  .d5-kUq_heading > a:hover {
+    color: var(--color-ubie-blue-700);
+  }
+}
+
+.d5-kUq_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 {
+  color: var(--color-ubie-white);
+}
+
+@media (hover: hover) {
+  .d5-kUq_heading.d5-kUq_white > a:hover {
+    text-decoration: none;
+  }
+}
+
+.d5-kUq_heading.d5-kUq_white > a:active {
+  text-decoration: underline;
+  position: relative;
+  top: 1px;
+}
+
+.d5-kUq_heading.d5-kUq_xxs {
+  font-size: var(--text-heading-xxs-size);
+  line-height: var(--text-heading-xxs-line);
+}
+
+.d5-kUq_heading.d5-kUq_xs {
+  font-size: var(--text-heading-xs-size);
+  line-height: var(--text-heading-xs-line);
+}
+
+.d5-kUq_heading.d5-kUq_sm {
+  font-size: var(--text-heading-sm-size);
+  line-height: var(--text-heading-sm-line);
+}
+
+.d5-kUq_heading.d5-kUq_md {
+  font-size: var(--text-heading-md-size);
+  line-height: var(--text-heading-md-line);
+}
+
+.d5-kUq_heading.d5-kUq_lg {
+  font-size: var(--text-heading-lg-size);
+  line-height: var(--text-heading-lg-line);
+}
+
+.d5-kUq_heading.d5-kUq_xl {
+  font-size: var(--text-heading-xl-size);
+  line-height: var(--text-heading-xl-line);
+}
+
+.d5-kUq_heading.d5-kUq_leadingBorder {
+  padding-left: calc(var(--size-spacing-sm) + var(--medium-leading-border-width));
+}
+
+.d5-kUq_heading.d5-kUq_leadingBorder:before {
+  width: var(--medium-leading-border-width);
+  vertical-align: top;
+  content: "";
+  background-color: var(--color-ubie-blue-600);
+  border-radius: 3px;
+  height: 100%;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+
+.d5-kUq_heading.d5-kUq_lg.d5-kUq_leadingBorder, .d5-kUq_heading.d5-kUq_xl.d5-kUq_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 {
+  width: var(--large-leading-border-width);
+}
+
+.d5-kUq_heading.d5-kUq_noWrap {
+  white-space: nowrap;
+}
+.xhEpsq_error {
+  font-size: var(--text-body-sm-size);
+  hyphens: auto;
+  line-height: var(--text-body-sm-narrow-line);
+  color: var(--color-ubie-red-600);
+  overflow-wrap: anywhere;
+  margin: 0;
+}
+.Mjlt9q_flex {
+  flex-flow: var(--flex-direction) var(--flex-wrap);
+  gap: var(--gap);
+  align-items: var(--align-items);
+  justify-content: var(--justify-content);
+  width: var(--width);
+  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);
+  display: flex;
+}
+
+.Mjlt9q_flex.Mjlt9q_heightFull {
+  height: 100%;
+}
+
+.Mjlt9q_flex.Mjlt9q_widthFull {
+  width: 100%;
+}
+
+.Mjlt9q_flex.Mjlt9q_inline {
+  display: inline-flex;
+}
+.jRj3sq_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 {
+  flex: none;
+}
+
+.jRj3sq_longhand {
+  flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis);
+}
+._4x5CzG_message {
+  font-size: var(--text-body-sm-size);
+  hyphens: auto;
+  line-height: var(--text-body-sm-line);
+  color: var(--color-on-surface-variant);
+  overflow-wrap: anywhere;
+  margin: 0;
+}
+.SpunRq_checkbox {
+  clip: rect(1px, 1px, 1px, 1px);
+  --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
+  border: 0;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}
+
+.SpunRq_checkbox, .SpunRq_label, .SpunRq_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 {
+  gap: var(--size-spacing-xs);
+  hyphens: auto;
+  overflow-wrap: anywhere;
+  cursor: pointer;
+  align-items: center;
+  display: flex;
+}
+
+.SpunRq_label:has(.SpunRq_checkbox:disabled) {
+  cursor: initial;
+}
+
+.SpunRq_label.SpunRq_medium {
+  font-size: var(--text-body-md-size);
+  line-height: var(--text-body-md-narrow-line);
+}
+
+.SpunRq_label.SpunRq_small {
+  font-size: var(--text-body-sm-size);
+  line-height: var(--text-body-sm-narrow-line);
+}
+
+.SpunRq_symbol {
+  box-sizing: border-box;
+  color: var(--color-ubie-white);
+  background-color: var(--color-ubie-white);
+  border: 2px solid var(--color-outline);
+  border-radius: var(--radius-sm);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.SpunRq_symbol.SpunRq_medium {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.SpunRq_symbol.SpunRq_small {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.SpunRq_symbol.SpunRq_isIndeterminate {
+  background-color: var(--color-ubie-blue-600);
+  border-color: var(--color-ubie-blue-600);
+}
+
+.SpunRq_checkbox:checked + .SpunRq_symbol, .SpunRq_symbol.SpunRq_isIndeterminate {
+  border-width: 0;
+}
+
+.SpunRq_checkbox:checked + .SpunRq_symbol {
+  background-color: var(--color-ubie-blue-600);
+}
+
+.SpunRq_checkbox:focus-visible + .SpunRq_symbol {
+  outline: 2px solid var(--color-ubie-pink-500);
+}
+
+.SpunRq_checkbox:disabled:checked + .SpunRq_symbol, .SpunRq_checkbox:disabled + .SpunRq_symbol.SpunRq_isIndeterminate {
+  background-color: var(--color-placeholder);
+}
+
+@media (hover: hover) {
+  .SpunRq_checkbox:not(:disabled) + .SpunRq_symbol:not(.SpunRq_isIndeterminate):hover {
+    border-color: var(--color-ubie-blue-500);
+  }
+
+  .SpunRq_checkbox:checked:not(:disabled) + .SpunRq_symbol:hover {
+    background-color: var(--color-ubie-blue-700);
+  }
+}
+
+.SpunRq_symbolCheckIcon {
+  visibility: hidden;
+}
+
+.SpunRq_checkbox:checked + .SpunRq_symbol > .SpunRq_symbolCheckIcon {
+  visibility: initial;
+}
+
+.SpunRq_symbolCheckIcon.SpunRq_medium, .SpunRq_symbolIndeterminate.SpunRq_medium {
+  font-size: 1.25rem;
+}
+
+.SpunRq_symbolCheckIcon.SpunRq_small, .SpunRq_symbolIndeterminate.SpunRq_small {
+  font-size: 1rem;
+}
+.K4Ecoa_block {
+  width: 100%;
+}
+
+.K4Ecoa_checkbox {
+  opacity: 0;
+  position: absolute;
+}
+
+.K4Ecoa_label {
+  --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
+  box-sizing: border-box;
+  font-size: var(--text-body-md-size);
+  hyphens: auto;
+  font-weight: bold;
+  line-height: var(--text-body-md-narrow-line);
+  color: var(--color-on-surface);
+  overflow-wrap: anywhere;
+  vertical-align: text-top;
+  cursor: pointer;
+  outline: 1px solid var(--color-outline);
+  outline-offset: -1px;
+  transition: outline-color .3s var(--ease-out-quint),
+    background-color .3s var(--ease-out-quint),
+    border-color .3s var(--ease-out-quint);
+  background: #fff;
+  border-radius: 8px;
+  padding: 16px 12px 16px 48px;
+  display: inline-block;
+  position: relative;
+}
+
+.K4Ecoa_label:before {
+  box-sizing: border-box;
+  content: "";
+  border: 2px solid var(--color-outline);
+  border-radius: var(--radius-sm);
+  width: 24px;
+  height: 24px;
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 12px;
+  transform: translateY(-50%);
+}
+
+@media (hover: hover) {
+  .K4Ecoa_label:hover:not(.K4Ecoa_disabled, .K4Ecoa_checked):before {
+    background-color: var(--color-ubie-white);
+    border-color: var(--color-ubie-blue-500);
+  }
+}
+
+.K4Ecoa_label.K4Ecoa_checked:before {
+  background-color: var(--color-ubie-blue-600);
+  border: none;
+}
+
+.K4Ecoa_label.K4Ecoa_checked.K4Ecoa_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) {
+  box-shadow: 0 0 0 2px var(--color-ubie-pink-500);
+}
+
+@media (hover: hover) {
+  .K4Ecoa_label:hover {
+    background-color: var(--color-ubie-blue-100);
+  }
+
+  .K4Ecoa_label.K4Ecoa_checked:not(.K4Ecoa_disabled):hover {
+    outline-color: var(--color-ubie-blue-700);
+  }
+
+  .K4Ecoa_label.K4Ecoa_checked:not(.K4Ecoa_disabled):hover:before {
+    background-color: var(--color-ubie-blue-700);
+  }
+}
+
+.K4Ecoa_label.K4Ecoa_disabled {
+  color: var(--color-placeholder);
+  background-color: var(--color-outline-variant);
+  outline-color: var(--color-outline);
+}
+
+.K4Ecoa_label.K4Ecoa_disabled:before {
+  border-color: var(--color-placeholder);
+}
+
+.K4Ecoa_checkIcon {
+  color: var(--color-ubie-white);
+  line-height: 1;
+  position: absolute;
+  top: 50%;
+  left: 14px;
+  translate: 0 -50%;
+}
+.EAa8ta_wrapper {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+.EAa8ta_legend {
+  gap: var(--size-spacing-xs);
+  margin-bottom: var(--size-spacing-md);
+  font-size: var(--text-body-sm-size);
+  color: var(--color-on-surface-variant);
+  align-items: center;
+  padding: 0;
+  font-weight: bold;
+  display: flex;
+}
+.UtYYQa_required {
+  padding: 2px var(--size-spacing-xxs) 1px;
+  font-size: var(--text-tag-md-size);
+  line-height: var(--text-tag-md-line);
+  color: var(--color-ubie-white);
+  background-color: var(--color-error);
+  border-radius: var(--radius-sm);
+  flex-shrink: 0;
+  display: inline-block;
+}
+.mQpb1W_input {
+  box-sizing: border-box;
+  width: 100%;
+  padding: var(--size-spacing-md) var(--size-spacing-sm) .875rem;
+  font-size: var(--text-body-md-narrow-size);
+  line-height: var(--text-body-md-narrow-line);
+  color: var(--color-on-surface);
+  text-align: inherit;
+  appearance: none;
+  caret-color: var(--color-ubie-blue-600);
+  background-color: var(--color-ubie-white);
+  border: 1px solid var(--color-outline);
+  border-bottom: 2px solid var(--color-outline);
+  border-radius: 8px 8px 0 0;
+}
+
+.mQpb1W_input.mQpb1W_isInvalid, .mQpb1W_input:user-invalid {
+  background: var(--color-error-container);
+  border-bottom-color: var(--color-error);
+}
+
+@supports not selector(:user-invalid) {
+  .mQpb1W_input:invalid {
+    background: var(--color-error-container);
+    border-bottom-color: var(--color-error);
+  }
+}
+
+.mQpb1W_input:disabled {
+  color: var(--color-placeholder);
+  background-color: var(--color-outline-variant);
+}
+
+.mQpb1W_input::placeholder, .mQpb1W_input:disabled::placeholder {
+  color: var(--color-placeholder);
+}
+
+.mQpb1W_input:focus {
+  border-bottom-color: var(--color-ubie-blue-500);
+  outline: none;
+}
+
+.mQpb1W_input[type="date"] {
+  height: 3.5rem;
+  line-height: 1;
+}
+.Kgl5ZW_label {
+  gap: var(--size-spacing-xs);
+  font-size: var(--text-body-sm-size);
+  hyphens: auto;
+  color: var(--color-on-surface-variant);
+  overflow-wrap: anywhere;
+  align-items: flex-start;
+  font-weight: bold;
+  display: flex;
+}
+
+legend.Kgl5ZW_label {
+  padding: 0;
+}
+.nLg3XG_card {
+  --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
+  gap: var(--size-spacing-sm);
+  padding: var(--size-spacing-md);
+  hyphens: auto;
+  overflow-wrap: anywhere;
+  background-color: var(--color-ubie-white);
+  border: 1px solid var(--color-outline);
+  border-radius: var(--radius-md);
+  transition: background-color .3s var(--ease-out-quint);
+  align-items: center;
+  text-decoration: none;
+  display: flex;
+}
+
+.nLg3XG_card:hover {
+  background-color: var(--color-ubie-blue-100);
+}
+
+.nLg3XG_icon {
+  color: var(--color-ubie-blue-600);
+  flex: none;
+}
+
+.nLg3XG_icon > * {
+  width: var(--icon-size);
+  height: var(--icon-size);
+  vertical-align: bottom;
+}
+
+.nLg3XG_text {
+  gap: var(--size-spacing-xxs);
+  flex-direction: column;
+  flex: 1;
+  display: flex;
+}
+
+.nLg3XG_title {
+  font-size: var(--title-font-size);
+  color: var(--color-on-surface);
+  margin: 0;
+  font-weight: bold;
+}
+
+.nLg3XG_description {
+  font-size: var(--description-font-size);
+  line-height: var(--description-line-height);
+  color: var(--color-on-surface-variant);
+  margin: 0;
+}
+
+.nLg3XG_caret {
+  width: 1.25rem;
+  height: 1.25rem;
+  color: var(--color-ubie-blue-600);
+}
+
+.nLg3XG_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 {
+  --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 {
+  z-index: var(--z-index-modal);
+  position: fixed;
+  inset: 0;
+  overflow: hidden;
+}
+
+._6H5AqG_overlay {
+  position: fixed;
+  inset: 0;
+}
+
+._6H5AqG_normalOverlay {
+  background: #00000080;
+}
+
+._6H5AqG_darkerOverlay {
+  background: #000c;
+}
+
+._6H5AqG_contents {
+  padding: 0 var(--size-spacing-md);
+}
+
+._6H5AqG_dialog {
+  border-radius: 12px;
+  background: #fff;
+  border-end-end-radius: 0;
+  border-end-start-radius: 0;
+  flex-direction: column;
+  width: 100%;
+  max-width: 600px;
+  max-height: calc(100% - 24px);
+  margin: 0 auto;
+  display: flex;
+  position: fixed;
+  bottom: 0;
+  left: 50%;
+  overflow-y: hidden;
+  transform: translate3d(-50%, 0, 0);
+}
+
+._6H5AqG_dialog._6H5AqG_fullscreen {
+  height: calc(100% - 24px);
+}
+
+._6H5AqG_scrollContainer {
+  height: 100%;
+  overflow-y: auto;
+}
+
+._6H5AqG_mainContent {
+  flex-direction: column;
+  display: flex;
+}
+
+._6H5AqG_mainContent._6H5AqG_fullscreen {
+  min-height: 100%;
+}
+
+._6H5AqG_mainContent._6H5AqG_headerLess {
+  padding-top: var(--size-spacing-xl);
+}
+
+._6H5AqG_header {
+  padding: var(--size-spacing-lg) var(--size-spacing-md);
+  font-size: var(--text-heading-xs-size);
+  font-weight: bold;
+  line-height: var(--text-heading-xs-line);
+  text-align: center;
+  white-space: pre-wrap;
+  background-color: var(--color-ubie-white);
+  outline: none;
+}
+
+._6H5AqG_header._6H5AqG_sticky {
+  z-index: 1;
+  position: sticky;
+  top: 0;
+}
+
+._6H5AqG_header._6H5AqG_sticky._6H5AqG_canScroll {
+  border-bottom: 1px solid var(--color-outline);
+}
+
+._6H5AqG_body {
+  z-index: 0;
+  padding-right: var(--size-spacing-md);
+  padding-left: var(--size-spacing-md);
+}
+
+._6H5AqG_body._6H5AqG_fullscreen {
+  flex: 1;
+  min-height: 400px;
+  overflow: hidden;
+}
+
+._6H5AqG_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 {
+  position: sticky;
+  bottom: 0;
+}
+
+._6H5AqG_buttonContainer._6H5AqG_sticky._6H5AqG_canScroll {
+  border-top: 1px solid var(--color-outline);
+}
+
+._6H5AqG_overlayEnter {
+  transition-property: opacity;
+  transition-duration: .3s;
+  transition-timing-function: ease-out;
+}
+
+._6H5AqG_overlayEnterFrom {
+  opacity: 0;
+}
+
+._6H5AqG_overlayEnterTo {
+  opacity: 1;
+}
+
+._6H5AqG_overlayLeave {
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+}
+
+._6H5AqG_overlayLeaveFrom {
+  opacity: 1;
+}
+
+._6H5AqG_overlayLeaveTo {
+  opacity: 0;
+}
+
+._6H5AqG_panelEnter {
+  transition-property: transform, opacity;
+  transition-duration: .3s;
+  transition-timing-function: ease-out;
+}
+
+._6H5AqG_panelEnterFrom {
+  opacity: 0;
+  transform: translate3d(-50%, 100%, 0);
+}
+
+._6H5AqG_panelEnterTo {
+  opacity: 1;
+  transform: translate3d(-50%, 0, 0);
+}
+
+._6H5AqG_panelLeave {
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+}
+
+._6H5AqG_panelLeaveFrom {
+  opacity: 1;
+  transform: translate3d(-50%, 0, 0);
+}
+
+._6H5AqG_panelLeaveTo {
+  opacity: 0;
+  transform: translate3d(-50%, 100%, 0);
+}
+.uk0hWG_modal {
+  z-index: var(--z-index-modal);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  position: fixed;
+  inset: 0;
+}
+
+.uk0hWG_overlay {
+  position: fixed;
+  inset: 0;
+}
+
+.uk0hWG_normalOverlay {
+  background: #00000080;
+}
+
+.uk0hWG_darkerOverlay {
+  background: #000c;
+}
+
+.uk0hWG_dialog {
+  box-sizing: border-box;
+  border-radius: var(--radius-lg);
+  background: #fff;
+  flex-direction: column;
+  width: calc(100% - 32px);
+  max-width: 600px;
+  max-height: calc(100% - 48px);
+  margin: 0 auto;
+  display: flex;
+  position: relative;
+  overflow: hidden;
+}
+
+.uk0hWG_dialog.uk0hWG_fixedHeight {
+  height: calc(100% - 48px);
+}
+
+.uk0hWG_scrollContainer {
+  height: 100%;
+  overflow-y: auto;
+}
+
+.uk0hWG_mainContent {
+  box-sizing: border-box;
+  flex-direction: column;
+  display: flex;
+}
+
+.uk0hWG_mainContent.uk0hWG_fixedHeight {
+  min-height: 100%;
+}
+
+.uk0hWG_mainContent.uk0hWG_headerLess {
+  padding-top: var(--size-spacing-xl);
+}
+
+.uk0hWG_header {
+  padding: var(--size-spacing-lg) var(--size-spacing-md);
+  font-size: var(--text-heading-xs-size);
+  font-weight: bold;
+  line-height: var(--text-heading-xs-line);
+  text-align: center;
+  white-space: pre-wrap;
+  background: var(--color-ubie-white);
+  outline: none;
+}
+
+.uk0hWG_header.uk0hWG_sticky {
+  z-index: 1;
+  position: sticky;
+  top: 0;
+}
+
+.uk0hWG_header.uk0hWG_sticky.uk0hWG_canScroll {
+  border-bottom: 1px solid var(--color-outline);
+}
+
+.uk0hWG_body {
+  z-index: 0;
+  padding-right: var(--size-spacing-md);
+  padding-left: var(--size-spacing-md);
+  text-align: center;
+}
+
+.uk0hWG_body.uk0hWG_fixedHeight {
+  flex-grow: 1;
+  min-height: 400px;
+  overflow: hidden;
+}
+
+.uk0hWG_hero {
+  flex: none;
+  overflow: hidden;
+}
+
+.uk0hWG_footer {
+  padding: var(--size-spacing-lg) var(--size-spacing-md) var(--size-spacing-md);
+  background-color: var(--color-ubie-white);
+}
+
+.uk0hWG_footer.uk0hWG_sticky {
+  position: sticky;
+  bottom: 0;
+}
+
+.uk0hWG_footer.uk0hWG_sticky.uk0hWG_canScroll {
+  border-top: 1px solid var(--color-outline);
+}
+
+.uk0hWG_panelEnter {
+  transition-property: opacity;
+  transition-duration: .25s;
+  transition-timing-function: ease-out;
+}
+
+.uk0hWG_panelEnterFrom {
+  opacity: 0;
+}
+
+.uk0hWG_panelEnterTo {
+  opacity: 1;
+}
+
+.uk0hWG_panelLeave {
+  transition-duration: .2s;
+  transition-timing-function: ease-in;
+}
+
+.uk0hWG_panelLeaveFrom {
+  opacity: 1;
+}
+
+.uk0hWG_panelLeaveTo {
+  opacity: 0;
+}
+.BTRgTq_pre {
+  white-space: var(--white-space);
+  display: block;
+}
+
+.BTRgTq_pre.BTRgTq_inline {
+  display: inline-block;
+}
+.iG-ReW_icon {
+  box-sizing: border-box;
+  background-color: var(--color-surface-container);
+  border: 2px solid var(--color-outline);
+  border-radius: 24px;
+  flex: none;
+  justify-content: center;
+  align-items: center;
+  display: inline-flex;
+}
+
+.iG-ReW_text {
+  hyphens: auto;
+  overflow-wrap: anywhere;
+}
+
+.iG-ReW_medium .iG-ReW_icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+.iG-ReW_small .iG-ReW_icon {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+@media (hover: hover) {
+  .iG-ReW_label:hover .iG-ReW_icon {
+    border-color: var(--color-ubie-blue-500);
+  }
+}
+
+.iG-ReW_icon:before {
+  content: "";
+  border-radius: 16px;
+}
+
+.iG-ReW_medium .iG-ReW_icon:before {
+  width: 1rem;
+  height: 1rem;
+}
+
+.iG-ReW_small .iG-ReW_icon:before {
+  width: .75rem;
+  height: .75rem;
+}
+
+.iG-ReW_radio {
+  opacity: 0;
+  position: absolute;
+}
+
+.iG-ReW_radio:checked + .iG-ReW_icon {
+  border-color: var(--color-ubie-blue-600);
+}
+
+.iG-ReW_radio:checked + .iG-ReW_icon:before {
+  background: var(--color-ubie-blue-600);
+}
+
+.iG-ReW_radio:disabled + .iG-ReW_icon + .iG-ReW_text {
+  color: var(--color-placeholder);
+}
+
+.iG-ReW_radio:disabled + .iG-ReW_icon {
+  border-color: var(--color-placeholder);
+}
+
+.iG-ReW_radio:checked:disabled + .iG-ReW_icon:before {
+  background: var(--color-placeholder);
+}
+
+.iG-ReW_radio:focus-visible + .iG-ReW_icon {
+  border-color: var(--color-ubie-pink-500);
+}
+
+.iG-ReW_label {
+  gap: var(--size-spacing-xs);
+  cursor: pointer;
+  align-items: center;
+  display: flex;
+}
+
+.iG-ReW_medium .iG-ReW_label {
+  font-size: var(--text-body-md-size);
+  line-height: var(--text-body-md-narrow-line);
+}
+
+.iG-ReW_small .iG-ReW_label {
+  font-size: var(--text-body-sm-size);
+  line-height: var(--text-body-sm-narrow-line);
+}
+.wnsRga_block {
+  width: 100%;
+}
+
+.wnsRga_radio {
+  opacity: 0;
+  position: absolute;
+}
+
+.wnsRga_label {
+  --ease-out-quint: cubic-bezier(.22, 1, .36, 1);
+  box-sizing: border-box;
+  font-size: var(--text-body-md-size);
+  hyphens: auto;
+  font-weight: bold;
+  line-height: var(--text-body-md-narrow-line);
+  color: var(--color-on-surface);
+  overflow-wrap: anywhere;
+  vertical-align: text-top;
+  cursor: pointer;
+  outline: 1px solid var(--color-outline);
+  transition: outline-color .3s var(--ease-out-quint),
+    background-color .3s var(--ease-out-quint);
+  background: #fff;
+  border-radius: 8px;
+  padding: 16px 12px 16px 44px;
+  display: inline-block;
+  position: relative;
+}
+
+.wnsRga_label.wnsRga_checked {
+  background: var(--color-ubie-blue-100);
+  outline: 2px solid var(--color-ubie-blue-500);
+}
+
+.wnsRga_label:before {
+  box-sizing: border-box;
+  content: "";
+  outline: 2px solid var(--color-outline);
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 12px;
+  transform: translateY(-50%);
+}
+
+@media (hover: hover) {
+  .wnsRga_label:hover:not(.wnsRga_disabled, .wnsRga_checked):before {
+    outline: 2px solid var(--color-ubie-blue-500);
+  }
+}
+
+.wnsRga_label.wnsRga_checked:before {
+  outline: 2px solid var(--color-ubie-blue-600);
+}
+
+.wnsRga_label.wnsRga_checked:after {
+  box-sizing: border-box;
+  content: "";
+  background: var(--color-ubie-blue-600);
+  border-radius: 50%;
+  width: 16px;
+  height: 16px;
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 14px;
+  transform: translateY(-50%);
+}
+
+.wnsRga_label:after {
+  box-sizing: border-box;
+  content: "";
+  border-radius: 50%;
+  display: block;
+  position: absolute;
+  top: 50%;
+  left: 12px;
+  transform: translateY(-50%);
+}
+
+.wnsRga_label.wnsRga_checked.wnsRga_disabled:before {
+  outline-color: var(--color-outline);
+}
+
+.wnsRga_label.wnsRga_checked.wnsRga_disabled:after {
+  background-color: var(--color-placeholder);
+}
+
+.wnsRga_label:has(.wnsRga_radio:focus-visible) {
+  box-shadow: 0 0 0 4px var(--color-ubie-pink-500);
+}
+
+@media (hover: hover) {
+  .wnsRga_label:hover {
+    background-color: var(--color-ubie-blue-100);
+  }
+}
+
+.wnsRga_label.wnsRga_disabled {
+  color: var(--color-placeholder);
+  background-color: var(--color-outline-variant);
+  outline-color: var(--color-placeholder);
+}
+.BEfV9q_wrapper {
+  border: none;
+  margin: 0;
+  padding: 0;
+}
+
+.BEfV9q_legend {
+  gap: var(--size-spacing-xs);
+  margin-bottom: var(--size-spacing-md);
+  font-size: var(--text-body-sm-size);
+  color: var(--color-on-surface-variant);
+  align-items: center;
+  padding: 0;
+  font-weight: bold;
+  display: flex;
+}
+.tb5TjW_wrapper {
+  position: relative;
+}
+
+.tb5TjW_select {
+  width: 100%;
+  min-height: 54px;
+  font-size: var(--text-body-md-size);
+  color: var(--color-on-surface);
+  appearance: none;
+  caret-color: var(--color-ubie-blue-600);
+  background-color: var(--color-ubie-white);
+  border: 2px solid var(--color-outline);
+  transition: border-color .3s var(--ease-out-quint);
+  border-radius: 8px;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 64px 0 16px;
+  font-weight: bold;
+  line-height: 54px;
+  display: flex;
+}
+
+.tb5TjW_select::placeholder {
+  color: var(--color-placeholder);
+}
+
+.tb5TjW_select:focus {
+  outline: none;
+}
+
+.tb5TjW_select:focus-visible {
+  border-color: var(--color-ubie-blue-500);
+}
+
+@media (hover: hover) {
+  .tb5TjW_select:hover {
+    border: 2px solid var(--color-ubie-blue-400);
+  }
+}
+
+.tb5TjW_icon {
+  width: 24px;
+  height: 24px;
+  color: var(--color-ubie-blue-600);
+  pointer-events: none;
+  position: absolute;
+  top: 50%;
+  right: 16px;
+  transform: translateY(-50%);
+}
+
+.tb5TjW_disabled .tb5TjW_select {
+  color: var(--color-on-surface-variant);
+  background-color: var(--color-outline-variant);
+  border-color: var(--color-outline);
+}
+
+.tb5TjW_disabled .tb5TjW_icon {
+  color: var(--color-on-surface-variant);
+}
+
+.tb5TjW_isInvalid .tb5TjW_select {
+  background: var(--color-error-container);
+  border-color: var(--color-error);
+}
+
+.tb5TjW_isInvalid .tb5TjW_icon {
+  color: var(--color-ubie-red-700);
+}
+._5wFE1q_textArea {
+  box-sizing: border-box;
+  width: 100%;
+  padding: var(--size-spacing-md) var(--size-spacing-sm) .875rem;
+  font-size: var(--text-body-md-narrow-size);
+  line-height: var(--text-body-md-narrow-line);
+  color: var(--color-on-surface);
+  text-align: inherit;
+  appearance: none;
+  caret-color: var(--color-ubie-blue-600);
+  background-color: var(--color-ubie-white);
+  border: 1px solid var(--color-outline);
+  border-bottom-width: 2px;
+  border-radius: 8px 8px 0 0;
+}
+
+._5wFE1q_textArea:disabled {
+  color: var(--color-placeholder);
+  background-color: var(--color-outline-variant);
+}
+
+._5wFE1q_textArea::placeholder, ._5wFE1q_textArea:disabled::placeholder {
+  color: var(--color-placeholder);
+}
+
+._5wFE1q_textArea._5wFE1q_isInvalid, ._5wFE1q_textArea:user-invalid {
+  background: var(--color-error-container);
+  border-bottom-color: var(--color-ubie-red-700);
+}
+
+@supports not selector(:user-invalid) {
+  ._5wFE1q_textArea:invalid {
+    background: var(--color-error-container);
+    border-bottom-color: var(--color-ubie-red-700);
+  }
+}
+
+._5wFE1q_textArea:focus {
+  border-bottom-color: var(--color-ubie-blue-600);
+  outline: none;
+}
+._5OvBwa_stepper {
+  margin: var(--margin-top) var(--margin-right) var(--margin-bottom) var(--margin-left);
+  flex-direction: row;
+  justify-content: stretch;
+  align-items: stretch;
+  display: flex;
+}
+
+._5OvBwa_stepperItem {
+  flex-direction: column;
+  flex: 1;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+  position: relative;
+}
+
+._5OvBwa_borderLine {
+  z-index: 1;
+  flex-direction: row;
+  align-items: center;
+  display: flex;
+  position: absolute;
+  top: 12px;
+  left: 0;
+  right: 0;
+}
+
+._5OvBwa_iconSpacer {
+  flex-shrink: 0;
+  width: 32px;
+}
+
+._5OvBwa_leftBorder, ._5OvBwa_rightBorder {
+  flex: 1;
+  align-items: center;
+  display: flex;
+}
+
+._5OvBwa_border._5OvBwa_hidden {
+  display: none;
+}
+
+._5OvBwa_border {
+  background-color: var(--stepper-border-color, var(--color-ubie-gray-300));
+  width: 100%;
+  height: 2px;
+}
+
+._5OvBwa_iconWrapper {
+  z-index: 2;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  position: relative;
+}
+
+._5OvBwa_borderColorBlue {
+  --stepper-border-color: var(--color-ubie-blue-600);
+}
+
+._5OvBwa_borderColorGray {
+  --stepper-border-color: var(--color-ubie-gray-300);
+}
+
+._5OvBwa_doneCircle {
+  width: 24px;
+  height: 24px;
+  color: var(--color-ubie-blue-600);
+  border: 2px solid var(--color-ubie-blue-600);
+  background-color: #fff;
+  border-radius: 50%;
+  justify-content: center;
+  align-items: center;
+  padding: 2px;
+  display: flex;
+}
+
+._5OvBwa_currentCircle {
+  background-color: var(--color-ubie-blue-600);
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+  position: relative;
+}
+
+._5OvBwa_undoneCircle {
+  border: 2px solid var(--stepper-border-color, var(--color-ubie-gray-300));
+  background-color: #fff;
+  border-radius: 50%;
+  width: 24px;
+  height: 24px;
+}
+
+._5OvBwa_current ._5OvBwa_iconWrapper, ._5OvBwa_done ._5OvBwa_iconWrapper {
+  color: var(--color-ubie-blue-600);
+}
+
+._5OvBwa_undone ._5OvBwa_iconWrapper {
+  color: var(--color-ubie-gray-300);
+}
+
+._5OvBwa_label {
+  text-align: center;
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  width: 100%;
+  font-family: sans-serif;
+  font-size: 12px;
+  line-height: 1.5;
+}
+
+._5OvBwa_currentLabel {
+  color: #000;
+  font-weight: 600;
+}
+
+._5OvBwa_doneLabel, ._5OvBwa_undoneLabel {
+  color: #000;
+  font-weight: 400;
+}
+.pPh6qG_root {
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  border-radius: 3rem;
+  width: 3rem;
+  height: 1.5rem;
+  padding: .125rem;
+  transition: background-color .2s;
+  display: inline-flex;
+  position: relative;
+}
+
+.pPh6qG_root, .pPh6qG_root * {
+  box-sizing: border-box;
+}
+
+.pPh6qG_root:has(input:focus-visible) {
+  outline: 2px solid var(--color-ubie-pink-500);
+}
+
+.pPh6qG_root:has(input:disabled) {
+  cursor: default;
+  background-color: var(--color-placeholder);
+}
+
+.pPh6qG_on {
+  background-color: var(--color-ubie-blue-600);
+}
+
+.pPh6qG_off {
+  background-color: var(--color-ubie-gray-500);
+}
+
+@media (hover: hover) {
+  .pPh6qG_on:hover {
+    background-color: var(--color-ubie-blue-700);
+  }
+
+  .pPh6qG_off:hover {
+    background-color: var(--color-ubie-gray-700);
+  }
+}
+
+.pPh6qG_thumb {
+  background-color: var(--color-ubie-white);
+  border-radius: 50%;
+  width: 1.25rem;
+  height: 1.25rem;
+  transition: transform .2s;
+}
+
+.pPh6qG_thumbOn {
+  transform: translateX(1.5rem);
+}
+
+.pPh6qG_thumbOff {
+  transform: translateX(0);
+}
+
+.pPh6qG_input {
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  position: absolute;
+  overflow: hidden;
+}