._container_1jdvs_1 {
  display: flex;
  min-height: 100vh; /* Fallback for older browsers */
  min-height: 100svh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--oneapp-semantic-color-background-white);
  padding: calc(var(--oneapp-global-spacing-xl) * 1px);
  text-align: center;
  color: var(--oneapp-semantic-color-text-primary);
}

._content_1jdvs_14 {
  max-width: 448px;
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-md) * 1px);
  color: var(--semantic-color-text-primary);
}

._title_1jdvs_22 {
  font-family: var(--component-atoms-typography-heading-h5-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-h5-font-size);
  line-height: var(--semantic-typography-head-h5-line-height);
  letter-spacing: var(--component-atoms-typography-heading-h6-letter-spacing);
  text-transform: uppercase;
  margin: 0;
}

._description_1jdvs_33 {
  font-family: var(--component-atoms-typography-body-md-family-secondary);
  font-weight: 500;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-md-font-size);
  line-height: var(--component-atoms-typography-body-md-line-height);
  letter-spacing: var(--component-atoms-typography-body-md-letter-spacing);
  margin: 0;
}

._errorBox_1jdvs_43 {
  border-radius: calc(var(--oneapp-global-border-radius-lg) * 1px);
  background-color: color-mix(in srgb, var(--oneapp-semantic-color-feedback-error), transparent 90%);
  padding: calc(var(--oneapp-global-spacing-md) * 1px);
  text-align: left;
  color: var(--oneapp-semantic-color-feedback-error);
  overflow: auto;
  max-height: 192px;
}

._errorInfo_1jdvs_53 {
  font-family: var(--component-atoms-typography-body-xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-xs-font-size);
  line-height: var(--semantic-typography-body-xs-line-height);
  letter-spacing: var(--component-atoms-typography-body-xs-letter-spacing);
  margin: 0;
}

._stack_1jdvs_63 {
  font-family: var(--component-atoms-typography-body-xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-xs-font-size);
  line-height: var(--semantic-typography-body-xs-line-height);
  letter-spacing: var(--component-atoms-typography-body-xs-letter-spacing);
  margin-top: calc(var(--oneapp-global-spacing-2xs) * 1px);
  opacity: 0.8;
  white-space: pre-wrap;
  margin-bottom: 0;
}

._retryButton_1jdvs_76 {
  font-family: var(--semantic-typography-head-xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-xs-font-size);
  line-height: var(--semantic-typography-head-xs-line-height);
  letter-spacing: var(--semantic-typography-head-xs-letter-spacing);
  text-transform: uppercase;
  display: inline-flex;
  height: calc(var(--oneapp-semantic-size-button-button-md-height) * 1px);
  align-items: center;
  justify-content: center;
  border-radius: calc(var(--oneapp-global-border-radius-md) * 1px);
  background-color: var(--component-atoms-button-primary-background-color);
  padding: 0 calc(var(--oneapp-global-spacing-2xl) * 1px);
  color: var(--component-atoms-button-primary-text-color);
  border: none;
  cursor: pointer;
  transition: background-color 200ms, opacity 200ms;
}
._retryButton_1jdvs_76:hover {
  background-color: color-mix(in srgb, var(--oneapp-semantic-color-text-primary), transparent 10%);
}
._retryButton_1jdvs_76:focus-visible {
  outline: 2px solid var(--oneapp-semantic-color-border-secondary);
  outline-offset: 2px;
}
._retryButton_1jdvs_76:disabled {
  pointer-events: none;
  opacity: 0.5;
}._button_19mk7_1 {
  font-family: var(--semantic-typography-head-xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-xs-font-size);
  line-height: var(--semantic-typography-head-xs-line-height);
  letter-spacing: var(--semantic-typography-head-xs-letter-spacing);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--oneapp-component-atoms-button-gap) * 1px);
  white-space: nowrap;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
