._container_e28ph_1 {
    width: 100%;
    margin: 0 auto;
    padding: var(--spacing-regular) var(--spacing-tight);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
}

._fullHeight_e28ph_11 {
    min-height: 100vh;
}

._background_e28ph_15 {
    background-image:
        linear-gradient(0deg, white 0%, transparent 10%), url('./background.png');
}

._background-heuts_e28ph_20 {
    background: #f0f4f5;
    background: linear-gradient(180deg, rgba(240, 244, 245, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

@media (width >= 1024px) {
    ._container_e28ph_1 {
        padding: var(--spacing-wide) var(--spacing-regular);
    }
}
._container_1gk2r_1 {
    width: 100%;
    max-width: 80rem;
}
._overlay_mjmz6_1 {
    width: 100%;
    height: 100%;
    background: rgb(255 255 255 / 100%);
    opacity: 0.8;
    position: absolute;
    z-index: 9999;
}

._indicator_mjmz6_10 {
    width: 100%;
    height: 100%;
    background-position: 50% 25%;
    background-repeat: no-repeat;
    background-size: 12rem;
    position: absolute;
    z-index: 9999;
}
:root {
    --background-primary: var(--color-primary);
    --background-success: var(--color-green);
    --background-danger: var(--color-red);
    --background-info: var(--color-blue);
    --background-white: var(--color-white);
    --background-black: var(--color-black);
    --background-transparent: transparent;
    --background-grey-light: var(--color-grey-light);
}
/* stylelint-disable custom-property-pattern */
:root {
    /* Font family */

    --default-font-family: poppins, helvetica, arial, system-ui, sans-serif;
    --default-heading-font-family: typpo, helvetica, arial, system-ui, sans-serif;
    --typography-font-family-preLoad: helvetica, arial, system-ui, sans-serif;
    --typography-font-family: var(--typography-font-family-base, var(--default-font-family));
    --typography-heading-font-family-preLoad: helvetica, arial, system-ui, sans-serif;
    --typography-heading-font-family: var(--typography-heading-font-family-base, var(--default-heading-font-family));

    /* Font size */
    --typography-text-size-xxs: 0.625rem;
    --typography-text-size-xs: 0.75rem;
    --typography-text-size-s: 0.875rem;
    --typography-text-size-m: 1rem;
    --typography-text-size-l: 1.125rem;
    --typography-text-size-xl: 1.25rem;
    --typography-text-size-xxl: 1.5rem;

    /* Heading size */
    --typography-heading-size-xl: 3rem;
    --typography-heading-size-l: 2.5rem;
    --typography-heading-size-m: 2rem;
    --typography-heading-size-s: 1.5rem;
    --typography-heading-size-xs: 1.25rem;
    --typography-heading-size-xxs: 1rem;

    /* line height */
    --typography-line-height-tight: 1.1em;
    --typography-line-height-base: 1.5em;
    --typography-line-height-wide: 1.8em;

    /* Text color */
    --typography-text-color-default: var(--color-black);
    --typography-text-color-yellow: var(--color-yellow);
    --typography-text-color-primary: var(--color-primary);
    --typography-text-color-success: var(--color-green);
    --typography-text-color-danger: var(--color-red);
    --typography-text-color-info: var(--color-blue);

    /* Font weight */
    --typography-text-weight-light: 300;
    --typography-text-weight-normal: 400;
    --typography-text-weight-medium: 500;
    --typography-text-weight-semibold: 600;
    --typography-text-weight-bold: 700;
}

/* stylelint-enable custom-property-pattern */
:root {
    /* Base */
    --color-black-h: 189;
    --color-black-s: 9%;
    --color-black-l: 23%;
    --color-black: hsl(var(--color-black-h) var(--color-black-s) var(--color-black-l));
    --color-white-off-h: 0;
    --color-white-off-s: 0%;
    --color-white-off-l: 99%;
    --color-white-off: hsl(var(--color-white-off-h) var(--color-white-off-s) var(--color-white-off-l));
    --color-white-h: 0;
    --color-white-s: 0%;
    --color-white-l: 100%;
    --color-white: hsl(var(--color-white-h) var(--color-white-s) var(--color-white-l));

    /* Colors */
    --color-primary-h: var(--color-primary-h-base, 49);
    --color-primary-s: var(--color-primary-s-base, 100%);
    --color-primary-l: var(--color-primary-l-base, 50%);
    --color-primary-contrast-h: var(--color-primary-contrast-h-base, 0);
    --color-primary-contrast-s: var(--color-primary-contrast-s-base, 0%);
    --color-primary-contrast-l: var(--color-primary-contrast-l-base, 0%);
    --color-primary: hsl(var(--color-primary-h) var(--color-primary-s) var(--color-primary-l));
    --color-primary-contrast: hsl(var(--color-primary-contrast-h) var(--color-primary-contrast-s) var(--color-primary-contrast-l));
    --color-red-h: 357;
    --color-red-s: 87%;
    --color-red-l: 65%;
    --color-red: hsl(var(--color-red-h) var(--color-red-s) var(--color-red-l));
    --color-yellow-h: 49;
    --color-yellow-s: 100%;
    --color-yellow-l: 50%;
    --color-yellow: hsl(var(--color-yellow-h) var(--color-yellow-s) var(--color-yellow-l));
    --color-green-h: 154;
    --color-green-s: 80%;
    --color-green-l: 37%;
    --color-green: hsl(var(--color-green-h) var(--color-green-s) var(--color-green-l));
    --color-moss-h: 87;
    --color-moss-s: 43%;
    --color-moss-l: 52%;
    --color-moss: hsl(var(--color-moss-h) var(--color-moss-s) var(--color-moss-l));
    --color-blue-h: 203;
    --color-blue-s: 93%;
    --color-blue-l: 59%;
    --color-blue: hsl(var(--color-blue-h) var(--color-blue-s) var(--color-blue-l));
    --color-grey-h: 200;
    --color-grey-s: 3%;
    --color-grey-l: 72%;
    --color-grey: hsl(var(--color-grey-h) var(--color-grey-s) var(--color-grey-l));

    /* Hover */
    --color-primary-hover: hsl(var(--color-primary-h, 49) var(--color-primary-s, 100%) 60%);
    --color-yellow-hover: hsl(var(--color-yellow-h) var(--color-yellow-s) 60%);
    --color-red-hover: hsl(var(--color-red-h) var(--color-red-s) 70%);
    --color-green-hover: hsl(var(--color-green-h) var(--color-green-s) 47%);
    --color-blue-hover: hsl(var(--color-blue-h) var(--color-blue-s) 67%);

    /* Lights */
    --color-primary-light: hsl(var(--color-primary-h, 49) var(--color-primary-s, 100%) 85%);
    --color-red-light: hsl(var(--color-red-h) var(--color-red-s) 95%);
    --color-yellow-light: hsl(var(--color-yellow-h) var(--color-yellow-s) 85%);
    --color-green-light: hsl(var(--color-green-h) var(--color-green-s) 90%);
    --color-moss-light: hsl(var(--color-moss-h) var(--color-moss-s) 90%);
    --color-blue-light: hsl(var(--color-blue-h) var(--color-blue-s) 90%);
    --color-grey-light: hsl(var(--color-grey-h) var(--color-grey-s) 89%);
    --color-grey-lighter: hsl(var(--color-grey-h) var(--color-grey-s) 96%);

    /* Darks */
    --color-primary-dark: hsl(var(--color-primary-h, 49) var(--color-primary-s, 100%) 23%);
    --color-red-dark: hsl(var(--color-red-h) var(--color-red-s) 24%);
    --color-yellow-dark: hsl(var(--color-yellow-h) var(--color-yellow-s) 23%);
    --color-green-dark: hsl(var(--color-green-h) var(--color-green-s) 18%);
    --color-moss-dark: hsl(var(--color-moss-h) var(--color-moss-s) 17%);
    --color-blue-dark: hsl(var(--color-blue-h) var(--color-blue-s) 26%);
    --color-grey-darker: hsl(var(--color-grey-h) var(--color-grey-s) 39%);
    --color-grey-dark: hsl(var(--color-grey-h) var(--color-grey-s) 56%);

    /* Opacity */
    --color-black-opacity: hsla(var(--color-black-h) var(--color-black-s) var(--color-black-l) / 31%);
}
:root {
    --border-primary: 1px solid var(--color-primary);
    --border-default: 1px solid var(--color-grey-light);
    --border-success: 1px solid var(--color-green);
    --border-danger: 1px solid var(--color-red);
    --border-focus: 1px solid var(--color-blue);
    --border-info: 1px solid var(--color-blue);
    --border-invisible: 1px solid transparent;
    --border-white: 1px solid var(--color-white);
}
:root {
    --margin-auto: auto;
    --margin-none: 0;
    --margin-px: 1px;
    --margin-x-tight: 0.25rem;
    --margin-tight: 0.5rem;
    --margin-regular: 1rem;
    --margin-medium: 1.5rem;
    --margin-wide: 2rem;
    --margin-x-wide: 4rem;
}
:root {
    --padding-auto: auto;
    --padding-none: 0;
    --padding-px: 1px;
    --padding-x-tight: 0.25rem;
    --padding-tight: 0.5rem;
    --padding-regular: 1rem;
    --padding-medium: 1.5rem;
    --padding-wide: 2rem;
    --padding-x-wide: 4rem;
}
:root {
    --radius-none: 0;
    --radius-sharp: 0.125rem;
    --radius-medium: 0.25rem;
    --radius-soft: 0.375rem;
    --radius-full: 100%;
    --radius-avatar: 100%;
    --radius-50: 50%;
}
:root {
    --shadow-low: 0 2px 5px 0 rgb(0 0 0 / 10%);
    --shadow-mid: 0 5px 9px 0 rgb(0 0 0 / 15%);
    --shadow-high: 0 7px 16px 0 rgb(0 0 0 / 15%);
    --shadow-input: inset 0 1px 1px rgb(var(--color-black) 0.075);
    --shadow-none: none;
    --shadow-search: 0 0 0 0.2rem #e2f3fe;
}
:root {
    --width-full: 100%;
    --width-0: 0;
    --width-16: 1rem;
    --width-32: 2rem;
    --width-24: 1.5rem;
    --width-50: 3.125rem;
    --width-64: 4rem;
    --width-128: 8rem;
    --width-256: 16rem;
}
:root {
    --z-index-modal: 999;
}
:root {
    --spacing-auto: auto;
    --spacing-none: 0;
    --spacing-px: 1px;
    --spacing-x-tight: 0.25rem;
    --spacing-tight: 0.5rem;
    --spacing-regular: 1rem;
    --spacing-medium: 1.5rem;
    --spacing-wide: 2rem;
    --spacing-x-wide: 4rem;
}
._button_8obko_1 {
    font-family: var(--typography-font-family);
    font-size: var(--typography-text-size-s);
    font-weight: var(--typography-text-weight-normal);
    border: none;
    border-radius: var(--radius-soft);
    cursor: pointer;
    display: inline-block;
    line-height: 1;
    color: var(--color-black);
}

._buttonFull_8obko_13 {
    width: 100% !important;
}

._buttonRadius__none_8obko_17 {
    border-radius: unset;
}

._buttonRadius__soft_8obko_21 {
    border-radius: var(--radius-soft);
}

._buttonRadius__medium_8obko_25 {
    border-radius: var(--radius-medium);
}

._buttonRadius__sharp_8obko_29 {
    border-radius: var(--radius-sharp);
}

._buttonRadius__full_8obko_33 {
    border-radius: var(--radius-avatar);
}

._button__disabled_8obko_37 {
    color: var(--color-grey-light);
    cursor: not-allowed !important;
    background-color: var(--color-white);
    border: var(--border-default) !important;
}

._button__primary_8obko_44 {
    background-color: var(--color-primary);
    color: var(--color-primary-contrast);
}

._button__primary_8obko_44:hover {
    background-color: var(--color-primary-hover);
}

._button__outline_8obko_53 {
    background-color: var(--color-white);
    border: var(--border-default) !important;
}

._button__outline_8obko_53:hover {
    background-color: var(--color-grey-lighter);
}

._button__clear_8obko_62 {
    background-color: rgb(0 0 0 / 0%);
    border: none !important;
}

._button__clear_8obko_62:hover {
    background-color: var(--color-grey-lighter);
}

._button__danger_8obko_71 {
    background-color: var(--color-red);
    color: var(--color-white);
    border: none !important;
}

._button__danger_8obko_71:hover {
    background-color: var(--color-red-hover);
}

._button__success_8obko_81 {
    background-color: var(--color-green);
    color: var(--color-white);
    border: none !important;
}

._button__success_8obko_81:hover {
    background-color: var(--color-green-hover);
}

._button__info_8obko_91 {
    background-color: var(--color-blue);
    color: var(--color-white);
    border: none !important;
}

._button__info_8obko_91:hover {
    background-color: var(--color-blue-hover);
}

._button__xxs_8obko_101 {
    font-size: var(--typography-text-size-xxs);
    font-weight: var(--typography-text-weight-light);
    padding: var(--padding-x-tight) var(--padding-x-tight);
}

._button__xs_8obko_107 {
    font-size: var(--typography-text-size-xs);
    font-weight: var(--typography-text-weight-normal);
    padding: var(--padding-tight) var(--padding-tight);
}

._button__s_8obko_81 {
    font-size: var(--typography-text-size-s) !important;
    font-weight: var(--typography-text-weight-medium);
    padding: var(--padding-regular) var(--padding-regular);
}

._button__m_8obko_119 {
    font-size: var(--typography-text-size-s) !important;
    font-weight: var(--typography-text-weight-semibold);
    padding: var(--padding-regular) var(--padding-medium);
}

._button__l_8obko_125 {
    font-size: var(--typography-text-size-m) !important;
    font-weight: var(--typography-text-weight-bold);
    padding: var(--padding-medium) var(--padding-wide);
}

._button__xl_8obko_131 {
    font-size: var(--typography-text-size-l) !important;
    font-weight: var(--typography-text-weight-bold);
    padding: var(--padding-medium) var(--padding-x-wide);
}

._button__iconLeft_8obko_137 > i {
    margin-right: var(--margin-x-tight);
}

._button__iconRight_8obko_141 > i {
    margin-left: var(--margin-x-tight);
}
[data-icon]::before {
    content: attr(data-icon);
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: ycon, sans-serif !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    speak: none;
    text-transform: none !important;
}

[class^="icon-"]::before,
[class*=" icon-"]::before {
    display: block;
    /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */
    font-family: ycon, sans-serif !important;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    speak: none;
    text-transform: none !important;
}

._icon_dikma_28 {
    vertical-align: middle;
    font-size: 1.25em;
    text-align: center;
    text-decoration: none !important;
    display: inline-block;
}

._icon-xxs_dikma_36 {
    font-size: 0.75rem;
    min-width: 12px;
}

._icon-xs_dikma_41 {
    font-size: 0.875rem;
    min-width: 14px;
}

._icon-s_dikma_46 {
    font-size: 1.125rem;
    min-width: 16px;
}

._icon-m_dikma_51 {
    font-size: 1.25rem;
    min-width: 20px;
}

._icon-l_dikma_56 {
    font-size: 1.5rem;
    min-width: 24px;
}

._icon-xl_dikma_61 {
    font-size: 1.75rem;
    min-width: 28px;
}

._icon-xxl_dikma_66 {
    font-size: 2rem;
    min-width: 32px;
}

._icon-jumbo_dikma_71 {
    font-size: 2.5rem;
}

._icon-end_dikma_75 {
    float: right;
    width: 0;
}

._icon-end_dikma_75::before {
    float: right;
}

._icon__before_dikma_84 {
    margin-right: 0.25em;
}

._icon__after_dikma_88 {
    margin-left: 0.25em;
}

._icon-loading_dikma_92 {
    animation: _rotating_dikma_1 1s linear infinite;
}
._inputLabelText_fnb7i_1 {
    font-family: var(--typography-font-family);
    font-size: var(--typography-text-size-xs);
    font-weight: var(--typography-text-weight-semibold);
    letter-spacing: .02em;
    line-height: 1.5em;
    margin-bottom: var(--margin-x-tight);
}

._inputInput_fnb7i_10 {
    width: 100%;
    height: 3.125rem;
    background-clip: padding-box;
    background-color: var(--color-white);
    border: var(--border-default);
    border-radius: var(--radius-sharp);
    color: var(--color-grey-darker);
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    padding: var(--padding-tight) var(--padding-regular);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

._inputInput_fnb7i_10:focus {
    border-color: var(--color-blue);
    box-shadow: var(--shadow-search);
    outline: 0;
}

._input__valid_fnb7i_31 {
    border: var(--border-success);
}

._input__invalid_fnb7i_35 {
    border: var(--border-danger);
}

._asterisk_fnb7i_39 {
    color: var(--color-blue);
    font-size: var(--typography-text-size-xs);
    top: -0.25rem;
}
._base_1ge02_1 {
    font-family: var(--typography-font-family);
    line-height: var(--typography-line-height-base);
    color: var(--color-black);
    white-space: pre-line;
}

._heading_1ge02_8 {
    font-family: var(--typography-heading-font-family);
    font-weight: var(--typography-text-weight-semibold);
    margin: 0 0 var(--margin-regular);
    color: var(--color-black);
    white-space: pre-line;
}

._heading1_1ge02_16 {
    font-size: var(--typography-heading-size-xl);
    font-weight: var(--typography-text-weight-semibold);
    line-height: var(--typography-line-height-wide);
}

._heading2_1ge02_22 {
    font-size: var(--typography-heading-size-l);
    line-height: var(--typography-line-height-wide);
}

._heading3_1ge02_27 {
    font-size: var(--typography-heading-size-m);
    line-height: var(--typography-line-height-base);
}

._heading4_1ge02_32 {
    font-size: var(--typography-heading-size-s);
    line-height: var(--typography-line-height-base);
    margin-bottom: var(--margin-tight);
}

._heading5_1ge02_38 {
    font-size: var(--typography-heading-size-xs);
    line-height: var(--typography-line-height-tight);
    margin-bottom: var(--margin-tight);
}

._heading6_1ge02_44 {
    font-size: var(--typography-heading-size-xxs);
    line-height: var(--typography-line-height-tight);
    margin-bottom: var(--margin-tight);
}

._pageTitle_1ge02_50 {
    font-size: var(--typography-heading-size-m);
    line-height: var(--typography-line-height-tight);
}

._address_1ge02_55 {
    margin-bottom: var(--margin-x-tight);
}

._paragraph_1ge02_59 {
    margin-bottom: var(--margin-tight);
    margin-top: 0;
}

._gutterBottom_1ge02_64 {
    margin-bottom: var(--margin-x-tight);
}

._noWrap_1ge02_68 {
    white-space: nowrap !important;
}

._preWrap_1ge02_72 {
    white-space: pre-wrap !important;
}

._noMargin_1ge02_76 {
    margin: 0;
}

._default_1ge02_80 {
    color: var(--color-black);
}

._success_1ge02_84 {
    color: var(--color-green);
}

._danger_1ge02_88 {
    color: var(--color-red);
}

._info_1ge02_92 {
    color: var(--color-blue);
}

._light_1ge02_96 {
    color: var(--color-grey-darker);
}

._lighter_1ge02_100 {
    color: var(--color-grey-dark);
}

._size__xxs_1ge02_104 {
    font-size: var(--typography-text-size-xxs);
}

._size__xs_1ge02_108 {
    font-size: var(--typography-text-size-xs);
}

._size__s_1ge02_112 {
    font-size: var(--typography-text-size-s);
}

._size__m_1ge02_116 {
    font-size: var(--typography-text-size-m);
}

._size__l_1ge02_120 {
    font-size: var(--typography-text-size-l);
}

._size__xl_1ge02_124 {
    font-size: var(--typography-text-size-xl);
}

._weight__light_1ge02_128 {
    font-weight: var(--typography-text-weight-light);
}

._weight__normal_1ge02_132 {
    font-weight: var(--typography-text-weight-normal);
}

._weight__medium_1ge02_136 {
    font-weight: var(--typography-text-weight-medium);
}

._weight__semibold_1ge02_140 {
    font-weight: var(--typography-text-weight-semibold);
}

._weight__bold_1ge02_144 {
    font-weight: var(--typography-text-weight-bold);
}

._lineHeight__tight_1ge02_148 {
    line-height: var(--typography-line-height-tight);
}

._lineHeight__base_1ge02_152 {
    line-height: var(--typography-line-height-base);
}

._lineHeight__wide_1ge02_156 {
    line-height: var(--typography-line-height-wide);
}

._align__left_1ge02_160 {
    text-align: left;
}

._align__center_1ge02_164 {
    text-align: center;
}

._align__right_1ge02_168 {
    text-align: right;
}
._card_1wcp1_1 {
    background-color: var(--color-white);
    border-radius: var(--radius-soft);
    margin-bottom: var(--margin-tight);
    display: flex;
    flex-direction: column;
}

._card__outlined_1wcp1_9 {
    border: 1px solid var(--color-grey-light);
}

._card__shadow__none_1wcp1_13{
    box-shadow: none;
}

._card__shadow__low_1wcp1_17 {
    box-shadow: var(--shadow-low);
}

._card__shadow__mid_1wcp1_21 {
    box-shadow: var(--shadow-mid);
}

._card__shadow__high_1wcp1_25 {
    box-shadow: var(--shadow-high);
}

._card__noMargin_1wcp1_29 {
    margin-bottom: 0;
}

@media (width >= 768px) {
    ._card_1wcp1_1 {
        margin-bottom: var(--margin-regular);
    }
}
._cardContent_1t4bv_1 {
    display: block;
    padding: var(--padding-tight) var(--padding-tight);
}

._cardContent__noPadding_1t4bv_6 {
    padding: 0;
}

._cardContent__noHorizontalPadding_1t4bv_10 {
    padding: var(--padding-tight) 0;
}

@media (width >= 768px) {
    ._cardContent_1t4bv_1 {
        padding: var(--padding-regular) var(--padding-regular);
    }

    ._cardContent__noHorizontalPadding_1t4bv_10 {
        padding: var(--padding-regular) 0;
    }
}
._image_xfaco_1 {
    border-radius: var(--radius-50);
}

._size__small_xfaco_5 {
    height: 32px;
}

._size__medium_xfaco_9 {
    height: 48px;
}

._size__large_xfaco_13 {
    height: 64px;
}

._marker_1ni4z_1 {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
._pageTitle_1en3p_1 {
    text-align: center;
}
._alert_t8nft_1 {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    border-radius: var(--radius-soft);
    border: var(--border-default);
    padding: var(--padding-tight);
}

._alertIcon_t8nft_10 {
    display: flex;
    align-items: center;
    justify-content: center;
}

._alertText_t8nft_16 {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

._alert__info_t8nft_22 {
    background-color: var(--color-blue-light);
    border: var(--color-blue-light);
}

._alert__error_t8nft_27 {
    background-color: var(--color-red-light);
    border: var(--color-red-light);
}

._alert__success_t8nft_32 {
    background-color: var(--color-green-light);
    border: var(--color-green-light);
}
._multi-steps_2w22y_1 {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

._step_2w22y_10 {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: auto;
    flex-shrink: 0;
    padding-top: 2em;
    color: var(--color-grey-light);
    font-size: var(--typography-text-size-xs);
}

._step-label_2w22y_22 {
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    width: auto;
    text-align: center;
    font-size: var(--typography-text-size-xs);
    color: var(--color-grey-dark);
}

._step-label--first_2w22y_34 {
    left: 0;
    transform: none;
}

._step-label--last_2w22y_39 {
    left: auto;
    right: 0;
    transform: none;
}

._step_2w22y_10._is-active_2w22y_45 ._step-label_2w22y_22,
._step_2w22y_10._is-complete_2w22y_46 ._step-label_2w22y_22 {
    color: var(--color-black);
}

._step_2w22y_10._is-active_2w22y_45 ._step-label_2w22y_22 {
    font-weight: 600;
}

._step-marker_2w22y_54 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: var(--color-grey-light);
    border: 2px solid var(--color-grey-light);
    border-radius: 50%;
    position: relative;
    z-index: 1; /* Above bar */
}

._step-marker_2w22y_54::before {
    content: '\2022';
    color: var(--color-white);
    font-weight: bold;
}

._step_2w22y_10._is-complete_2w22y_46 {
    color: var(--color-black);
}

._step_2w22y_10._is-complete_2w22y_46 ._step-marker_2w22y_54,
._step_2w22y_10._is-active_2w22y_45 ._step-marker_2w22y_54 {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

._step_2w22y_10._is-complete_2w22y_46 ._step-marker_2w22y_54::before,
._step_2w22y_10._is-active_2w22y_45 ._step-marker_2w22y_54::before {
    content: '\2713';
}

._multi-steps_2w22y_1._has-exception_2w22y_88 ._step_2w22y_10._is-active_2w22y_45 ._step-marker_2w22y_54,
._multi-steps_2w22y_1._has-exception_2w22y_88 ._step_2w22y_10._is-complete_2w22y_46 ._step-marker_2w22y_54 {
    background-color: var(--background-danger);
    border-color: var(--background-danger);
}

._multi-steps_2w22y_1._has-exception_2w22y_88 ._step_2w22y_10._is-active_2w22y_45 ._step-marker_2w22y_54::before {
    content: '\2715';
}

._step_2w22y_10._is-active_2w22y_45 {
    color: var(--color-black);
}

._bar_2w22y_102 {
    flex-grow: 1;
    flex-shrink: 1;
    height: 6px;
    background-color: var(--color-grey-light);
    margin-top: calc(2em + 0.4375rem - 3px);
    margin-left: -14px;
    margin-right: -14px;
    border-radius: 3px;
}

._bar--active_2w22y_113 {
    background: linear-gradient(to right, var(--color-primary) 0%, var(--color-grey-light) 30%);
}

._bar--complete_2w22y_117 {
    background-color: var(--color-primary);
}

/* Exception styling for bars based on parent ul class */
._multi-steps_2w22y_1._has-exception_2w22y_88 ._bar--active_2w22y_113 {
    background: linear-gradient(to right, var(--background-danger) 0%, var(--color-grey-light) 30%);
}

._multi-steps_2w22y_1._has-exception_2w22y_88 ._bar--complete_2w22y_117 {
    background-color: var(--background-danger);
}

._step_2w22y_10::before,
._step_2w22y_10::after {
    display: none;
    content: none;
}
._card_1ca59_1 {
    margin: 0;
    border-bottom-width: 0;
    border-radius: 0;
}

._card--first_1ca59_7 {
    border-top-left-radius: var(--radius-soft);
    border-top-right-radius: var(--radius-soft);
}

._card--last_1ca59_12 {
    border-bottom-width: 1px;
    border-bottom-left-radius: var(--radius-soft);
    border-bottom-right-radius: var(--radius-soft);
}

._container_1ca59_18 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--padding-regular);
    align-items: center;
}

._productImage_1ca59_26 {
    display: none;
    width: 75px;
    height: 75px;
}

._productImage_1ca59_26 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

._progressContainer_1ca59_38 {
    width: 100%;
}

._progressBar_1ca59_42 {
    padding: var(--padding-x-tight) 0;
}

._bottomContainer_1ca59_46 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

._productName_1ca59_52 {
    font-size: var(--typography-text-size-s);
    color: var(--color-black);
}

._trackingNumber_1ca59_57,
._trackingNumber_1ca59_57 a {
    font-size: var(--typography-text-size-xs);
    color: var(--color-blue);
}
._trackingNumber_1ca59_57 span {
    display: none;
}

._expectedDeliveryDate_1ca59_66 {
    font-size: var(--typography-text-size-xs);
    color: var(--color-blue);
    font-weight: 600;
}

._items_1ca59_72 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-x-tight);
}

._item_1ca59_72 {
    font-size: var(--typography-text-size-s);
    color: var(--color-black);
}

@media (width >= 1024px) {
    ._productImage_1ca59_26 {
        display: block;
    }
}
._card_4ac2d_1 {
    margin: 0;
    border-bottom-width: 0;
    border-radius: 0;
    padding: var(--padding-tight) var(--padding-regular);
}

._card--first_4ac2d_8 {
    border-top-left-radius: var(--radius-soft);
    border-top-right-radius: var(--radius-soft);
}

._card--last_4ac2d_13 {
    border-bottom-width: 1px;
    border-bottom-left-radius: var(--radius-soft);
    border-bottom-right-radius: var(--radius-soft);
}

._container_4ac2d_19 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--padding-regular);
    align-items: center;
}

._productImage_4ac2d_27 {
    display: none;
    width: 75px;
    height: 75px;
}

._productImage_4ac2d_27 img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

._progressContainer_4ac2d_39 {
    width: 100%;
}

._progressBar_4ac2d_43 {
    padding: var(--padding-x-tight) 0;
}

._bottomContainer_4ac2d_47 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

._reference_4ac2d_53 {
    font-size: var(--typography-text-size-s);
    color: var(--color-black);
}

._items_4ac2d_58 {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-regular);
    gap: var(--spacing-x-tight);
    flex-wrap: wrap;
}

