._root_noy4w_1 {
  padding: calc(var(--oneapp-global-spacing-xl) * 1px);
  text-align: center;
  color: var(--oneapp-semantic-color-text-tertiary);
}._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;
}._root_19tn1_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: calc(var(--oneapp-global-spacing-4xl) * 1px);
  text-align: center;
  color: var(--semantic-color-text-primary);
}

._fallbackMessage_19tn1_11 {
  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-bottom: calc(var(--oneapp-global-spacing-md) * 1px);
}

._message_19tn1_22 {
  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-bottom: calc(var(--oneapp-global-spacing-md) * 1px);
}

._placeholder_19tn1_32 {
  width: 100%;
  height: 100%;
  min-height: 150px;
}._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;
}

/* 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;
}
:root {
  --omnia-sidebar-width: 80px;
  --omnia-navbar-height: 70px;
  --omnia-header-height: 65px;
  --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);
}
._header_lrevb_1 {
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
}
@media (min-width: 768px) {
  ._header_lrevb_1 {
    z-index: 40;
  }
}

._overlay_lrevb_13 {
  position: absolute;
  inset: 0;
  transition: opacity 200ms, backdrop-filter 200ms;
}

._isScrolled_lrevb_19 {
  opacity: var(--oneapp-global-opacity-stronger);
  backdrop-filter: blur(4px);
}

._isNotScrolled_lrevb_24 {
  opacity: 1;
}

._logoAndIcons_lrevb_28 {
  display: flex;
  height: var(--omnia-header-height);
  padding: 0 var(--global-spacing-sm);
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}
@media (min-width: 768px) {
  ._logoAndIcons_lrevb_28 {
    padding: 0 80px 0 20px;
  }
}
@media (min-width: 1200px) {
  ._logoAndIcons_lrevb_28 {
    padding: 0 120px 0 36px;
  }
}

._logoLink_lrevb_47 {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  display: flex;
  align-items: center;
  flex-grow: 1;
  opacity: 1;
}
@media (min-width: 768px) {
  ._logoLink_lrevb_47 {
    justify-content: center;
  }
}

._logo_lrevb_28 {
  max-width: 100%;
  height: auto;
  display: block;
  height: 28px;
  flex-shrink: 0;
  width: auto;
}

._actions_lrevb_72 {
  display: flex;
  align-items: center;
  gap: var(--global-spacing-sm);
  position: relative;
  z-index: 10;
}

._mobileActions_lrevb_80 {
  display: flex;
  align-items: center;
  gap: var(--global-spacing-sm);
}

@media (min-width: 768px) {
  ._mobileActions_lrevb_80 {
    display: none;
  }
}

._iconButton_lrevb_92 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

._profileButton_lrevb_110 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  font-family: var(--semantic-typography-head-2xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-2xs-font-size);
  line-height: var(--semantic-typography-head-2xs-line-height);
  letter-spacing: var(--semantic-typography-head-2xs-letter-spacing);
  text-transform: uppercase;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 0 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12.5px;
  border-radius: 75px;
  background: var(--retail-avatar-avatar-container-default);
  color: var(--semantic-color-text-primary);
}._navItem_1r1wm_1 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: none;
  display: flex;
  width: 70px;
  height: 70px;
  padding: 12px 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--global-spacing-3xs);
  flex-shrink: 0;
  box-shadow: inset 0 -2px 0 0 transparent;
}
._navItem_1r1wm_1._isActive_1r1wm_28 {
  box-shadow: inset 0 -2px 0 0 var(--retail-navigation-navigation-sidebar-item-highlight-selected);
}
@media (min-width: 768px) {
  ._navItem_1r1wm_1 {
    display: flex;
    height: 48px;
    width: auto;
    flex-direction: row;
    align-self: stretch;
    align-items: center;
    justify-content: flex-start;
    padding: 0 24px;
    box-shadow: inset 2px 0 0 0 transparent;
  }
  ._navItem_1r1wm_1._isActive_1r1wm_28 {
    box-shadow: inset 2px 0 0 0 var(--retail-navigation-navigation-sidebar-item-highlight-selected);
  }
}

._iconWrapper_1r1wm_48 {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

._icon_1r1wm_48 {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  color: var(--retail-navigation-navigation-item-icon);
}
._isActive_1r1wm_28 ._icon_1r1wm_48 {
  color: var(--retail-navigation-navigation-item-icon-selected);
}

._userAvatar_1r1wm_66 {
  font-family: var(--semantic-typography-head-2xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-2xs-font-size);
  line-height: var(--semantic-typography-head-2xs-line-height);
  letter-spacing: var(--semantic-typography-head-2xs-letter-spacing);
  text-transform: uppercase;
  display: inline-flex;
  width: 32px;
  height: 32px;
  border-radius: 75px;
  align-items: center;
  justify-content: center;
  color: var(--semantic-color-text-primary);
  background: var(--retail-avatar-avatar-container-default);
  flex-shrink: 0;
}

._label_1r1wm_85 {
  display: none;
}
@media (min-width: 768px) {
  ._label_1r1wm_85 {
    font-family: var(--semantic-typography-head-2xs-font-family);
    font-weight: 400;
    font-style: normal;
    font-size: var(--semantic-typography-head-2xs-font-size);
    line-height: var(--semantic-typography-head-2xs-line-height);
    letter-spacing: var(--semantic-typography-head-2xs-letter-spacing);
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--semantic-color-text-quaternary);
    transition: opacity 150ms ease-in-out, width 300ms ease-in-out, margin 300ms ease-in-out;
    opacity: 0;
    width: 0;
    margin-left: 0;
  }
  ._label_1r1wm_85._isExpanded_1r1wm_106 {
    display: inline-flex;
    opacity: 1;
    width: auto;
    margin-left: 8px;
  }
  ._isActive_1r1wm_28 ._label_1r1wm_85 {
    color: var(--semantic-color-text-primary);
  }
}._desktopSidebar_6el9c_1 {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  overflow: hidden;
  transition: width 300ms ease-in-out;
  width: var(--omnia-sidebar-width);
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  background: var(--retail-navigation-navigation-sidebar-container);
}
@media (min-width: 768px) {
  ._desktopSidebar_6el9c_1 {
    display: flex;
  }
}
._desktopSidebar_6el9c_1._isExpanded_6el9c_21 {
  width: 236px;
  box-shadow: 4px 0 16px 0 rgba(0, 0, 0, 0.12);
}

._top_6el9c_26 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}

._header_6el9c_34 {
  display: flex;
  height: var(--omnia-sidebar-width);
  padding: 0 24px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
}

._headerButton_6el9c_43 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  position: relative;
}

._iconWrapper_6el9c_62 {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

._icon_6el9c_62 {
  position: absolute;
  transition: transform 300ms ease-in-out, opacity 300ms ease-in-out;
  color: var(--oneapp-semantic-color-icon-primary);
  aspect-ratio: 1/1;
}

._menuIcon_6el9c_79 {
  opacity: 1;
  transform: rotate(0deg);
}
._isExpanded_6el9c_21 ._menuIcon_6el9c_79 {
  opacity: 0;
  transform: rotate(90deg);
}

._closeIcon_6el9c_88 {
  opacity: 0;
  transform: rotate(-90deg);
}
._isExpanded_6el9c_21 ._closeIcon_6el9c_88 {
  opacity: 1;
  transform: rotate(0deg);
}

._closeText_6el9c_97 {
  font-family: var(--component-atoms-typography-heading-h6-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-heading-h6-font-size);
  line-height: var(--component-atoms-typography-heading-h6-line-height);
  letter-spacing: var(--component-atoms-typography-heading-h6-letter-spacing);
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--semantic-color-text-primary);
  transition: opacity 150ms ease-in-out, width 300ms ease-in-out, margin 300ms ease-in-out;
  opacity: 0;
  width: 0;
  margin-left: 0;
}
._closeText_6el9c_97._isExpanded_6el9c_21 {
  opacity: 1;
  width: auto;
  margin-left: 8px;
}

._separator_6el9c_120 {
  height: calc(var(--oneapp-global-border-width-xs) * 1px);
  margin-left: calc(var(--oneapp-global-spacing-sm) * 1px);
  margin-right: calc(var(--oneapp-global-spacing-sm) * 1px);
  flex-shrink: 0;
}

._navItemsWrapper_6el9c_127 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}

._footer_6el9c_134 {
  align-self: stretch;
  flex-shrink: 0;
}

._footerSeparator_6el9c_139 {
  height: calc(var(--oneapp-global-border-width-xs) * 1px);
  margin-left: calc(var(--oneapp-global-spacing-sm) * 1px);
  margin-right: calc(var(--oneapp-global-spacing-sm) * 1px);
  background-color: var(--oneapp-semantic-color-border-quaternary);
}

._iconButton_6el9c_146 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  height: 48px;
  align-self: stretch;
  align-items: center;
  justify-content: flex-start;
  padding: 0 24px;
  cursor: pointer;
  color: var(--semantic-color-icon-primary);
}

._label_6el9c_168 {
  display: none;
}
@media (min-width: 768px) {
  ._label_6el9c_168 {
    font-family: var(--semantic-typography-head-2xs-font-family);
    font-weight: 400;
    font-style: normal;
    font-size: var(--semantic-typography-head-2xs-font-size);
    line-height: var(--semantic-typography-head-2xs-line-height);
    letter-spacing: var(--semantic-typography-head-2xs-letter-spacing);
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--semantic-color-text-quaternary);
    transition: opacity 150ms ease-in-out, width 300ms ease-in-out, margin 300ms ease-in-out;
    opacity: 0;
    width: 0;
    margin-left: 0;
  }
  ._label_6el9c_168._isExpanded_6el9c_21 {
    display: inline-flex;
    opacity: 1;
    width: auto;
    margin-left: 8px;
  }
}._mobileNavbar_mig2a_1 {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  height: var(--omnia-navbar-height);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  background: var(--retail-navigation-navigation-tab-bar-container);
  border-top: 1px solid var(--retail-navigation-navigation-tab-bar-divider);
}
@media (min-width: 768px) {
  ._mobileNavbar_mig2a_1 {
    display: none;
  }
}._moreOptionsList_40hx0_1 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--global-spacing-lg);
  align-self: stretch;
}

._item_40hx0_13 {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
}

._button_40hx0_22 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  align-self: stretch;
  gap: var(--global-spacing-2xs);
}

._iconWrapper_40hx0_40 {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

._icon_40hx0_40 {
  color: var(--semantic-color-icon-primary);
  flex-shrink: 0;
  aspect-ratio: 1/1;
}

._label_40hx0_56 {
  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;
  color: var(--component-atoms-list-item-list-item-label-text);
}

._toggleRow_40hx0_67 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: var(--global-spacing-2xs);
  cursor: pointer;
}

._toggleTrack_40hx0_87 {
  box-sizing: border-box;
  display: flex;
  width: 48px;
  height: 24px;
  padding: 0 3px;
  justify-content: flex-start;
  align-items: center;
  border-radius: 40px;
  border: 1px solid var(--component-atoms-toggle-toggle-border-color-default);
  transition: background-color 320ms cubic-bezier(0.4, 0, 0.2, 1), border-color 320ms cubic-bezier(0.4, 0, 0.2, 1);
}
._toggleTrack_40hx0_87._isOn_40hx0_99 {
  background: var(--component-atoms-toggle-toggle-border-color-disabled);
  border-color: var(--component-atoms-toggle-toggle-border-color-disabled);
}

._toggleThumb_40hx0_104 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  border-radius: 50%;
  background: var(--component-atoms-toggle-toggle-track-color-default);
  color: var(--semantic-color-icon-inverse);
  transition: transform 320ms cubic-bezier(0.4, 0, 0.2, 1);
}
._isOn_40hx0_99 ._toggleThumb_40hx0_104 {
  transform: translateX(22px);
}._desktopMorePanel_u78lb_1 {
  display: none;
}
@media (min-width: 768px) {
  ._desktopMorePanel_u78lb_1 {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    max-width: none;
    max-height: none;
    width: auto;
    height: auto;
    color: inherit;
    overflow: visible;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: fixed;
    top: 0;
    left: var(--omnia-sidebar-width);
    height: 100%;
    z-index: 55;
    width: 410px;
    border-left: 1px solid var(--semantic-color-border-quaternary);
    background: var(--retail-navigation-navigation-sidebar-container);
    transition: all 300ms ease-in-out;
    opacity: 0;
    transform: translateX(-12px);
    pointer-events: none;
  }
  ._desktopMorePanel_u78lb_1._isOpen_u78lb_32 {
    opacity: 1;
    transform: translateX(0);
    pointer-events: auto;
  }
}

._header_u78lb_39 {
  display: flex;
  height: var(--omnia-sidebar-width);
  padding: 0 24px;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  gap: 16px;
}

._backButton_u78lb_49 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  gap: 8px;
}

._iconWrapper_u78lb_66 {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

._moreText_u78lb_76 {
  font-family: var(--component-atoms-typography-heading-h6-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-heading-h6-font-size);
  line-height: var(--component-atoms-typography-heading-h6-line-height);
  letter-spacing: var(--component-atoms-typography-heading-h6-letter-spacing);
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--semantic-color-text-primary);
}

._closeButton_u78lb_90 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

._icon_u78lb_66 {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  color: var(--semantic-color-icon-primary);
}

._content_u78lb_113 {
  padding: var(--global-spacing-lg);
  align-self: stretch;
}._card_mx48k_1 {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
  height: 75px;
  width: 100%;
  background-color: var(--oneapp-semantic-color-background-tertiary);
  padding-left: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-md) * 1px);
  flex-shrink: 0;
}

._settingsButton_mx48k_14 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: calc(var(--oneapp-global-border-radius-md) * 1px);
  border: none;
  cursor: pointer;
  background: transparent;
  flex-shrink: 0;
  margin-left: auto;
  transition: background-color 200ms;
}
._settingsButton_mx48k_14:hover {
  background-color: var(--oneapp-semantic-color-background-senary);
}

._settingsIcon_mx48k_32 {
  color: var(--oneapp-semantic-color-icon-primary);
}

._avatar_mx48k_36 {
  font-family: var(--semantic-typography-head-2xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-2xs-font-size);
  line-height: var(--semantic-typography-head-2xs-line-height);
  letter-spacing: var(--semantic-typography-head-2xs-letter-spacing);
  text-transform: uppercase;
  width: 36px;
  height: 36px;
  border-radius: 75px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--oneapp-semantic-color-text-primary);
  background-color: var(--oneapp-semantic-color-background-surface);
}

._userInfo_mx48k_55 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-4xs) * 1px);
  min-width: 0;
}

._userName_mx48k_62 {
  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;
  color: var(--oneapp-semantic-color-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._viewDetails_mx48k_76 {
  font-family: var(--component-atoms-typography-body-sm-family-primary);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-sm-font-size);
  line-height: var(--component-atoms-typography-body-sm-line-height);
  letter-spacing: var(--component-atoms-typography-body-sm-letter-spacing);
  text-decoration: underline;
  color: var(--oneapp-semantic-color-text-primary);
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
}._root_w8tx2_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
}

._srOnly_w8tx2_9 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._rows_w8tx2_21 {
  flex: 1;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding-top: calc(var(--oneapp-global-spacing-lg) * 1px);
  padding-bottom: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-left: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-md) * 1px);
}

._row_w8tx2_21 {
  display: flex;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding-top: calc(var(--oneapp-global-spacing-xs) * 1px);
  padding-bottom: calc(var(--oneapp-global-spacing-xs) * 1px);
}

._label_w8tx2_42,
._value_w8tx2_43 {
  width: 50%;
  min-width: 0;
  margin: 0;
  text-align: left;
  overflow-wrap: break-word;
}

._label_w8tx2_42 {
  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;
  padding-right: calc(var(--oneapp-global-spacing-xs) * 1px);
  color: var(--oneapp-semantic-color-text-primary);
}

._value_w8tx2_43 {
  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);
  padding-left: calc(var(--oneapp-global-spacing-xs) * 1px);
  color: var(--oneapp-semantic-color-text-primary);
}

._footer_w8tx2_74 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--oneapp-global-spacing-lg) * 1px);
  width: 100%;
  height: 70px;
  flex-shrink: 0;
  border-top: calc(var(--oneapp-global-border-width-xs) * 1px) solid var(--oneapp-component-atoms-button-tray-button-tray-border);
  box-shadow: var(--oneapp-global-shadow-xs);
  background-color: var(--oneapp-component-atoms-button-tray-button-tray-background);
}

._footerButton_w8tx2_87 {
  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;
  gap: calc(var(--oneapp-global-spacing-2xs) * 1px);
  border: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  transition: opacity 200ms;
  color: var(--oneapp-semantic-color-text-primary);
}
._footerButton_w8tx2_87:hover {
  opacity: 0.7;
}

._footerIcon_w8tx2_109 {
  flex-shrink: 0;
  color: var(--oneapp-component-atoms-button-tray-button-tray-icon);
}

._rootMobile_w8tx2_114 ._rows_w8tx2_21 {
  padding-left: 0;
  padding-right: 0;
}

._footerMobile_w8tx2_119 {
  flex-shrink: 0;
  margin-top: auto;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  padding-bottom: var(--shell-safe-bottom, 0px);
}._root_1ndt7_1 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
  width: 100%;
  max-width: 361px;
}

._title_1ndt7_9 {
  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;
  margin: 0;
  color: var(--oneapp-semantic-color-text-primary);
}

._list_1ndt7_21 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-xl) * 1px);
}

._row_1ndt7_30 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--oneapp-global-spacing-xs) * 1px);
  width: 100%;
  height: 24px;
  padding: 0;
  border: none;
  cursor: pointer;
  background: transparent;
  transition: background-color 200ms;
}
._row_1ndt7_30:hover {
  background-color: var(--oneapp-semantic-color-background-senary);
}

._rowIcon_1ndt7_47,
._chevron_1ndt7_48 {
  flex-shrink: 0;
  color: var(--oneapp-semantic-color-icon-primary);
}

._rowLabelGroup_1ndt7_53 {
  display: flex;
  align-items: center;
  gap: calc(var(--oneapp-global-spacing-2xs) * 1px);
  flex: 1;
  min-width: 0;
}

._rowLabel_1ndt7_53 {
  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;
  min-width: 0;
  text-align: left;
  color: var(--oneapp-semantic-color-text-primary);
}

._languageTag_1ndt7_74 {
  font-family: var(--semantic-typography-head-2xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-2xs-font-size);
  line-height: var(--semantic-typography-head-2xs-line-height);
  letter-spacing: var(--semantic-typography-head-2xs-letter-spacing);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  border: calc(var(--oneapp-semantic-border-width-surface-default) * 1px) solid var(--oneapp-semantic-color-border-quaternary);
  background-color: var(--oneapp-semantic-color-background-surface);
  text-transform: none;
  color: var(--oneapp-semantic-color-text-primary);
  white-space: nowrap;
  flex-shrink: 0;
}._root_ch409_1 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
  width: 100%;
  max-width: 361px;
}

._header_ch409_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--oneapp-global-spacing-xs) * 1px);
}

._title_ch409_16 {
  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;
  margin: 0;
  flex: 1;
  min-width: 0;
  color: var(--oneapp-semantic-color-text-primary);
}

._editButton_ch409_30 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-right: -6px;
  padding: 0;
  border: none;
  border-radius: calc(var(--oneapp-global-border-radius-md) * 1px);
  cursor: pointer;
  background: transparent;
  transition: background-color 200ms;
}
._editButton_ch409_30:hover {
  background-color: var(--oneapp-semantic-color-background-senary);
}

._icon_ch409_49 {
  color: var(--oneapp-semantic-color-icon-primary);
}

._details_ch409_53 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
}

._info_ch409_60 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-4xs) * 1px);
  min-width: 0;
}

._maison_ch409_67 {
  font-family: var(--component-atoms-typography-body-sm-family-primary);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-sm-font-size);
  line-height: var(--component-atoms-typography-body-sm-line-height);
  letter-spacing: var(--component-atoms-typography-body-sm-letter-spacing);
  margin: 0;
  color: var(--semantic-color-text-secondary);
}

._name_ch409_78 {
  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;
  margin: 0;
  color: var(--oneapp-semantic-color-text-primary);
}

._address_ch409_90 {
  font-family: var(--component-atoms-typography-body-sm-family-primary);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-sm-font-size);
  line-height: var(--component-atoms-typography-body-sm-line-height);
  letter-spacing: var(--component-atoms-typography-body-sm-letter-spacing);
  margin: 0;
  color: var(--oneapp-semantic-color-text-primary);
}

._defaultLabel_ch409_101 {
  font-family: var(--semantic-typography-head-2xs-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--semantic-typography-head-2xs-font-size);
  line-height: var(--semantic-typography-head-2xs-line-height);
  letter-spacing: var(--semantic-typography-head-2xs-letter-spacing);
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 6px;
  padding-right: 6px;
  border: calc(var(--oneapp-semantic-border-width-surface-default) * 1px) solid var(--oneapp-semantic-color-border-quaternary);
  background-color: var(--oneapp-semantic-color-background-surface);
  color: var(--oneapp-semantic-color-text-primary);
  white-space: nowrap;
  flex-shrink: 0;
}._root_dus4w_1 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-2xs) * 1px);
  width: 100%;
}

._label_dus4w_9 {
  font-family: var(--component-atoms-typography-heading-h6-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-heading-h6-font-size);
  line-height: var(--component-atoms-typography-heading-h6-line-height);
  letter-spacing: var(--component-atoms-typography-heading-h6-letter-spacing);
  text-transform: uppercase;
  color: var(--oneapp-component-atoms-typography-heading-h6-text-color, var(--oneapp-semantic-color-text-primary));
}

._selectWrapper_dus4w_20 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

._trigger_dus4w_27 {
  font-family: var(--component-atoms-typography-body-sm-family-primary);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-sm-font-size);
  line-height: var(--component-atoms-typography-body-sm-line-height);
  letter-spacing: var(--component-atoms-typography-body-sm-letter-spacing);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  border: none;
  border-bottom: calc(var(--oneapp-global-border-width-xs) * 1px) solid var(--oneapp-semantic-color-border-quaternary);
  cursor: pointer;
  background: transparent;
  text-align: left;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: var(--oneapp-semantic-color-text-primary);
}
._trigger_dus4w_27:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._triggerPlaceholder_dus4w_57 {
  color: var(--oneapp-component-atoms-input-shared-label-disabled-text-color);
}

._triggerOpen_dus4w_61 {
  border-bottom-color: var(--oneapp-semantic-color-border-primary);
}

._triggerLabel_dus4w_65 {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

._chevron_dus4w_73 {
  flex-shrink: 0;
  color: var(--oneapp-semantic-color-icon-primary);
  pointer-events: none;
  transition: transform 150ms ease;
}

._chevronOpen_dus4w_80 {
  transform: rotate(180deg);
}

._optionList_dus4w_84 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1;
  margin: calc(var(--oneapp-global-spacing-2xs) * 1px) 0 0;
  padding: calc(var(--oneapp-global-spacing-xs) * 1px) 0;
  list-style: none;
  max-height: 240px;
  overflow-y: auto;
  background-color: var(--oneapp-semantic-color-background-surface);
  border: calc(var(--oneapp-global-border-width-xs) * 1px) solid var(--oneapp-semantic-color-border-primary);
}

._optionItem_dus4w_99 {
  margin: 0;
  padding: 0;
}
._optionItem_dus4w_99:last-child ._option_dus4w_84 {
  border-bottom: none;
}

._option_dus4w_84 {
  font-family: var(--component-atoms-typography-body-sm-family-primary);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-body-sm-font-size);
  line-height: var(--component-atoms-typography-body-sm-line-height);
  letter-spacing: var(--component-atoms-typography-body-sm-letter-spacing);
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: calc(var(--oneapp-global-spacing-sm) * 1px) calc(var(--oneapp-global-spacing-md) * 1px);
  border: none;
  border-bottom: calc(var(--oneapp-global-border-width-xs) * 1px) solid var(--oneapp-semantic-color-border-quaternary);
  cursor: pointer;
  background: transparent;
  text-align: left;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: var(--oneapp-semantic-color-text-primary);
}
._option_dus4w_84:hover:not(:disabled) {
  background-color: var(--oneapp-semantic-color-background-quinary);
}
._option_dus4w_84:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

._optionSelected_dus4w_136 {
  background-color: var(--oneapp-semantic-color-background-quinary);
}._root_1ig9j_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
  padding-left: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-md) * 1px);
}

._srOnly_1ig9j_12 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._fields_1ig9j_24 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  gap: calc(var(--oneapp-global-spacing-lg) * 1px);
  padding-top: calc(var(--oneapp-global-spacing-lg) * 1px);
  overflow-y: auto;
}

._footer_1ig9j_34 {
  flex-shrink: 0;
  width: 100%;
  padding-bottom: calc(var(--oneapp-global-spacing-md) * 1px);
}

._applyButton_1ig9j_40 {
  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: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: none;
  padding: calc(var(--oneapp-global-spacing-xs) * 1px);
  cursor: pointer;
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: var(--oneapp-semantic-color-text-inverse);
  -webkit-text-fill-color: var(--oneapp-semantic-color-text-inverse);
  background-color: var(--oneapp-semantic-color-background-primary);
}
._applyButton_1ig9j_40:disabled {
  cursor: not-allowed;
  opacity: 1;
  color: var(--oneapp-semantic-color-text-quaternary);
  -webkit-text-fill-color: var(--oneapp-semantic-color-text-quaternary);
  background-color: var(--oneapp-semantic-color-background-quinary);
}

._rootMobile_1ig9j_72 {
  padding-left: 0;
  padding-right: 0;
}

._footerMobile_1ig9j_77 {
  flex-shrink: 0;
  margin-top: auto;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: max(var(--shell-safe-bottom, 0px), var(--oneapp-global-spacing-md) * 1px);
}._root_1wtpr_1 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
  padding-left: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-md) * 1px);
}

._srOnly_1wtpr_12 {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

._content_1wtpr_24 {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding-top: calc(var(--oneapp-global-spacing-lg) * 1px);
}

._confirmationMessage_1wtpr_32 {
  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;
  text-align: center;
  color: var(--oneapp-semantic-color-text-primary);
}

._footer_1wtpr_44 {
  flex-shrink: 0;
  width: 100%;
  padding-bottom: calc(var(--oneapp-global-spacing-md) * 1px);
}

._applyButton_1wtpr_50 {
  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: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  border: none;
  padding: calc(var(--oneapp-global-spacing-xs) * 1px);
  cursor: pointer;
  text-align: center;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  color: var(--oneapp-semantic-color-text-inverse);
  -webkit-text-fill-color: var(--oneapp-semantic-color-text-inverse);
  background-color: var(--oneapp-semantic-color-background-primary);
}
._applyButton_1wtpr_50:disabled {
  cursor: not-allowed;
  opacity: 1;
  color: var(--oneapp-semantic-color-text-quaternary);
  -webkit-text-fill-color: var(--oneapp-semantic-color-text-quaternary);
  background-color: var(--oneapp-semantic-color-background-quinary);
}

._rootMobile_1wtpr_82 {
  padding-left: 0;
  padding-right: 0;
}

._footerMobile_1wtpr_87 {
  flex-shrink: 0;
  margin-top: auto;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  box-sizing: border-box;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: max(var(--shell-safe-bottom, 0px), var(--oneapp-global-spacing-md) * 1px);
}

._searchBox_1wtpr_99 {
  display: flex;
  align-items: center;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  padding-left: calc(var(--oneapp-global-spacing-sm) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-sm) * 1px);
  border: calc(var(--oneapp-global-border-width-xs) * 1px) solid var(--oneapp-semantic-color-border-primary);
  background-color: var(--oneapp-semantic-color-background-surface);
}

._searchIcon_1wtpr_112 {
  flex-shrink: 0;
  color: var(--oneapp-semantic-color-border-primary);
}

._searchInput_1wtpr_117 {
  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);
  flex: 1;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
  text-transform: none;
  color: var(--oneapp-semantic-color-text-primary);
}
._searchInput_1wtpr_117::-moz-placeholder {
  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;
  color: var(--oneapp-semantic-color-text-quaternary);
  text-transform: uppercase;
}
._searchInput_1wtpr_117::placeholder {
  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;
  color: var(--oneapp-semantic-color-text-quaternary);
  text-transform: uppercase;
}

._languageList_1wtpr_147 {
  list-style: none;
  margin: calc(var(--oneapp-global-spacing-md) * 1px) 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-md) * 1px);
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}

._languageRow_1wtpr_159 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
  width: 100%;
  padding: 0;
  border: none;
  cursor: pointer;
  background: transparent;
  text-align: left;
}

._languageLabel_1wtpr_172 {
  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);
  min-width: 0;
  color: var(--oneapp-semantic-color-text-primary);
}

._checkIcon_1wtpr_183 {
  flex-shrink: 0;
  color: var(--oneapp-semantic-color-icon-primary);
}._root_9885f_1 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

._header_9885f_9 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 64px;
  padding-left: calc(var(--oneapp-global-spacing-sm) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-sm) * 1px);
  flex-shrink: 0;
}

._title_9885f_19 {
  font-family: var(--component-atoms-typography-heading-h6-font-family);
  font-weight: 400;
  font-style: normal;
  font-size: var(--component-atoms-typography-heading-h6-font-size);
  line-height: var(--component-atoms-typography-heading-h6-line-height);
  letter-spacing: var(--component-atoms-typography-heading-h6-letter-spacing);
  text-transform: uppercase;
  color: var(--oneapp-component-atoms-typography-heading-h6-text-color, var(--oneapp-semantic-color-text-primary));
  text-align: center;
  flex: 1;
}

._backButton_9885f_32,
._closeButton_9885f_33 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: calc(var(--oneapp-global-border-radius-md) * 1px);
  border: none;
  cursor: pointer;
  background: transparent;
  flex-shrink: 0;
  transition: background-color 200ms;
}
._backButton_9885f_32:hover,
._closeButton_9885f_33:hover {
  background-color: var(--oneapp-semantic-color-background-senary);
}

._icon_9885f_51 {
  color: var(--oneapp-semantic-color-icon-primary);
}

._separator_9885f_55 {
  height: calc(var(--oneapp-global-border-width-xs) * 1px);
  margin-left: calc(var(--oneapp-global-spacing-sm) * 1px);
  margin-right: calc(var(--oneapp-global-spacing-sm) * 1px);
  background-color: var(--oneapp-semantic-color-border-quaternary);
  flex-shrink: 0;
}

._content_9885f_63 {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-left: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-bottom: calc(var(--oneapp-global-spacing-md) * 1px);
}

._section_9885f_74 {
  margin-top: calc(var(--oneapp-global-spacing-lg) * 1px);
}

._accountCardWrapper_9885f_78 {
  width: 361px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  flex-shrink: 0;
}

._overviewRows_9885f_86 {
  display: flex;
  flex-direction: column;
  padding-top: calc(var(--oneapp-global-spacing-lg) * 1px);
}

._overviewRow_9885f_86 {
  display: flex;
  align-items: center;
  gap: calc(var(--oneapp-global-spacing-sm) * 1px);
  padding-top: calc(var(--oneapp-global-spacing-xs) * 1px);
  padding-bottom: calc(var(--oneapp-global-spacing-xs) * 1px);
  padding-left: calc(var(--oneapp-global-spacing-md) * 1px);
  padding-right: calc(var(--oneapp-global-spacing-md) * 1px);
  width: 100%;
  background: transparent;
  border: none;
  text-align: left;
  cursor: default;
}
._overviewRow_9885f_86[type=button] {
  cursor: pointer;
  transition: background-color 200ms;
}
._overviewRow_9885f_86[type=button]:hover {
  background-color: var(--oneapp-semantic-color-background-senary);
}

._overviewRowIcon_9885f_114 {
  flex-shrink: 0;
  color: var(--oneapp-semantic-color-icon-primary);
}

._overviewRowText_9885f_119 {
  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;
  color: var(--oneapp-semantic-color-text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  max-width: 249px;
}

._rootMobile_9885f_135 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 16px;
  box-sizing: border-box;
  overflow: hidden;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  text-align: left;
}
._rootMobile_9885f_135 ._header_9885f_9 {
  height: auto;
  min-height: 64px;
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
  flex-shrink: 0;
}
._rootMobile_9885f_135 ._title_9885f_19 {
  min-width: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
._rootMobile_9885f_135 ._accountCardWrapper_9885f_78 {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  flex-shrink: 0;
}
._rootMobile_9885f_135 ._overviewRows_9885f_86 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-top: calc(var(--oneapp-global-spacing-lg) * 1px);
}
._rootMobile_9885f_135 ._overviewRow_9885f_86 {
  min-width: 0;
  padding-left: 0;
  padding-right: 0;
}
._rootMobile_9885f_135 ._overviewRowText_9885f_119 {
  max-width: none;
  white-space: normal;
  overflow-wrap: break-word;
}
._rootMobile_9885f_135 ._content_9885f_63 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}

._rootMobileSubPage_9885f_201 {
  padding-bottom: 0;
}
._rootMobileSubPage_9885f_201 > section,
._rootMobileSubPage_9885f_201 > ._subPage_9885f_205 {
  flex: 1;
  min-height: 0;
}

._subPage_9885f_205 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

._rootMobileAccountDetails_9885f_219 {
  padding-top: 0;
  padding-bottom: 0;
}
._rootMobileAccountDetails_9885f_219 ._mobileAccountDetailsLayout_9885f_223 {
  flex: 1;
  min-height: 0;
}

._mobileAccountDetailsLayout_9885f_223 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  margin-left: -16px;
  margin-right: -16px;
  width: calc(100% + 32px);
  overflow: hidden;
}

._mobileAccountDetailsBackdrop_9885f_240 {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}

._mobileAccountDetailsBackdropContent_9885f_247 {
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

._mobileAccountDetailsOverlay_9885f_256 {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}

._mobileAccountDetailsSheet_9885f_263 {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 605px;
  margin-top: auto;
  overflow: hidden;
  box-sizing: border-box;
  background-color: var(--oneapp-semantic-color-background-surface);
  border-top: 6px solid var(--oneapp-component-atoms-modal-modal-highlight);
}
._mobileAccountDetailsSheet_9885f_263 > section {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

._mobileAccountDetailsSheetHeader_9885f_284 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
  min-height: 64px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

._mobileAccountDetailsSheetTitle_9885f_296 {
  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;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 64px);
  margin: 0;
  padding: 0;
  text-align: center;
  color: var(--oneapp-component-atoms-typography-heading-h5-text-color, var(--oneapp-semantic-color-text-primary));
}

._mobileAccountDetailsSheetClose_9885f_314 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  flex-shrink: 0;
}

._mobileAccountDetailsSheetDivider_9885f_327 {
  flex-shrink: 0;
  height: 1px;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  background-color: var(--oneapp-semantic-color-border-quaternary);
}._root_160oy_1 {
  display: none;
  position: fixed;
  top: 0;
  left: var(--omnia-sidebar-width);
  height: 100%;
  z-index: 45;
  flex-direction: column;
  width: 410px;
  background: var(--oneapp-semantic-color-background-surface);
  box-shadow: var(--oneapp-global-shadow-xl);
  border: none;
  margin: 0;
  padding: 0;
  max-width: none;
  max-height: none;
  border-left: calc(var(--oneapp-global-border-width-xs) * 1px) solid var(--oneapp-semantic-color-border-quaternary);
  border-right: calc(var(--oneapp-global-border-width-xs) * 1px) solid var(--oneapp-semantic-color-border-quaternary);
  transition: all 300ms ease-in-out;
  opacity: 0;
  transform: translateX(-12px);
  pointer-events: none;
}
@media (min-width: 768px) {
  ._root_160oy_1 {
    display: flex;
  }
}
._root_160oy_1._isOpen_160oy_29 {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}._root_v4yln_1 {
  position: fixed;
  top: var(--omnia-header-height);
  right: 0;
  bottom: var(--omnia-navbar-height);
  left: 0;
  z-index: 49;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: calc(100dvh - var(--omnia-header-height) - var(--omnia-navbar-height));
  min-height: calc(100dvh - var(--omnia-header-height) - var(--omnia-navbar-height));
  background: var(--oneapp-semantic-color-background-surface);
  border: none;
  margin: 0;
  padding: 0;
  max-width: 100%;
  max-height: none;
  transition: opacity 300ms ease-in-out;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
  overflow-x: hidden;
}
@media (min-width: 768px) {
  ._root_v4yln_1 {
    display: none;
  }
}
._root_v4yln_1._isOpen_v4yln_30 {
  opacity: 1;
  pointer-events: auto;
}

._coversNav_v4yln_35 {
  bottom: 0;
  z-index: 51;
  height: calc(100dvh - var(--omnia-header-height));
  min-height: calc(100dvh - var(--omnia-header-height));
}

._panel_v4yln_42 {
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  overflow-x: hidden;
}._mobileMorePanel_1ifwd_1 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  max-width: none;
  max-height: none;
  width: auto;
  height: auto;
  color: inherit;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  background: var(--semantic-color-background-surface);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.2);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 51;
  width: 100%;
  max-width: none;
  max-height: none;
  transition: all 300ms ease-in-out;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
}
._mobileMorePanel_1ifwd_1._isOpen_1ifwd_31 {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
@media (min-width: 768px) {
  ._mobileMorePanel_1ifwd_1 {
    display: none;
  }
}

._header_1ifwd_42 {
  height: 60px;
  padding: 0 var(--spacing-sm, 12px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 10px;
  border-top: 6px solid var(--component-atoms-modal-modal-highlight);
  border-bottom: 1px solid var(--semantic-color-border-quaternary);
  background: var(--component-atoms-modal-modal-background);
}

._title_1ifwd_55 {
  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;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: var(--component-atoms-modal-nodal-title-text);
  text-align: center;
}

._closeButton_1ifwd_71 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-align: inherit;
  outline: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

._iconWrapper_1ifwd_88 {
  display: flex;
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  position: relative;
  flex-shrink: 0;
}

._icon_1ifwd_88 {
  flex-shrink: 0;
  aspect-ratio: 1/1;
  color: var(--component-atoms-modal-nodal-icon);
}

._content_1ifwd_104 {
  padding: var(--global-spacing-md);
  align-self: stretch;
}._container_gu3ih_1 {
  padding-bottom: var(--omnia-navbar-height);
}
@media (min-width: 768px) {
  ._container_gu3ih_1 {
    padding-left: var(--omnia-sidebar-width);
    padding-bottom: 0;
  }
}

._main_gu3ih_11 {
  padding: 0 var(--global-spacing-sm);
}
@media (min-width: 768px) {
  ._main_gu3ih_11 {
    padding: 0 80px 0 20px;
  }
}
@media (min-width: 1200px) {
  ._main_gu3ih_11 {
    padding: 0 120px 0 36px;
  }
}._errorState_49r1j_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* TODO: replace with design token */
  min-height: 100vh;
}

