/** Shopify CDN: Minification failed

Line 1072:1 Expected "}" to go with "{"

**/
@media screen and (max-width:767px) {
    .wrapperPreview .introductionRight {
        order: 1
    }

    .wrapperPreview .introductionLeft {
        order: 2
    }
}

.fashionIntroductionLeftWrapper {
    width: 100%;
    height: 100%;
    background-image: var(--introduction_image);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-color: var(--general_background_color);
    position: relative
}

@media screen and (max-width:767px) {
    .fashionIntroductionLeftWrapper {
        padding-top: 100%
    }
}

.fashionIntroductionLeftWrapper .logo {
    width: var(--introduction_logo_size);
    position: absolute;
    pointer-events: all
}

.fashionIntroductionLeftWrapper .logo img {
    height: auto;
    width: 100%
}

.fashionIntroductionLeftWrapper .logo.topLeft {
    top: 80px;
    left: 80px
}

@media screen and (max-width:767px) {
    .fashionIntroductionLeftWrapper .logo.topLeft {
        top: 44px;
        left: 44px
    }
}

.fashionIntroductionLeftWrapper .logo.topRight {
    top: 80px;
    right: 80px
}

@media screen and (max-width:767px) {
    .fashionIntroductionLeftWrapper .logo.topRight {
        top: 44px;
        right: 44px
    }
}

.fashionIntroductionLeftWrapper .logo.topCenter {
    top: 80px;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:767px) {
    .fashionIntroductionLeftWrapper .logo.topCenter {
        top: 44px
    }
}

.fashionIntroductionLeftWrapper .logo.bottomLeft {
    bottom: 80px;
    left: 80px
}

@media screen and (max-width:767px) {
    .fashionIntroductionLeftWrapper .logo.bottomLeft {
        bottom: 44px;
        left: 44px
    }
}

.fashionIntroductionLeftWrapper .logo.bottomRight {
    bottom: 80px;
    right: 80px
}

@media screen and (max-width:767px) {
    .fashionIntroductionLeftWrapper .logo.bottomRight {
        bottom: 44px;
        right: 44px
    }
}

.fashionIntroductionLeftWrapper .logo.bottomCenter {
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%)
}

@media screen and (max-width:767px) {
    .fashionIntroductionLeftWrapper .logo.bottomCenter {
        bottom: 44px
    }
}

.fashionIntroductionLeftWrapper .logo.center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.fashionIntroductionRightWrapper {
    width: 100%;
    height: 100%;
    background-color: var(--general_background_color);
    overflow-y: auto
}

.fashionIntroductionRightWrapper .wrapperLanguage {
    border: 1px solid var(--general_background_color);
    background-color: var(--general_background_color)
}

.fashionIntroductionRightWrapper .earth,
.fashionIntroductionRightWrapper .wrapperLanguage .ant-dropdown {
    color: var(--general_text_color)
}

.fashionIntroductionRightWrapper .textLanguage {
    color: var(--general_text_color);
    font-size: 14px
}

.fashionIntroductionRightWrapper .caretDown {
    color: #607380
}

.fashionIntroductionRightWrapper .inner {
    width: min(528px, 80%);
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100%;
    height: max-content;
    padding: 20px 0
}

@media screen and (max-width:767px) {
    .fashionIntroductionRightWrapper .inner {
        width: 100%;
        padding: 60px 20px 20px
    }
}

.fashionIntroductionRightWrapper .languageSection {
    margin-left: -12px
}

.fashionIntroductionRightWrapper .contentWrapper {
    margin: auto;
    padding-bottom: 20px
}

@media screen and (max-width:767px) {
    .fashionIntroductionRightWrapper .contentWrapper {
        padding-bottom: 0
    }
}

.fashionIntroductionRightWrapper .textTitle {
    font-size: 48px;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 20px
}

.fashionIntroductionRightWrapper .textDescription {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 96px;
    color: var(--general_text_description_color)
}

@media screen and (max-width:767px) {
    .fashionIntroductionRightWrapper .textDescription {
        margin-bottom: 20px
    }
}

.fashionIntroductionRightWrapper .wrapperBtnSignUp {
    display: flex;
    cursor: pointer;
    pointer-events: all
}