._item_4ac2d_58 {
    flex: 0 0 calc(50% - var(--padding-regular) / 2);
    font-size: var(--typography-text-size-s);
    color: var(--color-black);
}

@media (width >= 1024px) {
    ._productImage_4ac2d_27 {
        display: block;
    }
}
._container_54o3y_1 {
    border: var(--border-primary);
    margin-bottom: var(--margin-regular);
}

@media (width >= 768) {
    ._container_54o3y_1 {
        margin-bottom: var(--margin-wide);
    }
}
._card_a9qa9_1 {
    background-color: var(--color-grey-lighter);
}

._cardContent_a9qa9_5 {
    font-size: 0.875rem;
    color: var(--color-grey-darker);
}
._fab_1j4ry_1 {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
}

._fabSmall_1j4ry_18 {
    width: 40px;
    height: 40px;
}

._fabPrimary_1j4ry_23 {
    background-color: var(--color-primary);
    color: white;
}

._fabSecondary_1j4ry_28 {
    background-color: var(--color-green);
    color: white;
}

/* Show on mobile */
@media (width >= 1024px) {
    ._fab_1j4ry_1 {
        display: none;
    }
}

/* Hover and active states */
._fab_1j4ry_1:hover {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}

._fab_1j4ry_1:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transform: translateY(0);
}

