@charset "UTF-8"; .lp-setup { margin: 0; background: #ffffff; color: #6b7280; } .lp-setup input[type=text], .lp-setup input[type=email], .lp-setup input[type=number], .lp-setup input[type=password], .lp-setup input[type=search], .lp-setup input[type=tel], .lp-setup input[type=url], .lp-setup select, .lp-setup textarea { box-sizing: border-box; min-height: 34px; padding: 6px 12px; border: 1px solid #d1d5db; border-radius: 6px; color: #1a1a1a; background: #ffffff; font-size: 14px; } .lp-setup input[type=text]::placeholder, .lp-setup input[type=email]::placeholder, .lp-setup input[type=number]::placeholder, .lp-setup input[type=password]::placeholder, .lp-setup input[type=search]::placeholder, .lp-setup input[type=tel]::placeholder, .lp-setup input[type=url]::placeholder, .lp-setup select::placeholder, .lp-setup textarea::placeholder { color: #9ca3af; } .lp-setup input[type=text]:focus, .lp-setup input[type=email]:focus, .lp-setup input[type=number]:focus, .lp-setup input[type=password]:focus, .lp-setup input[type=search]:focus, .lp-setup input[type=tel]:focus, .lp-setup input[type=url]:focus, .lp-setup select:focus, .lp-setup textarea:focus { border-color: #7067ED; outline: none; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); } .lp-setup input[type=text]:disabled, .lp-setup input[type=email]:disabled, .lp-setup input[type=number]:disabled, .lp-setup input[type=password]:disabled, .lp-setup input[type=search]:disabled, .lp-setup input[type=tel]:disabled, .lp-setup input[type=url]:disabled, .lp-setup select:disabled, .lp-setup textarea:disabled { color: #9ca3af; background: #f9fafb; cursor: not-allowed; } .lp-setup input[type=text], .lp-setup input[type=email], .lp-setup input[type=number], .lp-setup input[type=password], .lp-setup input[type=search], .lp-setup input[type=tel], .lp-setup input[type=url], .lp-setup select { height: 48px; border-radius: 8px; } .lp-setup select { padding-right: 30px; cursor: pointer; } .lp-setup .button { height: 48px; border-radius: 12px; font-weight: 500; } .lp-setup .button-primary { border-color: #7067ED; color: #ffffff; background: #7067ED; } .lp-setup .button-primary:hover, .lp-setup .button-primary:focus { border-color: #5b52d1; color: #ffffff; background: #5b52d1; } .lp-setup .button-primary:focus { box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); } .lp-setup .button-primary:disabled, .lp-setup .button-primary.disabled { border-color: #d1d5db; color: #9ca3af; background: #f9fafb; } .lp-setup .button-primary.loading[aria-disabled=true] { border-color: #7067ED; color: transparent; background: #7067ED; opacity: 1; } .lp-setup .button-next { font-size: 16px; font-weight: 500; line-height: 1; } .lp-setup .button-next.loading { position: relative; color: transparent; text-shadow: none; } .lp-setup .button-next.loading .lp-setup-button__label { visibility: hidden; } .lp-setup .button-next.loading::before { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; margin: 0; color: #ffffff !important; font-size: 16px; } .lp-setup .button:not(.button-primary) { border-color: #d1d5db; color: #374151; background: #ffffff; } .lp-setup .button:not(.button-primary):hover, .lp-setup .button:not(.button-primary):focus { border-color: #7067ED; color: #7067ED; background: #F7F7F7; } .lp-setup .lp-toggle-enable .lp-toggle-enable__track { background: #d1d5db; } .lp-setup .lp-toggle-enable .lp-toggle-enable__label { color: #6b7280; } .lp-setup .lp-toggle-enable.is-enabled .lp-toggle-enable__track { background: #28A746; } .lp-setup .lp-toggle-enable.is-enabled .lp-toggle-enable__label { color: #28A746; } .lp-setup .lp-toggle-enable .lp-toggle-enable__input:focus-visible ~ .lp-toggle-enable__track { outline-color: #7067ED; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); } .lp-setup .logo { text-align: center; } .lp-setup--welcome { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 100vh; margin: 0; padding: 40px 0; } .lp-setup--welcome #content { width: 900px; margin: 0 auto; } .lp-setup--welcome .logo img { display: block; height: auto; margin: 0 auto; } .lp-setup--welcome #main.lp-setup-main--welcome { margin: 40px 0 0; padding: 0; border: 0; } .lp-setup--welcome .lp-setup-content { text-align: center; } .lp-setup--welcome .lp-setup-welcome h2 { font-size: 60px; font-weight: 700; line-height: 1.2; margin: 8px 0 0 12px; } .lp-setup--welcome .lp-setup-welcome p { font-size: 16px; line-height: 1.5; margin-bottom: 30px; } .lp-setup--welcome .lp-setup-welcome__eyebrow { display: inline-flex; align-items: center; box-sizing: border-box; padding: 6px 16px; border: 1px solid #7067ED; border-radius: 16px; color: #7067ED; font-size: 14px; font-weight: 600; } .lp-setup--welcome .lp-setup-welcome__eyebrow-dot { width: 8px; height: 8px; margin-right: 7px; border-radius: 50%; background: #7067ED; box-shadow: 0 0 0 3px #EEF1FF; } .lp-setup--welcome .buttons { display: flex; flex-direction: column; align-items: center; margin-top: 26px; padding: 0; border: 0; } .lp-setup--welcome .buttons .button-next { font-size: 16px; margin-bottom: 16px; } .lp-setup--welcome .buttons .button-dismiss-setup { color: #7067ED; font-size: 16px; line-height: 1.5; text-decoration: none; } .lp-setup--welcome .buttons .button-dismiss-setup:hover, .lp-setup--welcome .buttons .button-dismiss-setup:focus { color: #5b52d1; } .lp-setup--welcome footer { display: none; } @media (max-width: 600px) { .lp-setup--welcome { padding: 24px 0; } .lp-setup--welcome .logo img { width: 190px; } .lp-setup--welcome .lp-setup-welcome h2 { font-size: 36px; } } .lp-setup--wizard { display: flow-root; box-sizing: border-box; min-height: 100vh; margin: 0; } .lp-setup--wizard #content { width: 1146px; max-width: calc(100% - 48px); margin: 156px auto 80px; } .lp-setup--wizard .logo img { display: block; width: 264px; height: auto; margin: 0 auto; } .lp-setup--wizard #main.lp-setup-main--wizard { margin: 54px 0 0; padding: 0; border: 0; padding-bottom: 120px; } .lp-setup--wizard footer { display: none; } .lp-setup--wizard .lp-setup-card { box-sizing: border-box; border: 1px solid #e5e7eb; border-radius: 12px; background: #ffffff; } .lp-setup--wizard .lp-setup-section-header h2 { margin: 0; padding: 0; border: 0; color: #1e1e1e; font-size: 26px; font-weight: 600; line-height: 1.25; } .lp-setup--wizard .lp-setup-section-header p { margin: 8px 0 0; color: #6b7280; font-size: 15px; line-height: 1.5; } .lp-setup--wizard .lp-setup-choice-group { min-width: 0; margin: 30px 0 0; padding: 0; border: 0; } .lp-setup--wizard .lp-setup-choice-group legend { display: block; width: 100%; padding: 0; color: #1e1e1e; font-size: 18px; font-weight: 600; line-height: 1.4; } .lp-setup--wizard .lp-setup-choice-group--disabled { opacity: 0.45; filter: grayscale(1); pointer-events: none; user-select: none; } .lp-setup--wizard .lp-setup-choice-group + .lp-setup-choice-group { margin-top: 18px; } .lp-setup--wizard .lp-setup-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 15px; } .lp-setup--wizard .lp-setup-choice { display: block; position: relative; margin: 0; cursor: pointer; } .lp-setup--wizard .lp-setup-choice > input:not([type=hidden]) { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; } .lp-setup--wizard .lp-setup-choice > input:not([type=hidden])[type=radio]:checked + .lp-setup-choice__card { border-color: #7067ED; } .lp-setup--wizard .lp-setup-choice > input:not([type=hidden])[type=radio]:checked + .lp-setup-choice__card .lp-setup-choice__icon { color: #7067ED; background: #EEF1FF; } .lp-setup--wizard .lp-setup-choice > input:not([type=hidden]):focus-visible + .lp-setup-choice__card { outline: 2px solid #7067ED; outline-offset: 2px; } .lp-setup--wizard .lp-setup-choice__card { display: flex; align-items: center; box-sizing: border-box; min-height: 89px; padding: 18px 19px; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .lp-setup--wizard .lp-setup-choice__icon { display: inline-flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 16px; border-radius: 8px; color: #898989; background: #F7F7F7; } .lp-setup--wizard .lp-setup-choice__icon svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .lp-setup--wizard .lp-setup-choice__icon [class^=lp-icon-], .lp-setup--wizard .lp-setup-choice__icon [class*=" lp-icon-"] { font-size: 25px; } .lp-setup--wizard .lp-setup-choice__content { display: flex; min-width: 0; flex-direction: column; } .lp-setup--wizard .lp-setup-choice__content strong { color: #1e1e1e; font-size: 16px; font-weight: 600; line-height: 1.35; } .lp-setup--wizard .lp-setup-choice__content > span { margin-top: 3px; color: #6b7280; font-size: 14px; line-height: 1.4; } .lp-setup--wizard .lp-setup-choice-group--enrollment .lp-setup-choice { margin-top: 15px; } .lp-setup--wizard .lp-setup-choice-group--enrollment .lp-setup-choice__card { min-height: 83px; } .lp-setup--wizard .lp-setup-choice-group--enrollment .lp-toggle-enable { margin-right: 16px; margin-left: 0; } .lp-setup--wizard .lp-setup-learning-experience__note { margin: 34px 0 0; color: #6b7280; font-size: 15px; line-height: 1.5; text-align: center; } .lp-setup--wizard .lp-setup-footer-bar { display: grid; gap: 10px; grid-template-columns: minmax(120px, 1fr) auto minmax(220px, 1fr); align-items: center; position: fixed; z-index: 20; right: 0; bottom: 0; left: 0; box-sizing: border-box; min-height: 88px; padding: 14px 32px; border-top: 1px solid #e5e7eb; background: #ffffff; } .lp-setup--wizard .lp-setup-footer-bar__back { justify-self: start; } .lp-setup--wizard .lp-setup-footer-bar__back .button-prev { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 86px; height: 48px; padding: 0 18px; border-color: #7067ED; color: #7067ED; background: #ffffff; font-size: 16px; font-weight: 500; line-height: 1; text-align: center; } .lp-setup--wizard .lp-setup-footer-bar__back .button-prev:hover, .lp-setup--wizard .lp-setup-footer-bar__back .button-prev:focus { border-color: #5b52d1; color: #5b52d1; background: #F7F7F7; } .lp-setup--wizard .lp-setup-stepper { display: flex; align-items: center; justify-content: center; gap: 60px; margin: 0; padding: 0; list-style: none; } .lp-setup--wizard .lp-setup-stepper__item { display: flex; align-items: center; position: relative; margin: 0; color: #374151; font-size: 16px; white-space: nowrap; line-height: 28px; } .lp-setup--wizard .lp-setup-stepper__item:not(:last-child):after { position: absolute; right: -30px; content: "›"; font-size: 30px; font-weight: 200; top: 50%; transform: translateY(-50%); line-height: 28px; } .lp-setup--wizard .lp-setup-stepper__item.is-active { color: #7067ED; } .lp-setup--wizard .lp-setup-stepper__item.is-active .lp-setup-stepper__number { color: #ffffff; background: #7067ED; } .lp-setup--wizard .lp-setup-stepper__item.is-complete { color: #28A746; } .lp-setup--wizard .lp-setup-stepper__item.is-complete .lp-setup-stepper__number { color: #ffffff; background: #28A746; } .lp-setup--wizard .lp-setup-stepper__number { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; margin-right: 8px; border-radius: 50%; color: #6b7280; background: #e5e7eb; font-size: 14px; line-height: 1; } .lp-setup--wizard .lp-setup-stepper__number svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .lp-setup--wizard .lp-setup-footer-bar__controls { display: flex; align-items: center; justify-self: end; gap: 18px; } .lp-setup--wizard .lp-setup-footer-bar__controls .button-skip-next { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; height: 48px; float: none; margin: 0; padding: 0 4px; border: 0; color: #7067ED; background: transparent; font-size: 16px; font-weight: 500; line-height: 1; opacity: 1; text-decoration: none; } .lp-setup--wizard .lp-setup-footer-bar__controls .button-skip-next:hover, .lp-setup--wizard .lp-setup-footer-bar__controls .button-skip-next:focus { color: #5b52d1; background: transparent; box-shadow: none; } .lp-setup--wizard .lp-setup-footer-bar__controls .button-next { min-width: 84px; height: 48px; padding: 0 18px; } @media (max-width: 1280px) { .lp-setup--wizard #content { margin-top: 80px; } .lp-setup--wizard .lp-setup-footer-bar { grid-template-columns: auto 1fr auto; } .lp-setup--wizard .lp-setup-stepper { gap: 24px; } .lp-setup--wizard .lp-setup-stepper__item:not(:last-child):after { right: -17px; } } @media (max-width: 960px) { .lp-setup--wizard .lp-setup-stepper__label { display: none; } .lp-setup--wizard .lp-setup-stepper__number { margin-right: 0; } } @media (max-width: 700px) { .lp-setup--wizard { padding-bottom: 120px; } .lp-setup--wizard #content { max-width: calc(100% - 32px); margin-top: 40px; } .lp-setup--wizard .logo img { width: 210px; } .lp-setup--wizard #main.lp-setup-main--wizard { margin-top: 36px; } .lp-setup--wizard .lp-setup-choice-grid { grid-template-columns: 1fr; } .lp-setup--wizard .lp-setup-footer-bar { grid-template-columns: auto 1fr auto; min-height: 72px; padding: 12px 16px; } .lp-setup--wizard .lp-setup-stepper { display: none; } .lp-setup--wizard .lp-setup-footer-bar__controls { gap: 12px; } } .lp-setup-step--learning-experience #content, .lp-setup-step--pages #content, .lp-setup-step--payment #content, .lp-setup-step--emails #content, .lp-setup-step--finish #content { width: 910px; margin-top: 60px; margin-bottom: 128px; } .lp-setup-step--learning-experience .lp-setup-footer-bar, .lp-setup-step--pages .lp-setup-footer-bar, .lp-setup-step--payment .lp-setup-footer-bar, .lp-setup-step--emails .lp-setup-footer-bar, .lp-setup-step--finish .lp-setup-footer-bar { padding-right: 120px; padding-left: 120px; } @media (max-width: 1050px) { .lp-setup-step--learning-experience .lp-setup-footer-bar, .lp-setup-step--pages .lp-setup-footer-bar, .lp-setup-step--payment .lp-setup-footer-bar, .lp-setup-step--emails .lp-setup-footer-bar, .lp-setup-step--finish .lp-setup-footer-bar { padding-right: 32px; padding-left: 32px; } } @media (max-width: 700px) { .lp-setup-step--learning-experience #content, .lp-setup-step--pages #content, .lp-setup-step--payment #content, .lp-setup-step--emails #content, .lp-setup-step--finish #content { margin-top: 40px; margin-bottom: 120px; } } .lp-setup-step--pages .lp-setup-system-pages__list { display: flex; flex-direction: column; gap: 20px; margin-top: 30px; } .lp-setup-step--pages .lp-setup-page-card { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; min-height: 82px; margin: 0; padding: 16px 19px; } .lp-setup-step--pages .lp-setup-page-card__content { min-width: 0; padding-right: 24px; } .lp-setup-step--pages .lp-setup-page-card__content h3 { margin: 0; padding: 0; color: #1e1e1e; font-size: 16px; font-weight: 600; line-height: 1.4; } .lp-setup-step--pages .lp-setup-page-card__content p { margin: 2px 0 0; color: #6b7280; font-size: 14px; line-height: 1.4; } .lp-setup-step--pages .lp-setup-page-card__actions { display: flex; flex: 0 0 auto; align-items: center; gap: 17px; } .lp-setup-step--pages .lp-setup-page-status { display: inline-flex; align-items: center; box-sizing: border-box; min-height: 34px; padding: 5px 12px; border: 1px solid; border-radius: 6px; font-size: 14px; font-weight: 600; line-height: 1.3; white-space: nowrap; } .lp-setup-step--pages .lp-setup-page-status svg, .lp-setup-step--pages .lp-setup-page-status [class^=lp-icon-], .lp-setup-step--pages .lp-setup-page-status [class*=" lp-icon-"] { width: 16px; height: 16px; margin-right: 7px; border-radius: 50%; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; } .lp-setup-step--pages .lp-setup-page-status--ready { border-color: #28A746; color: #28A746; background: #E7F6E9; } .lp-setup-step--pages .lp-setup-page-status--ready svg { color: #ffffff; background: #28A746; } .lp-setup-step--pages .lp-setup-page-status--missing { border-color: #AAAAAA; color: #AAAAAA; background: #F7F7F7; } .lp-setup-step--pages .lp-setup-page-card__edit, .lp-setup-step--pages .lp-setup-page-card__view { display: inline-flex; align-items: center; color: #374151; font-size: 14px; font-weight: 500; line-height: 1.3; text-decoration: none; } .lp-setup-step--pages .lp-setup-page-card__edit svg, .lp-setup-step--pages .lp-setup-page-card__edit [class^=lp-icon-], .lp-setup-step--pages .lp-setup-page-card__edit [class*=" lp-icon-"], .lp-setup-step--pages .lp-setup-page-card__view svg, .lp-setup-step--pages .lp-setup-page-card__view [class^=lp-icon-], .lp-setup-step--pages .lp-setup-page-card__view [class*=" lp-icon-"] { width: 18px; height: 18px; margin-right: 5px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; } .lp-setup-step--pages .lp-setup-page-card__edit:hover, .lp-setup-step--pages .lp-setup-page-card__edit:focus, .lp-setup-step--pages .lp-setup-page-card__view:hover, .lp-setup-step--pages .lp-setup-page-card__view:focus { color: #7067ED; } @media (max-width: 760px) { .lp-setup-step--pages #content { margin-top: 40px; } .lp-setup-step--pages .lp-setup-page-card { align-items: flex-start; flex-direction: column; gap: 14px; } .lp-setup-step--pages .lp-setup-page-card__content { padding-right: 0; } .lp-setup-step--pages .lp-setup-page-card__actions { flex-wrap: wrap; gap: 12px; } } .lp-setup-step--payment .lp-setup-payment__section { margin-top: 31px; } .lp-setup-step--payment .lp-setup-payment__section > h3 { margin: 0 0 14px; color: #1e1e1e; font-size: 18px; font-weight: 600; line-height: 1.4; } .lp-setup-step--payment .lp-setup-currency-panel { overflow: hidden; } .lp-setup-step--payment .lp-setup-currency-presets { display: flex; align-items: center; gap: 16px; min-height: 64px; padding: 0 16px; border-bottom: 1px solid #e5e7eb; } .lp-setup-step--payment .lp-setup-currency-presets__label { margin-right: 10px; color: #6b7280; font-size: 14px; font-weight: 500; white-space: nowrap; } .lp-setup-step--payment .lp-setup-currency-preset { height: 33px; border-radius: 6px; } .lp-setup-step--payment .lp-setup-currency-preset.is-active, .lp-setup-step--payment .lp-setup-currency-preset:hover, .lp-setup-step--payment .lp-setup-currency-preset:focus { border-color: #7067ED; outline: 0; } .lp-setup-step--payment .lp-setup-currency-fields { display: flex; flex-direction: column; gap: 12px; padding: 17px 16px; } .lp-setup-step--payment .lp-setup-payment-field { display: grid; grid-template-columns: 165px minmax(0, 1fr); align-items: center; gap: 12px; color: #6b7280; font-size: 15px; } .lp-setup-step--payment .lp-setup-payment__section--gateways { margin-top: 31px; } .lp-setup-step--payment .lp-setup-gateway-card { display: flex; align-items: center; box-sizing: border-box; min-height: 88px; padding: 18px 20px; } .lp-setup-step--payment .lp-setup-gateway-card + .lp-setup-gateway-card { margin-top: 16px; } .lp-setup-step--payment .lp-setup-gateway-card--paypal { align-items: flex-start; min-height: 145px; } .lp-setup-step--payment .lp-setup-gateway-card--paypal .lp-setup-gateway-toggle { align-self: center; } .lp-setup-step--payment .lp-setup-gateway-card__icon { display: inline-flex; flex: 0 0 48px; align-items: center; justify-content: center; width: 48px; height: 48px; margin-right: 16px; border-radius: 8px; background: #F7F7F7; } .lp-setup-step--payment .lp-setup-gateway-card__icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; } .lp-setup-step--payment .lp-setup-gateway-card__icon [class^=lp-icon-], .lp-setup-step--payment .lp-setup-gateway-card__icon [class*=" lp-icon-"] { font-size: 28px; } .lp-setup-step--payment .lp-setup-gateway-card__icon--offline { color: #7067ED; } .lp-setup-step--payment .lp-setup-gateway-card__icon--offline svg { stroke: none; } .lp-setup-step--payment .lp-setup-gateway-card__icon--paypal svg { width: 23px; height: 28px; fill: none; stroke: none; } .lp-setup-step--payment .lp-setup-gateway-card__content { display: flex; min-width: 0; flex: 1; flex-direction: column; } .lp-setup-step--payment .lp-setup-gateway-card__content strong { color: #1e1e1e; font-size: 16px; font-weight: 600; line-height: 1.4; } .lp-setup-step--payment .lp-setup-gateway-card__content > span { margin-top: 2px; color: #6b7280; font-size: 14px; line-height: 1.4; } .lp-setup-step--payment .lp-setup-connect-paypal { display: inline-flex; align-items: center; justify-content: center; align-self: flex-start; height: 48px; margin-top: 18px; padding: 0 18px; font-size: 16px; font-weight: 500; line-height: 1; text-decoration: none; } @media (max-width: 700px) { .lp-setup-step--payment .lp-setup-currency-presets { align-items: stretch; flex-wrap: wrap; gap: 8px; padding-top: 14px; padding-bottom: 14px; } .lp-setup-step--payment .lp-setup-currency-presets__label { width: 100%; } .lp-setup-step--payment .lp-setup-payment-field { grid-template-columns: 1fr; gap: 7px; } .lp-setup-step--payment .lp-setup-gateway-card, .lp-setup-step--payment .lp-setup-gateway-card--paypal { align-items: flex-start; } } .lp-setup-step--emails .lp-setup-emails { width: 100%; } .lp-setup-step--emails .lp-setup-emails__master { display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; min-height: 64px; margin-top: 31px; padding: 0 18px; border-color: #28A746; background: #E7F6E9; } .lp-setup-step--emails .lp-setup-emails__master-content { display: flex; align-items: center; min-width: 0; } .lp-setup-step--emails .lp-setup-emails__master-content strong { color: #1e1e1e; font-size: 15px; font-weight: 600; line-height: 1.4; } .lp-setup-step--emails .lp-setup-emails__mail-icon { display: inline-flex; flex: 0 0 22px; align-items: center; justify-content: center; width: 22px; height: 22px; margin-right: 10px; color: #28A746; } .lp-setup-step--emails .lp-setup-emails__mail-icon::before { font-size: 20px; } .lp-setup-step--emails .lp-setup-emails__table-wrap { overflow: hidden; margin-top: 31px; } .lp-setup-step--emails .lp-setup-emails__table { width: 100%; margin: 0; border: 0; border-collapse: collapse; table-layout: fixed; } .lp-setup-step--emails .lp-setup-emails__table th, .lp-setup-step--emails .lp-setup-emails__table td { box-sizing: border-box; border: 0; text-align: left; } .lp-setup-step--emails .lp-setup-emails__table thead { background: #F7F7F7; } .lp-setup-step--emails .lp-setup-emails__table thead th { height: 52px; padding: 0 16px; vertical-align: middle; color: #6b7280; font-size: 13px; font-weight: 600; line-height: 1.3; text-transform: uppercase; } .lp-setup-step--emails .lp-setup-emails__table thead th:nth-child(1) { width: 29%; } .lp-setup-step--emails .lp-setup-emails__table thead th:nth-child(2) { width: auto; } .lp-setup-step--emails .lp-setup-emails__table thead th:nth-child(3) { width: 84px; text-align: right; } .lp-setup-step--emails .lp-setup-emails__table tbody tr { border-top: 1px solid #e5e7eb; } .lp-setup-step--emails .lp-setup-emails__table tbody tr:first-child { border-top: 0; } .lp-setup-step--emails .lp-setup-emails__table tbody td { height: 56px; padding: 10px 16px; vertical-align: middle; } .lp-setup-step--emails .lp-setup-emails__name { color: #1e1e1e; font-size: 14px; font-weight: 600; line-height: 1.4; } .lp-setup-step--emails .lp-setup-emails__description { color: #6b7280; font-size: 14px; font-weight: 400; line-height: 1.4; } .lp-setup-step--emails .lp-setup-emails__status { text-align: right !important; } .lp-setup-step--emails .lp-setup-emails__status .lp-toggle-enable { margin-left: auto; } @media (max-width: 700px) { .lp-setup-step--emails .lp-setup-emails__master { min-height: 60px; } .lp-setup-step--emails .lp-setup-emails__table-wrap { overflow-x: auto; } .lp-setup-step--emails .lp-setup-emails__table { min-width: 680px; } } .lp-setup-step--finish #main.lp-setup-main--wizard { margin-top: 54px; } .lp-setup-step--finish .lp-setup-footer-bar { grid-template-columns: minmax(0, 1fr) auto auto minmax(0, 1fr); column-gap: 24px; } .lp-setup-step--finish .lp-setup-footer-bar__back { grid-column: 1; } .lp-setup-step--finish .lp-setup-footer-bar__back .button-prev { min-width: 86px; text-align: center; } .lp-setup-step--finish .lp-setup-stepper { grid-column: 2; } .lp-setup-step--finish .lp-setup-footer-bar__controls { grid-column: 3; justify-self: start; } .lp-setup-step--finish .lp-setup-finish { width: 100%; } .lp-setup-step--finish .lp-setup-finish__hero { text-align: center; } .lp-setup-step--finish .lp-setup-finish__hero h2 { margin: 18px 0 0; padding: 0; border: 0; color: #1e1e1e; font-size: 24px; font-weight: 600; line-height: 1.3; } .lp-setup-step--finish .lp-setup-finish__hero p { margin: 7px 0 0; color: #6b7280; font-size: 14px; line-height: 1.45; } .lp-setup-step--finish .lp-setup-finish__icon { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; color: #7067ED; background: #EEF1FF; } .lp-setup-step--finish .lp-setup-finish__icon svg { width: 30px; height: 30px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; } .lp-setup-step--finish .lp-setup-finish__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 31px; } .lp-setup-step--finish .lp-setup-finish-card { padding: 20px; } .lp-setup-step--finish .lp-setup-finish-card__heading { display: flex; align-items: center; min-height: 24px; color: #1e1e1e; } .lp-setup-step--finish .lp-setup-finish-card__heading > strong { font-size: 16px; font-weight: 600; line-height: 1.4; } .lp-setup-step--finish .lp-setup-finish-card__heading-icon { display: inline-flex; flex: 0 0 20px; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 9px; color: #28A746; } .lp-setup-step--finish .lp-setup-finish-card__heading-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; } .lp-setup-step--finish .lp-setup-finish-summary .lp-setup-finish-card__heading-icon { color: #7067ED; } .lp-setup-step--finish .lp-setup-finish-summary .lp-setup-finish-card__heading-icon svg { width: 20px; height: 20px; stroke-width: 1.5; } .lp-setup-step--finish .lp-setup-finish-summary__list { margin-top: 14px; } .lp-setup-step--finish .lp-setup-finish-summary__item { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 20px; min-height: 44px; border-top: 1px solid #e5e7eb; } .lp-setup-step--finish .lp-setup-finish-summary__item:first-child { border-top: 0; } .lp-setup-step--finish .lp-setup-finish-summary__item > span { color: #898989; font-size: 14px; line-height: 1.4; } .lp-setup-step--finish .lp-setup-finish-summary__item > strong { color: #1e1e1e; font-size: 14px; font-weight: 600; line-height: 1.4; text-align: right; } .lp-setup-step--finish .lp-setup-finish-summary__item > a { display: inline-flex; align-items: center; color: #7067ED; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: underline; text-underline-offset: 2px; } .lp-setup-step--finish .lp-setup-finish-summary__item > a span { margin-left: 3px; } .lp-setup-step--finish .lp-setup-finish-summary__item > a:hover, .lp-setup-step--finish .lp-setup-finish-summary__item > a:focus { color: #5b52d1; } .lp-setup-step--finish .lp-setup-finish-next { padding: 28px; border-color: #e5e7eb; background: #ffffff; } .lp-setup-step--finish .lp-setup-finish-next .lp-setup-finish-card__heading { color: #1e1e1e; } .lp-setup-step--finish .lp-setup-finish-next .lp-setup-finish-card__heading > strong { font-size: 20px; font-weight: 600; } .lp-setup-step--finish .lp-setup-finish-next .lp-setup-finish-card__heading-icon { width: 24px; height: 24px; margin-right: 8px; color: #7067ED; font-size: 24px; } .lp-setup-step--finish .lp-setup-finish-next .lp-setup-finish__button { font-size: 16px; } .lp-setup-step--finish .lp-setup-finish-next .lp-setup-finish__button:not(.button-primary) { border-color: #7067ED; color: #7067ED; background: #ffffff; } .lp-setup-step--finish .lp-setup-finish-next__actions { display: flex; flex-direction: column; margin-top: 30px; } .lp-setup-step--finish .lp-setup-finish__button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 48px; margin: 0 0 12px; font-size: 14px; font-weight: 500; line-height: 1.4; text-align: center; text-decoration: none; } .lp-setup-step--finish .lp-setup-finish__documentation { align-self: center; margin-top: 4px; color: #7067ED; font-size: 16px; font-weight: 500; line-height: 1.4; text-decoration: underline; text-underline-offset: 2px; } .lp-setup-step--finish .lp-setup-finish__documentation:hover, .lp-setup-step--finish .lp-setup-finish__documentation:focus { color: #7067ED; } .lp-setup-step--finish .lp-setup-demo-course { width: 100%; } .lp-setup-step--finish .lp-setup-demo-course__install { margin-bottom: 12px; } .lp-setup-step--finish .lp-setup-demo-course__progress, .lp-setup-step--finish .lp-setup-demo-course__complete, .lp-setup-step--finish .lp-setup-demo-course__error { display: none; box-sizing: border-box; width: 100%; margin-bottom: 12px; padding: 13px 16px 12px; border: 1px solid #e5e7eb; border-radius: 4px; background: #ffffff; } .lp-setup-step--finish .lp-setup-demo-course[data-state=importing] .lp-setup-demo-course__install { display: none; } .lp-setup-step--finish .lp-setup-demo-course[data-state=importing] .lp-setup-demo-course__progress { display: block; } .lp-setup-step--finish .lp-setup-demo-course[data-state=complete] .lp-setup-demo-course__install { display: none; } .lp-setup-step--finish .lp-setup-demo-course[data-state=complete] .lp-setup-demo-course__complete { display: block; } .lp-setup-step--finish .lp-setup-demo-course[data-state=error] .lp-setup-demo-course__install { display: none; } .lp-setup-step--finish .lp-setup-demo-course[data-state=error] .lp-setup-demo-course__error { display: flex; } .lp-setup-step--finish .lp-setup-demo-course__error { flex-direction: column; align-items: flex-start; gap: 5px; } .lp-setup-step--finish .lp-setup-demo-course__error strong, .lp-setup-step--finish .lp-setup-demo-course__error span { font-size: 13px; line-height: 1.4; } .lp-setup-step--finish .lp-setup-demo-course__retry { margin-top: 3px; font-weight: 500; } .lp-setup-step--finish .lp-setup-demo-course__progress-title, .lp-setup-step--finish .lp-setup-demo-course__complete-title { display: flex; align-items: center; min-height: 22px; } .lp-setup-step--finish .lp-setup-demo-course__progress-title strong, .lp-setup-step--finish .lp-setup-demo-course__complete-title strong { color: #374151; font-size: 14px; font-weight: 500; line-height: 1.4; } .lp-setup-step--finish .lp-setup-demo-course__spinner, .lp-setup-step--finish .lp-setup-demo-course__complete-title > span { display: inline-flex; flex: 0 0 20px; align-items: center; justify-content: center; width: 20px; height: 20px; margin-right: 8px; color: #28A746; } .lp-setup-step--finish .lp-setup-demo-course__spinner::before, .lp-setup-step--finish .lp-setup-demo-course__complete-title > span::before { font-size: 19px; } .lp-setup-step--finish .lp-setup-demo-course__spinner { animation: lp-setup-demo-spin 1s linear infinite; } .lp-setup-step--finish .lp-setup-demo-course__divider { height: 1px; margin: 11px 0 12px; background: #e5e7eb; } .lp-setup-step--finish .lp-setup-demo-course__status-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; } .lp-setup-step--finish .lp-setup-demo-course__status-text { max-width: 290px; color: #1e1e1e; font-size: 13px; font-weight: 600; line-height: 1.45; } .lp-setup-step--finish .lp-setup-demo-course__status-row > div { display: flex; min-width: 0; flex-direction: column; } .lp-setup-step--finish .lp-setup-demo-course__status-row > div > strong { color: #1e1e1e; font-size: 13px; font-weight: 600; line-height: 1.45; } .lp-setup-step--finish .lp-setup-demo-course__status-row > div > a { margin-top: 2px; color: #2E91FA; font-size: 13px; font-weight: 500; text-decoration: none; } .lp-setup-step--finish .lp-setup-demo-course__status-row > div > a:hover, .lp-setup-step--finish .lp-setup-demo-course__status-row > div > a:focus { color: #5b52d1; } .lp-setup-step--finish .lp-setup-demo-course__percent { flex: 0 0 auto; color: #28A746; font-size: 13px; font-weight: 600; } .lp-setup-step--finish .lp-setup-demo-course__bar { max-width: none; margin-top: 12px; } @keyframes lp-setup-demo-spin { to { transform: rotate(360deg); } } @media (max-width: 760px) { .lp-setup-step--finish #content { margin-top: 40px; margin-bottom: 120px; } .lp-setup-step--finish .lp-setup-finish__grid { grid-template-columns: 1fr; } .lp-setup-step--finish .lp-setup-finish-card { min-height: 0; } } @media (max-width: 700px) { .lp-setup-step--finish .lp-setup-footer-bar { grid-template-columns: 1fr auto; column-gap: 0; } .lp-setup-step--finish .lp-setup-footer-bar__controls { grid-column: 2; justify-self: end; } } @media (max-width: 480px) { .lp-setup-step--finish .lp-setup-finish-summary__item { grid-template-columns: 1fr; gap: 3px; padding: 10px 0; } .lp-setup-step--finish .lp-setup-finish-summary__item > strong { text-align: left; } }