.fashionIntroductionRightWrapper .innerBtnSignUp {
    padding: 8px 20px;
    border: 1px solid var(--introduction_button_sign_up_border_color);
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: 500;
    font-size: 20px;
    color: var(--introduction_button_sign_up_text_color);
    background-color: var(--introduction_button_sign_up_button_color)
}

.pagination {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 10;
    color: var(--general_pagination_color);
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media screen and (max-width:1199px) {
    .pagination {
        right: 8px
    }
}

@media screen and (max-width:767px) {
    .pagination {
        display: none
    }
}

.pagination .item-step {
    transition: all .4s cubic-bezier(.22, .61, .36, 1);
    margin-bottom: 0;
    opacity: .54;
    cursor: pointer;
    pointer-events: all
}

.pagination .item-step.active {
    position: relative;
    margin-bottom: 112px;
    opacity: 1
}

.pagination .item-step:after {
    content: "";
    width: 1px;
    background-color: var(--general_pagination_color);
    height: 0;
    display: block;
    margin: 12px auto 0;
    transition: height .3s ease-out 0s;
    position: absolute;
    left: 50%;
    opacity: .54
}

.pagination .item-step.active:after {
    height: 100px;
    transition-delay: .15s
}

.wrapperHome {
    --introduction_image: url(/images/home-introduction.png);
    --general_background_color: #fff;
    --general_text_color: #1a1a1a;
    --introduction_logo_size: 120px;
    --introduction_button_sign_up_text_color: #fff;
    --introduction_button_sign_up_button_color: #ab926e;
    --introduction_button_sign_up_border_color: #ab926e;
    --benefits_icon_color: "#1a1a1a";
    --benefits_image: url(/images/home-benefits.png);
    --registration_form_fields_border_color: #ebebeb;
    --registration_form_fields_focused_border_color: #1d85e8;
    --registration_form_fields_background_color: #fff;
    --registration_form_fields_hover_background_color: #fff;
    --registration_form_button_hypertext_button_text_color: #fff;
    --registration_form_button_hypertext_button_color: #ab926e;
    --registration_form_button_hypertext_border_color: #ab926e;
    --registration_form_button_hypertext_color: #ab926e;
    --registration_form_button_hypertext_checkbox_color: #ab926e;
    --registration_form_image: url(/images/home-form.png);
    --faq_line_color: #1a1a1a;
    --faq_focused_heading_color: #ab926e;
    background-color: var(--general_background_color);
    font-family: var(--general_font_family);
    color: var(--general_text_color)
}

.wrapperHome .wrapper {
    display: flex;
    flex-direction: column
}

.wrapperHome .wrapper .text {
    font-weight: 400;
    font-size: 14px;
    color: var(--general_text_color)
}

.wrapperHome .wrapper .commissionDetail,
.wrapperHome .wrapper .highlight {
    color: var(--registration_form_button_hypertext_color)
}

.wrapperHome .wrapper .commissionDetail {
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    letter-spacing: 1.4px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    display: inline;
    cursor: pointer;
    pointer-events: all
}

.wrapperHome .earth,
.wrapperHome .textLanguage,
.wrapperHome .wrapperLanguage .ant-dropdown {
    color: var(--general_text_color)
}

.wrapperHome .textLanguage {
    font-size: 14px
}

.wrapperHome .caretDown {
    color: #607380
}

.wrapperHome .introductionWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 0 24px
}

.wrapperHome .introductionInner {
    width: calc(100% - 40px);
    max-width: 1200px
}

.wrapperHome .logo {
    width: var(--introduction_logo_size);
    display: flex;
    margin-bottom: 20px
}

.wrapperHome .logo img {
    width: 100%;
    height: auto
}

.wrapperHome .logo.topLeft {
    margin-right: auto
}

.wrapperHome .logo.topRight {
    margin-left: auto
}

.wrapperHome .logo.topCenter {
    margin-left: auto;
    margin-right: auto
}

.wrapperHome .introductionContent {
    display: flex;
    justify-content: space-between;
    position: relative
}

@media screen and (max-width:767px) {
    .wrapperHome .introductionContent {
        justify-content: center;
        flex-direction: column
    }
}

.wrapperHome .about {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: var(--general_text_color)
}