._fab_1j4ry_1:focus {
    outline: none;
    box-shadow:
        0 0 0 3px rgba(0, 123, 255, 0.25),
        0 4px 8px rgba(0, 0, 0, 0.2);
}

._fab_1j4ry_1 svg {
    width: 24px;
    height: 24px;
}

._fabSmall_1j4ry_18 svg {
    width: 20px;
    height: 20px;
}
._languageSwitcher_wlmsw_1 {
    position: relative;
    width: fit-content;
    font-size: 0.875rem;
    user-select: none;
}

._dropdownButton_wlmsw_8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    cursor: pointer;
    min-width: 8rem;
    transition: all 0.2s ease-in-out;
}

._dropdownButton_wlmsw_8:hover {
    border-color: #c0c0c0;
}

._icon_wlmsw_26 {
    display: flex;
    align-items: center;
    width: 1.5rem;
    height: 1rem;
}

._languageName_wlmsw_33 {
    flex-grow: 1;
    text-align: left;
}

._chevron_wlmsw_38 {
    width: 1rem;
    height: 1rem;
    transition: transform 0.2s ease;
}

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

._dropdownMenu_wlmsw_48 {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    right: 0;
    z-index: 10;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
}

._open_wlmsw_64 ._dropdownMenu_wlmsw_48 {
    max-height: 20rem;
    opacity: 1;
}