._button_19mk7_1:focus-visible {
  outline: none;
}
._button_19mk7_1 {
  cursor: pointer;
}
._button_19mk7_1:disabled {
  cursor: default;
}
._button_19mk7_1 svg {
  pointer-events: none;
  width: calc(var(--oneapp-global-icon-sm-size) * 1px);
  height: calc(var(--oneapp-global-icon-sm-size) * 1px);
  flex-shrink: 0;
}

._variantDefault_19mk7_34 {
  color: var(--retail-tag-tag-subtle-background);
  background-color: var(--oneapp-component-atoms-button-primary-background-color);
  border: calc(var(--oneapp-component-atoms-button-primary-border-width-top) * 1px) var(--oneapp-component-atoms-button-border-style) var(--oneapp-component-atoms-button-primary-border-color);
  border-radius: calc(var(--oneapp-component-atoms-button-primary-border-radius) * 1px);
}
._variantDefault_19mk7_34:hover {
  color: var(--oneapp-component-atoms-button-primary-hover-text-color);
  background-color: var(--oneapp-component-atoms-button-primary-hover-background-color);
  border-color: var(--oneapp-component-atoms-button-primary-hover-border-color);
}
._variantDefault_19mk7_34:focus {
  color: var(--oneapp-component-atoms-button-primary-focus-text-color);
  background-color: var(--oneapp-component-atoms-button-primary-focus-background-color);
  border-color: var(--oneapp-component-atoms-button-primary-focus-border-color);
}
._variantDefault_19mk7_34:active {
  color: var(--oneapp-component-atoms-button-primary-active-text-color);
  background-color: var(--oneapp-component-atoms-button-primary-active-background-color);
  border-color: var(--oneapp-component-atoms-button-primary-active-border-color);
}
._variantDefault_19mk7_34:disabled {
  color: var(--oneapp-component-atoms-button-primary-disabled-text-color);
  background-color: var(--component-atoms-button-primary-disabled-background-color);
  border-color: transparent;
  opacity: 1;
}

._variantSecondary_19mk7_62 {
  color: var(--retail-tag-tag-subtle-background);
  background-color: var(--oneapp-component-atoms-button-secondary-background-color);
  border: calc(var(--oneapp-component-atoms-button-secondary-border-width-top) * 1px) var(--oneapp-component-atoms-button-border-style) var(--oneapp-component-atoms-button-secondary-border-color);
  border-radius: calc(var(--oneapp-component-atoms-button-secondary-border-radius) * 1px);
}
._variantSecondary_19mk7_62:hover {
  color: var(--oneapp-component-atoms-button-secondary-hover-text-color);
  background-color: var(--oneapp-component-atoms-button-secondary-hover-background-color);
  border-color: var(--oneapp-component-atoms-button-secondary-hover-border-color);
}
._variantSecondary_19mk7_62:active {
  color: var(--oneapp-component-atoms-button-secondary-active-text-color);
  background-color: var(--oneapp-component-atoms-button-secondary-active-background-color);
  border-color: var(--oneapp-component-atoms-button-secondary-active-border-color);
}
._variantSecondary_19mk7_62:disabled {
  color: var(--oneapp-component-atoms-button-secondary-disabled-text-color);
  background-color: var(--oneapp-component-atoms-button-secondary-disabled-background-color);
  border-color: var(--oneapp-component-atoms-button-secondary-disabled-border-color);
}

._variantDestructive_19mk7_84 {
  color: var(--oneapp-semantic-color-text-inverse);
  background-color: var(--oneapp-semantic-color-feedback-error);
  border: calc(var(--oneapp-component-atoms-button-border-width) * 1px) var(--oneapp-component-atoms-button-border-style) transparent;
  border-radius: calc(var(--oneapp-component-atoms-button-primary-border-radius) * 1px);
}
._variantDestructive_19mk7_84:hover {
  opacity: 0.9;
}

