.Slider {
color: var(--lplb-text-color, #fff);
position: fixed;
width: 100%;
z-index: 9999;
}
.Slider a {
color: var(--lplb-text-color, #fff);
text-decoration: underline;
}
.Slider--scrolled {
bottom: 0; height: 100vh;
overflow-x: hidden;
}
.Slider__InnerContainer {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--lplb-bg-color, #000);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
height: calc(100vh - 350px);
padding: 105px 0;
position: absolute;
top: 100vh;
-webkit-transition: all 1s;
transition: all 1s;
width: 100%;
}
.Slider__InnerContainer--scrolled {
bottom: 0; height: 100vh;
top: 350px;
}
.Slider__ExpandedHeader {
font-size: 24px;
font-weight: 600;
letter-spacing: .1px;
line-height: 28px;
text-align: center;
color: var(--lplb-text-color, #fff);
}
.Slider__ExpandedSubHeader {
font-size: 16px;
font-weight: 400;
letter-spacing: .1px;
line-height: 22px;
text-align: center;
width: 523px;
margin-bottom: 15px;
}
.Slider .Form__Container {
background: var(--lplb-bg-color, #000);
width: 100vw;
max-width: 800px;
}
.Slider__InputGroup,
.lp-list-builder-auth__form {
max-width: 420px;
margin: 0 auto;
}
.Slider__InputRow {
margin-bottom: 20px;
}
.Slider__InputRow label {
display: block;
color: var(--lplb-text-color, #fff);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 8px;
}
.Slider .TextField input {
width: 100%;
background: #fff;
color: #1d2327;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
padding: 12px 14px;
border: 1px solid #ddd;
border-radius: 6px;
box-sizing: border-box;
outline: none;
transition: border-color 0.15s ease, box-shadow 0.15s ease;
-webkit-appearance: none;
}
.Slider .TextField input:focus {
background: #fff;
border-color: var(--lplb-button-color, #E45637);
box-shadow: 0 0 0 2px rgba(228, 86, 55, 0.15);
}
.Slider .TextField input::placeholder {
color: #999;
}
#lplb-portal .lp-list-builder__msg {
text-align: center;
font-style: italic;
}
.lp-inline-auth__success {
text-align: center;
}
@keyframes lp-spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
#lplb-portal .Slider__ExpandedButton {
display: block;
margin: 0 auto 24px;
min-width: 200px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.5px;
padding: 12px 32px;
background: var(--lplb-button-color, #E45637);
color: var(--lplb-button-text-color, #fff);
border: none;
border-radius: 6px;
cursor: pointer;
transition: opacity 0.15s ease;
}
#lplb-portal .Slider__ExpandedButton:hover {
opacity: 0.9;
}
.lp-list-builder__spinner--inline {
display: inline-block;
width: 14px;
height: 14px;
margin-left: 6px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-top-color: #fff;
border-radius: 50%;
animation: lp-spin 0.8s linear infinite;
}
.Slider__Policy {
text-align: center;
}
.Slider__Policy p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 13px;
line-height: 1.4;
color: var(--lplb-text-color, #ddd);
opacity: 0.6;
margin: 0;
}
.Slider__Policy p a {
color: var(--lplb-text-color, #ddd);
text-decoration: underline;
}
.Slider__UnAuthenticatedContainer {
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
justify-content: center;
margin-left: auto;
margin-right: auto;
min-width: 650px;
padding-top: 10px;
width: 38%;
}
.Slider__FooterText {
text-align: center;
}
.Slider__FooterLink {
border-bottom: 2px solid var(--lplb-text-color, #fff);
color: var(--lplb-text-color, #fff);
font-size: 12px;
font-weight: 500;
letter-spacing: .14em;
line-height: 18px;
padding-bottom: 2px;
padding-top: 2px;
text-align: center;
text-transform: uppercase;
}
#lplb-mask, #lplb-portal {
visibility: hidden;
pointer-events: none;
}
#lplb-mask.is-visible, #lplb-portal.is-visible {
visibility: visible;
pointer-events: auto;
}
#lplb-mask {
position: fixed;
overflow: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(rgba(0, 0, 0, 0.2) 20%, rgba(0, 0, 0, 0.8));
z-index: 500;
opacity: 0;
transition: opacity 0.5s ease;
}
#lplb-mask.is-active {
opacity: 1;
}
#lplb-portal {
min-height: 50vh;
position: fixed;
top: 100vh;
width: 100%;
z-index: 9998;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
#lplb-portal.is-active {
-webkit-transform: translateY(-50vh);
-ms-transform: translateY(-50vh);
transform: translateY(-50vh);
}
@media (max-width: 768px) {
.Slider__InnerContainer {
padding: 60px 20px;
}
.Slider__ExpandedSubHeader {
width: auto;
}
.Slider .Form__Container {
padding: 0 20px;
box-sizing: border-box;
}
.Slider__UnAuthenticatedContainer {
min-width: 0;
width: auto;
padding-left: 20px;
padding-right: 20px;
}
}