@media screen and (min-width:768px) {
    .wrapperHome .about {
        flex-basis: 560px;
        min-height: 480px
    }
}

.wrapperHome .textTitle {
    color: var(--general_text_color);
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 4px;
    margin-bottom: 12px
}

.wrapperHome .textDescription {
    color: var(--general_text_color);
    font-size: 16px;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 1.6px;
    margin-bottom: 24px
}

.wrapperHome .wrapperLink {
    display: flex
}

.wrapperHome .btnWrapper {
    display: flex;
    cursor: pointer;
    pointer-events: all
}

.wrapperHome .btnApply {
    display: flex;
    border-radius: 52px;
    background: var(--introduction_button_sign_up_button_color);
    padding: 8px 12px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--introduction_button_sign_up_text_color);
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--introduction_button_sign_up_border_color)
}

.wrapperHome .introductionBackground {
    flex-basis: 440px;
    background-image: var(--introduction_image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media screen and (min-width:450px)and (max-width:767px) {
    .wrapperHome .introductionBackground {
        flex-basis: 428px;
        width: 390px;
        margin: 0 auto
    }
}

@media screen and (max-width:449px) {
    .wrapperHome .introductionBackground {
        flex-basis: 382px;
        width: 100%
    }
}

.wrapperHome .benefit {
    height: 100%;
    background-image: var(--benefits_image);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0;
    display: flex;
    justify-content: center;
    position: relative
}

@media screen and (min-width:450px)and (max-width:767px) {
    .wrapperHome .benefit {
        padding: 80px 40px
    }
}

@media screen and (max-width:449px) {
    .wrapperHome .benefit {
        padding: 80px 0
    }
}

.wrapperHome .benefitEmbeded .ant-modal-wrap {
    position: absolute !important
}

.wrapperHome .benefitInner {
    width: min(1200px, 80%);
    position: relative
}

@media screen and (min-width:450px)and (max-width:767px) {
    .wrapperHome .benefitInner {
        width: 100%
    }
}

@media screen and (max-width:449px) {
    .wrapperHome .benefitInner {
        width: calc(100% - 40px)
    }
}

.wrapperHome .benefitInner .blurInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 1
}

.wrapperHome .benefitInner .visibleInner {
    border-radius: 16px;
    background: linear-gradient(92deg, hsla(0, 0%, 100%, .85) .41%, hsla(0, 0%, 100%, .64) 120.06%);
    padding: 24px 32px;
    z-index: 2;
    position: relative
}

@media screen and (max-width:449px) {
    .wrapperHome .benefitInner .visibleInner {
        padding: 24px 20px
    }
}

.wrapperHome .benefitWrapperTitle {
    display: flex;
    gap: 8px;
    flex-direction: column
}

@media screen and (max-width:767px) {
    .wrapperHome .benefitWrapperTitle {
        flex-direction: row;
        align-items: center
    }
}

.wrapperHome .benefitAbout {
    width: min(720px, 100%);
    margin-bottom: 24px
}

.wrapperHome .benefitTitle {
    color: var(--general_text_color);
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 4px;
    margin-bottom: 8px
}

.wrapperHome .benefitDesc {
    color: var(--general_text_color);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 1.6px;
    margin-bottom: 24px
}

.wrapperHome .benefitList {
    display: flex;
    flex-wrap: wrap;
    margin-right: -24px
}

@media screen and (max-width:767px) {
    .wrapperHome .benefitList {
        flex-direction: column;
        margin-right: 0;
        margin-bottom: -24px
    }
}

.wrapperHome .benefitItem {
    color: var(--general_text_color);
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-right: 24px;
    margin-bottom: 24px
}

@media screen and (max-width:767px) {
    .wrapperHome .benefitItem {
        margin-right: 0
    }
}

.wrapperHome .benefitIcon {
    font-size: 40px;
    display: flex;
    color: var(--benefits_icon_color)
}

@media screen and (max-width:767px) {
    .wrapperHome .benefitIcon {
        font-size: 32px
    }
}

.wrapperHome .benefitItemTitle {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 2px
}

.wrapperHome .benefitItemDesc {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px
}

.wrapperHome .faq {
    width: min(800px, 100%);
    padding: 32px 40px;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

@media screen and (max-width:449px) {
    .wrapperHome .faq {
        padding: 32px 12px
    }
}

.wrapperHome .innerFaq {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.wrapperHome .faqTitle {
    color: var(--general_text_color);
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 4px;
    text-align: center
}

@media screen and (max-width:449px) {
    .wrapperHome .faqTitle {
        text-align: left
    }
}

.wrapperHome .faqContent {
    display: flex;
    justify-content: center
}

@media screen and (max-width:449px) {
    .wrapperHome .faqContent {
        display: block
    }
}

.wrapperHome .questionList {
    width: 100%
}

.wrapperHome .collapseStyle {
    border: none;
    display: flex;
    flex-direction: column;
    background-color: transparent
}

.wrapperHome .panelStyle {
    border: none !important;
    pointer-events: all
}

.wrapperHome .panelStyle .ant-collapse-content,
.wrapperHome .panelStyle .ant-collapse-header {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background-color: transparent !important
}

.wrapperHome .panelStyle .ant-collapse-content .ant-collapse-content-box,
.wrapperHome .panelStyle .ant-collapse-header .ant-collapse-content-box {
    padding: 0
}

.wrapperHome .panelHeader {
    border-top: 1px solid var(--faq_line_color);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    color: var(--general_text_color);
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.wrapperHome .focusedHeading {
    color: var(--faq_focused_heading_color)
}

.wrapperHome .panelContent {
    padding: 0 0 12px 20px;
    color: var(--general_text_color);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.4px
}

.wrapperHome .collapseIcon {
    color: #1a1a1a
}

.wrapperHome .form {
    display: flex;
    justify-content: center;
    padding: 40px;
    background-image: var(--registration_form_image);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (max-width:449px) {
    .wrapperHome .form {
        padding: 40px 20px
    }
}

.wrapperHome .innerForm {
    width: min(648px, 100%);
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    border-radius: 16px;
    background: var(--general_background_color)
}

.wrapperHome .innerForm.disable-all-input .inputList *,
.wrapperHome .innerForm.disable-all-input div.btnSubmit,
.wrapperHome .innerForm.disable-suspicious-affiliate .inputList *,
.wrapperHome .innerForm.disable-suspicious-affiliate div.btnSubmit {
    cursor: not-allowed !important
}

.wrapperHome .formTitle {
    color: var(--general_text_color);
    font-size: 40px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 4px;
    text-align: center
}

.wrapperHome .inputList {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.wrapperHome .inputList .alert-content {
    color: #ff4e41
}

.wrapperHome .inputList .title-alert-banner-block {
    font-weight: 600;
    color: #ff4e41
}

.wrapperHome .inputList .labelInput {
    color: var(--general_text_color);
    font-size: 16px;
    font-weight: 500;
    word-wrap: break-word
}

.wrapperHome .inputList .filedWrapper {
    background-color: var(--registration_form_fields_background_color);
    position: relative;
    border-radius: 20px;
    border: 1px solid var(--registration_form_fields_border_color)
}

.wrapperHome .inputList .filedWrapper.focused {
    border: 1px solid var(--registration_form_fields_focused_border_color)
}

.wrapperHome .inputList .prepend {
    color: var(--general_text_color);
    background-color: var(--registration_form_fields_background_color)
}

.wrapperHome .inputList .inputField {
    padding: 7.5px 12px;
    background-color: var(--registration_form_fields_background_color)
}

.wrapperHome .inputList .textAreaInputField {
    color: var(--registration_form_text_input_color)
}

.wrapperHome .inputList .listOption,
.wrapperHome .inputList .textAreaInputField {
    background-color: var(--registration_form_fields_background_color)
}

.wrapperHome .inputList .optionSelect {
    color: var(--general_text_color)
}

.wrapperHome .inputList .optionSelect.selectedOption,
.wrapperHome .inputList .optionSelect:hover {
    background-color: var(--registration_form_fields_hover_background_color)
}

.wrapperHome .inputList .optionSelect.selectedOption {
    font-weight: 500
}

.wrapperHome .inputList .checkbox .ant-checkbox-inner {
    border-color: var(--registration_form_fields_border_color) !important;
    background-color: var(--registration_form_fields_background_color)
}

.wrapperHome .inputList .checkbox .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner {
    background-color: var(--registration_form_button_hypertext_checkbox_color) !important
}

.wrapperHome .inputList .checkbox .ant-checkbox-checked .ant-checkbox-inner,
.wrapperHome .inputList .checkbox .ant-checkbox-checked:after {
    border-color: var(--registration_form_button_hypertext_checkbox_color) !important
}

.wrapperHome .inputList .titleCheckbox {
    color: var(--general_text_color)
}

.wrapperHome .disableButton {
    opacity: .38;
    cursor: not-allowed
}

.wrapperHome .dropdownOverlay {
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .08);
    overflow: hidden;
    left: 0 !important
}

.wrapperHome .captcha {
    height: 74px;
    display: flex
}

.wrapperHome .submitWrapper {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.wrapperHome .btnSubmit {
    color: var(--registration_form_button_hypertext_button_text_color);
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    border-radius: 20px;
    border: 1px solid var(--registration_form_button_hypertext_border_color);
    background: var(--registration_form_button_hypertext_button_color);
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    cursor: pointer;
    display: flex
}

.wrapperHome .btnSubmit.submitting {
    opacity: .72;
    cursor: not-allowed;
    gap: 12px
}

.wrapperHome .btnSubmit.submitting .loadingSubmit {
    color: var(--registration_form_button_hypertext_button_text_color)
}

.wrapperHome .btnSubmit.noEvent {
    pointer-events: none
}

.wrapperHome .toLogin {
    color: var(--general_text_color);
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    text-align: center
}

.wrapperHome .hyperLink {
    color: var(--registration_form_button_hypertext_color);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    cursor: pointer
}

.wrapperHome .language {
    flex: 1 1;
    display: flex;
    justify-content: center;
    padding: 12px 0;
    background-color: var(--general_background_color)
}

.wrapperHome .activeSectionContent,
.wrapperHome .previewSectionWrapper {
    position: relative
}

.wrapperHome .activeSectionContent:after {
    position: absolute;
    inset: 2px;
    content: " ";
    outline: 2px solid #1d85e8;
    z-index: 1
}

.wrapperHome .footerBranding {
    padding-top: 0
}

.styles_wrapper__BCXyB {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 400px;
    background: #bbbfc3;
    -webkit-backdrop-filter: blur(28px);
    backdrop-filter: blur(28px)
}

.styles_inner__6S78K {
    display: flex;
    flex-direction: column;
    width: 500px;
    height: 104px;
    justify-content: space-between;
    gap: 20px
}

.styles_alertHeader__5BTOe {
    display: flex
}

.styles_alertHeader__5BTOe i {
    font-size: 14px;
    margin-top: 3px
}

.styles_headerTitle__keUSf {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    font-style: normal
}

.styles_headerProgram__2W8aL .styles_headerTitle__keUSf {
    text-align: left;
    margin-left: 12px
}

.styles_headerSwitch__C0ZGd .styles_headerTitle__keUSf {
    text-align: center
}

.styles_switchWrapper__z0zkn {
    display: flex;
    justify-content: center
}

.styles_switchWrapper__z0zkn .styles_btn__JEfOA {
    display: flex;
    width: 154px;
    height: 42px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background-color: #1773b0;
    color: #fff
}

.styles_wrapperClass__eI6Mx {
    width: 100% !important;
    max-width: 100%;
    max-height: 100vh
}

.styles_contentClass__F2ICl {
    width: 100% !important;
    max-width: 100%;
    transition: all .15s
}

.styles_childrenZoom__QbgQj {
    pointer-events: none
}

.styles_childrenZoom__QbgQj,
.styles_childrenZoom__QbgQj>div {
    width: 100% !important;
    max-width: 100%
}

.styles_zooming__gFQLX {
    max-height: 100vh
}

.styles_canPanning__XPoOX {
    cursor: -webkit-grab;
    cursor: grab
}

.styles_isPanning__k3oOE {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.styles_noTransition__jklHd .styles_contentClass__F2ICl {
    transition: unset
}

.page_noEvents__7vJAl {
    pointer-events: none
}

@media screen and (max-width:767px) {
    .textTitle {
    font-size: 38px !important;
}