._variantOutline_19mk7_94 {
  border: calc(var(--oneapp-semantic-border-width-control-default) * 1px) solid var(--oneapp-semantic-color-border-primary);
  background-color: transparent;
  color: var(--oneapp-semantic-color-text-primary);
  border-radius: calc(var(--oneapp-component-atoms-button-primary-border-radius) * 1px);
}
._variantOutline_19mk7_94:hover {
  background-color: var(--oneapp-semantic-color-background-senary);
}

._variantGhost_19mk7_104 {
  background-color: transparent;
  color: var(--oneapp-semantic-color-text-primary);
  border: calc(var(--oneapp-component-atoms-button-border-width) * 1px) var(--oneapp-component-atoms-button-border-style) transparent;
  border-radius: calc(var(--oneapp-component-atoms-button-primary-border-radius) * 1px);
}
._variantGhost_19mk7_104:hover {
  background-color: var(--oneapp-semantic-color-background-senary);
}

._variantLink_19mk7_114 {
  color: var(--oneapp-semantic-color-text-secondary);
  -webkit-text-decoration: underline-offset-4;
          text-decoration: underline-offset-4;
  background-color: transparent;
  border: none;
  padding: 0;
  height: auto;
}
._variantLink_19mk7_114:hover {
  text-decoration: underline;
}

._sizeDefault_19mk7_126 {
  height: calc(var(--oneapp-semantic-size-button-button-md-height) * 1px);
  padding: calc(var(--oneapp-component-atoms-button-padding-y) * 1px) calc(var(--oneapp-component-atoms-button-padding-x) * 1px);
}

._sizeSm_19mk7_131 {
  height: calc(var(--oneapp-semantic-size-button-button-sm-height) * 1px);
  padding: 0 calc(var(--oneapp-global-spacing-sm) * 1px);
  border-radius: calc(var(--oneapp-global-border-radius-sm) * 1px);
}

._sizeLg_19mk7_137 {
  height: calc(var(--oneapp-global-spacing-5xl) * 1px);
  padding: 0 calc(var(--oneapp-global-spacing-2xl) * 1px);
  border-radius: calc(var(--oneapp-global-border-radius-md) * 1px);
}

._sizeIcon_19mk7_143 {
  height: calc(var(--oneapp-semantic-size-button-button-md-height) * 1px);
  width: calc(var(--oneapp-semantic-size-button-button-md-height) * 1px);
  padding: 0;
}._skeleton_t6fyz_1 {
  animation: _pulse_t6fyz_1 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  border-radius: calc(var(--oneapp-semantic-radius-surface-default, 6) * 1px);
  background-color: var(--oneapp-semantic-color-background-tertiary);
}

@keyframes _pulse_t6fyz_1 {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Ensure modern intuitive box sizing */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Optimize subpixel font rendering globally */
html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;

  /* Drop the double-tap-to-zoom gesture. `manipulation` leaves scrolling and
     pinch-to-zoom — the accessibility gesture — untouched, and unlike
     `user-scalable=no` in the viewport meta, which WebKit has ignored since
     iOS 10, it is honoured. Declared on both elements because the effective
     value is the intersection of the tapped element and its ancestors. */
  touch-action: manipulation;
}

/* Enforce links inherit parent text styling */
a {
  color: inherit;
  text-decoration: none;
}

/* Force form inputs to inherit parent font assets */
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

/* An inline SVG carries its dimensions as width/height attributes, and WebKit
   derives no intrinsic width from them. As a flex item the icon is then
   collapsed by the flex algorithm — to zero width, or to a sliver that squashes
   the glyph inside its viewBox — while its height is left untouched. The button
   around it keeps its box, so it stays clickable and the loss is silent. Blink
   resolves the intrinsic size, which is why this only surfaces on the device.
   Icons are never meant to shrink, and the declaration is inert outside a flex
   container. */