._languageOption_wlmsw_69 {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

._languageOption_wlmsw_69:hover {
    background-color: #f5f5f5;
}

._activeOption_wlmsw_82 {
    position: relative;
}

._activeOption_wlmsw_82::after {
    content: '';
    position: absolute;
    right: 1rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background-color: #4caf50;
}

/* Responsive styles */
@media (max-width: 480px) {
    ._dropdownButton_wlmsw_8 {
        min-width: 6rem;
        padding: 0.5rem;
    }

    ._languageName_wlmsw_33 {
        font-size: 0.75rem;
    }
}
._content_1g5ex_1 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-regular);
}

@media (width >= 1024px) {
    ._content_1g5ex_1 {
        gap: var(--spacing-tight);
    }
}
._actions_6boyx_1 {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
._language_switcher_container_1f213_1 {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1rem;
}

._container_1f213_7 {
    max-width: 80rem;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1rem;
}

._left_1f213_16 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

._right_1f213_22 {
    flex-basis: 30%;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (width >= 1024px) {
    ._container_1f213_7 {
        flex-direction: row;
    }

    ._left_1f213_16 {
        flex-basis: 70%;
    }

    ._right_1f213_22 {
        flex-basis: 30%;
    }
}
._language_switcher_container_1r6e4_1 {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

._login__card_1r6e4_7 {
    width: 100%;
    max-width: 50rem;
}

._login__card_content_1r6e4_12 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

._login__card_content_1r6e4_12 > div {
    margin-right: 1rem;
}

._login__card_content_1r6e4_12 > div:last-child {
    margin-right: 0;
}

._input__orderNumber_1r6e4_26 {
    width: 100%;
}
._input__email_1r6e4_29 {
    width: 100%;
}

._submit_wrapper_1r6e4_33 {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

._form_1r6e4_39 {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media (width >= 1024px) {
    ._form_1r6e4_39 {
        flex-direction: row;
    }

    ._input__orderNumber_1r6e4_26 {
        width: 30%;
    }

    ._input__email_1r6e4_29 {
        width: 50%;
    }
    ._submit_wrapper_1r6e4_33 {
        width: 20%;
    }
}