._errorCode_49r1j_10 {
  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 0 calc(var(--oneapp-global-spacing-md, 16) * 1px);
}

._errorMessage_49r1j_21 {
  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;
}._root_zb8v1_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; /* Fallback for older browsers */
  height: 100svh;
  width: 100%;
  max-width: 100%;
  background-color: var(--color-background);
}

._container_zb8v1_12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--oneapp-global-spacing-3xl) * 1px);
}

._logo_zb8v1_19 {
  height: calc(var(--oneapp-global-spacing-xl) * 1px);
  width: auto;
}

._loginButton_zb8v1_24 {
  min-width: 240px;
  height: calc(var(--oneapp-global-spacing-4xl) * 1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}._container_1yw45_1 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-lg) * 1px);
  padding: calc(var(--oneapp-global-spacing-xl) * 1px);
}

._skeleton_1yw45_8 {
  height: 128px;
  width: 100%;
  border-radius: calc(var(--oneapp-global-border-radius-lg) * 1px);
}._container_aef6p_1 {
  display: flex;
  flex-direction: column;
  gap: calc(var(--oneapp-global-spacing-md) * 1px);
  padding: calc(var(--oneapp-global-spacing-xl) * 1px);
}

._skeleton_aef6p_8 {
  height: 80px;
  width: 100%;
  border-radius: calc(var(--oneapp-global-border-radius-lg) * 1px);
}._page_58dq8_1 {
  display: flex;
  /* TODO: replace with design token */
  min-height: 60vh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--oneapp-global-spacing-md, 16) * 1px);
  color: var(--semantic-color-text-primary);
}

._icon_58dq8_12 {
  opacity: 0.3;
}

._title_58dq8_16 {
  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;
}

._subtitle_58dq8_27 {
  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;
  opacity: 0.6;
}._container_1xp0e_1 {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: calc(var(--oneapp-global-spacing-xl) * 1px);
  padding: calc(var(--oneapp-global-spacing-xl) * 1px);
}
@media (min-width: 768px) {
  ._container_1xp0e_1 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 990px) {
  ._container_1xp0e_1 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

._skeleton_1xp0e_18 {
  height: 256px;
  width: 100%;
  border-radius: calc(var(--oneapp-global-border-radius-lg) * 1px);
}