svg {
  flex-shrink: 0;
}
:root {
  --omnia-sidebar-width: 80px;
  /* Mobile tab bar row: a 32px icon plus the 12px of padding above and below it
     that the item carries. The label is desktop-only, so nothing else sits in
     the row. */
  --omnia-navbar-height: 56px;
  --omnia-header-height: 65px;
  /* Space the branding header occupies at the top of the viewport, status bar
     strip included: inside a native container the WebView spans the whole
     screen and the header absorbs that strip. Anything pinned directly below
     the header offsets by this rather than by --omnia-header-height alone. */
  --omnia-header-total-height: calc(
    env(safe-area-inset-top, 0px) + var(--omnia-header-height)
  );
  /* Space the mobile tab bar occupies at the bottom of the viewport, home
     indicator strip included. Anything that has to clear the tab bar offsets by
     this rather than by --omnia-navbar-height alone. */
  --omnia-navbar-total-height: calc(
    var(--omnia-navbar-height) + env(safe-area-inset-bottom, 0px)
  );
  --omnia-primary-font-family-fallback: 'Neutraface Text', sans-serif;
  --omnia-secondary-font-family-fallback: 'Gotham', sans-serif;
  --omnia-tertiary-font-family-fallback:
    'Helvetica Neue', system-ui, sans-serif;
}

@media (min-width: 768px) {
  :root {
    --omnia-header-height: 80px;
  }
}

body {
  color: var(--oneapp-semantic-color-text-primary);
  background-color: var(--oneapp-semantic-color-background-white);
  min-height: 100vh;

  font-size: var(--semantic-typography-body-md-font-size);
  line-height: var(--semantic-typography-body-md-line-height);
  letter-spacing: var(--semantic-typography-body-md-letter-spacing);
  text-transform: var(--semantic-typography-body-md-text-transform);
  -webkit-text-decoration: var(--semantic-typography-body-md-text-decoration);
          text-decoration: var(--semantic-typography-body-md-text-decoration);
  font-family: var(--semantic-typography-body-md-font-family-primary);
  font-style: var(--semantic-typography-body-md-font-style-normal);
  font-weight: var(--semantic-typography-body-md-font-weight-regular);
}

/* A tag manager injects product-tour overlays into the page as an `<iframe>`
   placed directly in `<body>`. The app mounts inside its own root element, so a
   frame sitting beside that root was put there by a third party, and the app
   never learns it exists. Those overlays are authored for a browser viewport:
   under `viewport-fit=cover` they run edge to edge, and their controls end up
   behind the notch and the home indicator.

   `!important` is not decoration here. The injecting script writes these
   properties inline, and an inline declaration beats a stylesheet rule at every
   specificity.

   The rule is deliberately narrow. Offsets apply only to positioned elements,
   so a frame left in normal flow is untouched. The maximums only bite on a
   frame larger than the safe area, which leaves smaller widgets alone and
   avoids restating `width`/`height` — a positioned replaced element resolves
   `auto` against its intrinsic 300x150, not against the offsets. Every inset
   resolves to 0 outside a native container, so nothing changes in a browser.

   Known limit: a small *positioned* frame anchored to the bottom or the right
   would be pulled to the safe-area origin by `top`/`left`. No third party ships
   one at body level today; revisit the selector if one appears. */
body > iframe {
  top: env(safe-area-inset-top, 0px) !important;
  left: env(safe-area-inset-left, 0px) !important;
  max-width: calc(
    100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px)
  ) !important;
  max-height: calc(
    100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)
  ) !important;
}
._root_1s3uk_1 {
  padding: calc(var(--oneapp-global-spacing-2xl) * 1px);
}

._heading_1s3uk_5 {
  font-size: 24px;
  font-weight: 700;
  color: var(--oneapp-global-color-foreground);
}

._text_1s3uk_11 {
  margin-top: calc(var(--oneapp-global-spacing-sm) * 1px);
  color: var(--oneapp-global-color-muted-foreground);
}