
 .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: calc(100vh - 52px); */
     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: calc(100vh - 52px); */
     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;
    }

 }
