/* landingpages */
.lp-seller-preview{padding:10px;background:#000;color:white;font-size:14px;text-align:center;font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",  Arial, sans-serif}
.lp-seller-preview a{color:white;}
.lp-seller-preview a:hover{color:white;text-decoration:none;}


/* global styles */
body{
    color:var(--global-font-color);
    padding:0px;margin:0;
    font-size:var(--global-main-font-size-px);
    padding-left:var(--global-padding-left);
    padding-right:var(--global-padding-right);
}

body *{
    font-family:var(--global-main-font-family);
    font-weight:var(--global-main-font-weight);
    font-style:var(--global-main-font-style);
    border-top-width:0;border-bottom-width:0;border-left-width:0;border-right-width:0;
}

.lp-site-bg{
    content:"";
    position: fixed;
    inset: 0px;
    z-index: -1;
    background-color:var(--global-bg-color);
    background-image:var(--global-bg-image-url);
    background-repeat:var(--global-bg-repeat);
    background-position:var(--global-bg-position);
    background-size:var(--global-bg-size);
}

a{
    color:var(--global-link-color);
    text-decoration: var(--global-link-text-decoration);
}
a:hover {
    color: var(--global-link-color-hover);
}

.lpe-type-heading a{
    color: inherit;
    text-decoration: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    font-family: inherit;
    font-weight: inherit;
    font-style: inherit;
}

.cursor-pointer{cursor:pointer;}

/* --- Typography Defaults --- */
/*
 We set sensible default margins for typographic elements to create a consistent vertical rhythm.
 We generally only set margin-bottom to avoid issues with collapsing margins.
*/
h1, h2, h3, h4, h5, h6, p, ul, ol {
    margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.5em;
}
p, ul, ol {
    margin-bottom: 1em;
}
ul, ol {
    list-style-position: inside;
}
/* Remove bottom margin from the last element inside any block to prevent double spacing */
.lpe > *:last-child {
    margin-bottom: 0;
}


p, p span, li, li span, p font, li font {
    font-size: var(--global-main-font-size);
    line-height: var(--global-main-line-height);
    letter-spacing: var(--global-main-letter-spacing);
    font-family: var(--global-main-font-family);
    font-weight: var(--global-main-font-weight);
    font-style: var(--global-main-font-style);
}
p strong, p span strong, p b, p span b { font-weight: bolder; }
p em, p span em, p i, p span i { font-style: italic; }
p u, p span u { text-decoration: underline; }

h1, h1 span, .lpb-text-preset-h1 li, h1 font, .lpb-text-preset-h1 li font {
    font-size: var(--global-h1-font-size);
    line-height: var(--global-h1-line-height);
    letter-spacing: var(--global-h1-letter-spacing);
    font-family: var(--global-h1-font-family);
    font-weight: var(--global-h1-font-weight);
    font-style: var(--global-h1-font-style);
}
h2, h2 span, .lpb-text-preset-h2 li, h2 font, .lpb-text-preset-h2 li font {
    font-size: var(--global-h2-font-size);
    line-height: var(--global-h2-line-height);
    letter-spacing: var(--global-h2-letter-spacing);
    font-family: var(--global-h2-font-family);
    font-weight: var(--global-h2-font-weight);
    font-style: var(--global-h2-font-style);
}
h3, h3 span, .lpb-text-preset-h3 li, h3 font, .lpb-text-preset-h3 li font {
    font-size: var(--global-h3-font-size);
    line-height: var(--global-h3-line-height);
    letter-spacing: var(--global-h3-letter-spacing);
    font-family: var(--global-h3-font-family);
    font-weight: var(--global-h3-font-weight);
    font-style: var(--global-h3-font-style);
}
h4, h4 span, .lpb-text-preset-h4 li, h4 font, .lpb-text-preset-h4 li font {
    font-size: var(--global-h4-font-size);
    line-height: var(--global-h4-line-height);
    letter-spacing: var(--global-h4-letter-spacing);
    font-family: var(--global-h4-font-family);
    font-weight: var(--global-h4-font-weight);
    font-style: var(--global-h4-font-style);
}
h5, h5 span, .lpb-text-preset-h5 li, h5 font, .lpb-text-preset-h5 li font {
    font-size: var(--global-h5-font-size);
    line-height: var(--global-h5-line-height);
    letter-spacing: var(--global-h5-letter-spacing);
    font-family: var(--global-h5-font-family);
    font-weight: var(--global-h5-font-weight);
    font-style: var(--global-h5-font-style);
}
h6, h6 span, .lpb-text-preset-h6 li, h6 font, .lpb-text-preset-h6 li font {
    font-size: var(--global-h6-font-size);
    line-height: var(--global-h6-line-height);
    letter-spacing: var(--global-h6-letter-spacing);
    font-family: var(--global-h6-font-family);
    font-weight: var(--global-h6-font-weight);
    font-style: var(--global-h6-font-style);
}

@media (max-width: 768px) {
    p, p span, li, li span, p font, li font, .lpb-text-preset-p li, .lpb-text-preset-p li span, .lpb-text-preset-p li font {
        font-size: var(--global-main-font-size-mobile, var(--global-main-font-size));
    }
    h1, h1 span, .lpb-text-preset-h1 li, h1 font, .lpb-text-preset-h1 li font {
        font-size: var(--global-h1-font-size-mobile, var(--global-h1-font-size));
    }
    h2, h2 span, .lpb-text-preset-h2 li, h2 font, .lpb-text-preset-h2 li font {
        font-size: var(--global-h2-font-size-mobile, var(--global-h2-font-size));
    }
    h3, h3 span, .lpb-text-preset-h3 li, h3 font, .lpb-text-preset-h3 li font {
        font-size: var(--global-h3-font-size-mobile, var(--global-h3-font-size));
    }
    h4, h4 span, .lpb-text-preset-h4 li, h4 font, .lpb-text-preset-h4 li font {
        font-size: var(--global-h4-font-size-mobile, var(--global-h4-font-size));
    }
    h5, h5 span, .lpb-text-preset-h5 li, h5 font, .lpb-text-preset-h5 li font {
        font-size: var(--global-h5-font-size-mobile, var(--global-h5-font-size));
    }
    h6, h6 span, .lpb-text-preset-h6 li, h6 font, .lpb-text-preset-h6 li font {
        font-size: var(--global-h6-font-size-mobile, var(--global-h6-font-size));
    }
}

.faq-public-item{padding:10px 16px 0;}
.faq-public-item summary{font-weight:bolder;cursor:pointer;position:relative;padding:0 0 10px 0;}
.faq-public-item summary::marker, .faq-public-item summary::-webkit-details-marker{content:'';display:none;}
.faq-public-item summary .fa{transition: rotate 0.4s;position:absolute;right:5px;top:3px;}
.faq-public-item:open summary .fa{rotate:180deg;}
.faq-public-item details{margin:0 0 -10px 0}
.lpe.lpe-type-faq-section{display:flex;flex-direction:column;}

/*
.lpe-type-navigation-menu{position:relative;}
.lpe-type-navigation-menu{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;}
.lpe-type-navigation-menu img{height:48px;}
.lpe-type-navigation-menu .lpb-menu-links{display:flex;flex-direction:row;list-style:none;list-style-position:inside;margin:0;padding:0;}
.lpe-type-navigation-menu .lpb-mobile-menu-toggle{display:none;}
@media (max-width: 768px) {
    .lpe-type-navigation-menu .lpb-mobile-menu-toggle {
        display:block;background:none;border:0;font-size:24px;
    }
    .lpe-type-navigation-menu .lpb-mobile-menu-toggle .fa-bars {
        display: block;
    }
    .lpe-type-navigation-menu .lpb-mobile-menu-toggle .fa-times {
        display: none;
    }
    .lpe-type-navigation-menu.open .lpb-mobile-menu-toggle .fa-bars {
        display: none;
    }
    .lpe-type-navigation-menu.open .lpb-mobile-menu-toggle .fa-times {
        display:block;
    }
    .lpe-type-navigation-menu .lpb-menu-links {
        display:none;
    }
    .lpe-type-navigation-menu.open .lpb-menu-links {
        display:block;
        position:absolute;width:100%;right:0;left:0;background:white;top:100%;
        padding:20px;
    }
    .lpe-type-navigation-menu .lpb-menu-links li a {
        display:block;padding:20px 0 0 0;
    }
}*/

.lpe-type-countdown.style-1 .countdown-timer{display:block;flex-flow:row;font-size:30px;width:auto;}
.lpe-type-countdown.style-1 .countdown-timer .col{display:inline-block;vertical-align:top;text-align:center;min-width:60px;}
.lpe-type-countdown.style-1 .countdown-timer .col:nth-child(even){min-width:20px;opacity:.5}
.lpe-type-countdown.style-1 .countdown-timer .num{font-weight:bolder;}
.lpe-type-countdown.style-1 .countdown-timer .unit{opacity:.5;font-size:0.5em;}
@media (max-width: 768px) {
    .lpe-type-countdown.style-1 .countdown-timer{font-size:26px;}
    .lpe-type-countdown.style-1 .countdown-timer .col{min-width:50px;}
    .lpe-type-countdown.style-1 .countdown-timer .col:nth-child(even){min-width:10px;}
}

.lpe-type-countdown.style-2 .countdown-timer{display:block;flex-flow:row;font-size:40px;width:auto;}
.lpe-type-countdown.style-2 .countdown-timer .col{display:inline-block;vertical-align:top;text-align:center;min-width:60px;position:relative;}
.lpe-type-countdown.style-2 .countdown-timer .num{font-weight:bolder;margin:0 0 10px 0;min-width:70px;}
.lpe-type-countdown.style-2 .countdown-timer .num:after{content:'';height:5px;background:currentColor;position:absolute;bottom:26px;width:30px;left:50%;border-radius:5px;transform:translate(-50%,0%)}
.lpe-type-countdown.style-2 .countdown-timer .unit{opacity:.5;font-size:0.35em;}
@media (max-width: 768px) {
    .lpe-type-countdown.style-2 .countdown-timer{font-size:30px;}
    .lpe-type-countdown.style-2 .countdown-timer .num{min-width:60px;}
    .lpe-type-countdown.style-2 .countdown-timer .num:after{height:3px;bottom:20px;width:16px;}
}

/* wrapper */
.lp-wrapper{
    max-width: var(--global-max-page-width);
    margin: 0 auto;
    background-color: var(--global-bg-color-content);
    margin-top: var(--global-content-area-margin-top);
    margin-bottom: var(--global-content-area-margin-bottom);
    padding-top: var(--global-content-area-padding-top);
    padding-bottom: var(--global-content-area-padding-bottom);
    padding-left: var(--global-content-area-padding-left);
    padding-right: var(--global-content-area-padding-right);
    border-style: var(--global-content-area-border-style);
    border-top-width: var(--global-content-area-border-top-width);
    border-right-width: var(--global-content-area-border-right-width);
    border-bottom-width: var(--global-content-area-border-bottom-width);
    border-left-width: var(--global-content-area-border-left-width);
    border-color: var(--global-content-area-border-color);
    border-top-left-radius: var(--global-content-area-border-top-left-radius);
    border-top-right-radius: var(--global-content-area-border-top-right-radius);
    border-bottom-right-radius: var(--global-content-area-border-bottom-right-radius);
    border-bottom-left-radius: var(--global-content-area-border-bottom-left-radius);
    box-shadow: var(--global-content-area-box-shadow);
}

/* Section Element for Full-Width Stripes */
.lpe-type-section {
    width: calc(100vw - var(--scrollbar-width, 0px));
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw + var(--scrollbar-width, 0px)/2);
    margin-right: calc(-50vw + var(--scrollbar-width, 0px)/2);
}

.lpe-section-content-container {
    max-width: var(--global-max-page-width);
    margin: 0 auto;
    /* We need to re-apply the global content padding here */
    padding-left: var(--global-content-area-padding-left);
    padding-right: var(--global-content-area-padding-right);
}


/* landingpage elements */
.lp-wrapper .lpe{position:relative;}
.lp-wrapper .lpe p{}
.lp-wrapper .lpe img{max-width:100%;display:block;}

/* Progressive z-index stacking using CSS counters - each element gets a higher z-index than siblings before it */
.lp-wrapper, .lpe-layout-container, .lpe-section-content-container {
    counter-reset: lpe-stack;
}
.lpe {
    counter-increment: lpe-stack;
    z-index: counter(lpe-stack);
}


/* layout container */
.lpe-layout-container{display:flex;flex-flow:row;margin:0;padding:0;}
.lpe-type-layout > .lpe-layout-container {display: flex;}
.lpe-type-vertical-layout > .lpe-layout-container {display: flex;flex-direction:column;height: 100%;}
.lpe-layout-container > .lpe{}

/* Prevent images and videos in layout containers from shrinking, ensuring they respect their width setting. */
.lpe-layout-container > .lpe-type-image,
.lpe-layout-container > .lpe-type-video {
    flex-shrink: 0;
}

/* Visibility Helpers */
@media (max-width: 768px) {
    .lpb-hide-on-mobile {
        display: none !important;
    }
}
@media (min-width: 769px) {
    .lpb-hide-on-desktop {
        display: none !important;
    }
}


/* custom element styles */
.lpb-element-button{display:inline-block;text-decoration:none;}
.lpb-element-button,.lpb-button-primary,.lpb-button-secondary{text-align:center!important;}
.lpe-type-icon{line-height:1!important;}
.lpe-type-icon .lpb-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;}
.lpe-type-icon .lpb-icon-wrapper i{line-height:1!important;}

.lpb-button-primary {
    text-decoration: none;
    background-color: var(--global-primary-button-background-color);
    color: var(--global-primary-button-color);
    font-size: var(--global-primary-button-font-size);
    padding-top: var(--global-primary-button-padding-top);
    padding-right: var(--global-primary-button-padding-right);
    padding-bottom: var(--global-primary-button-padding-bottom);
    padding-left: var(--global-primary-button-padding-left);
    border-style: var(--global-primary-button-border-style);
    border-top-width: var(--global-primary-button-border-top-width);
    border-right-width: var(--global-primary-button-border-right-width);
    border-bottom-width: var(--global-primary-button-border-bottom-width);
    border-left-width: var(--global-primary-button-border-left-width);
    border-color: var(--global-primary-button-border-color);
    border-top-left-radius: var(--global-primary-button-border-top-left-radius);
    border-top-right-radius: var(--global-primary-button-border-top-right-radius);
    border-bottom-right-radius: var(--global-primary-button-border-bottom-right-radius);
    border-bottom-left-radius: var(--global-primary-button-border-bottom-left-radius);
    box-shadow: var(--global-primary-button-box-shadow);
    display:inline-block;
    width: var(--global-primary-button-width);
    max-width: var(--global-primary-button-max-width);
}
.lpb-button-primary:hover {
    background-color: var(--global-primary-button-background-color-hover);
    color: var(--global-primary-button-color-hover);
}

.lpb-button-secondary {
    text-decoration: none;
    background-color: var(--global-secondary-button-background-color);
    color: var(--global-secondary-button-color);
    font-size: var(--global-secondary-button-font-size);
    padding-top: var(--global-secondary-button-padding-top);
    padding-right: var(--global-secondary-button-padding-right);
    padding-bottom: var(--global-secondary-button-padding-bottom);
    padding-left: var(--global-secondary-button-padding-left);
    border-style: var(--global-secondary-button-border-style);
    border-top-width: var(--global-secondary-button-border-top-width);
    border-right-width: var(--global-secondary-button-border-right-width);
    border-bottom-width: var(--global-secondary-button-border-bottom-width);
    border-left-width: var(--global-secondary-button-border-left-width);
    border-color: var(--global-secondary-button-border-color);
    border-top-left-radius: var(--global-secondary-button-border-top-left-radius);
    border-top-right-radius: var(--global-secondary-button-border-top-right-radius);
    border-bottom-right-radius: var(--global-secondary-button-border-bottom-right-radius);
    border-bottom-left-radius: var(--global-secondary-button-border-bottom-left-radius);
    box-shadow: var(--global-secondary-button-box-shadow);
    display:inline-block;
    width: var(--global-secondary-button-width);
    max-width: var(--global-secondary-button-max-width);
}
.lpb-button-secondary:hover {
    background-color: var(--global-secondary-button-background-color-hover);
    color: var(--global-secondary-button-color-hover);
}


/* editor styles */
.lp-wrapper .loading{max-width:540px;min-width:240px;margin:0 auto;padding:0 10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.lp-wrapper .loading .spinner{width:24px;opacity:0.25}
.lp-wrapper .loading p{margin:10px 0 0 0;color:#999;font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",  Arial, sans-serif}
.lp-wrapper-empty.hidden{display:none;}
.lp-wrapper:not(:has(*)) + .lp-wrapper-empty{display:block;}
.lp-wrapper-empty div{max-width:540px;min-width:300px;margin:0 auto;padding:0 10px;color:#999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;}
.lp-wrapper-empty div h1{font-size:20px;}
.lp-wrapper-empty div p{font-size:14px;color:#aaa}
.s-landingpage-builder .lp-wrapper .lpe{cursor:pointer;position:relative;}
.s-landingpage-builder .lp-wrapper .lpe:before{content:'';border:1px dashed transparent;position:absolute;left:0;top:0;right:0;bottom:0;z-index:4;}
.s-landingpage-builder .lp-wrapper .lpe.lpe-controls-inside:before{margin:0;}
.s-landingpage-builder .lp-wrapper .lpe.highlight:before{border:1px dashed #ff633e;border-radius:0px;outline: 1px dashed white;}
.s-landingpage-builder .lp-wrapper .lpe.open:before{border:1px solid #ff633e;border-radius:0px;outline: 1px solid white;}
.s-landingpage-builder .lp-wrapper .lpe.open{z-index:10;}

.lpe-type-spacer{width:100%;}
.lpe-type-text ol, .lpe-type-text ul, .lpe-type-list ul, .lpe-type-list ol{margin:0;padding:0;}
.lpe-type-list li:last-child{margin-bottom:0;}

.lp-wrapper .lpe .lpe-type-tag{position:absolute;top:0px;right:0;background:#ff633e;color:white;font-size:11px;padding:2px 8px;display:none;z-index:10;border-radius:0 0 0 4px;user-select:none;}
.lp-wrapper .lpe.open .lpe-type-tag, .lp-wrapper .lpe.highlight .lpe-type-tag{display:block; display:none;}
.lp-wrapper .lpe.open .lpe .lpe-type-tag, .lp-wrapper .lpe.highlight .lpe .lpe-type-tag{display:none;}

.lp-wrapper .lpe .lpe-editing-options{font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",  Arial, sans-serif;position:absolute;bottom:-46px;left:50%;transform:translateX(-50%);background:#ff633e;color:#fff;font-size:12px;padding:1px 6px;display:none;z-index:11;border-radius:6px;white-space:nowrap;user-select:none;}
.lp-wrapper .lpe.open .lpe-editing-options{display:block;}
.lp-wrapper .lpe.lpe-controls-inside.open .lpe-editing-options{bottom:8px!important;}
.lp-wrapper .lpe.open .lpe .lpe-editing-options{display:none;}
.lp-wrapper .lpe .lpe-editing-options div{display:inline-block;padding:6px;text-align:center;width:26px;}
.lp-wrapper .lpe .lpe-editing-options div:last-child{color:#711818;}
.lp-wrapper .lpe .lpe-editing-options div:hover > i {opacity:.5}

.lp-wrapper .lpe .lpe-editing-options .lpe-editing-options-item {position: relative;}
.lp-wrapper .lpe .lpe-editing-options .lpe-editing-options-item:hover::after{content: attr(data-hover-text);position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background-color: #333;color: #fff;padding: 5px 10px;border-radius: 4px;font-size: 12px;white-space: nowrap;z-index:12;margin-bottom: 5px;pointer-events: none;font-family:-apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, "Helvetica Neue",  Arial, sans-serif;}
.lp-wrapper .lpe .lpe-editing-options .mobile-only{display:none;}
/* Show mobile-only items when the iframe initially loaded at 740px or less */
.initial-mobile-view .lp-wrapper .lpe .lpe-editing-options .mobile-only{display:inline-block;}

/* --- Animations --- */

/* --- On Hover Animations (will replay every time) --- */
.lpb-animate-on-hover:hover.lpb-animation-pulsate { animation: pulsate 1s both; }
.lpb-animate-on-hover:hover.lpb-animation-shake { animation: shake 1s both; }
.lpb-animate-on-hover:hover.lpb-animation-tada { animation: tada 1s both; }
.lpb-animate-on-hover:hover.lpb-animation-bounce { animation: bounce 1s both; }

/* --- Infinite Animations (with 2s pause between loops) --- */
.lpb-animate-infinite.lpb-animation-pulsate { animation: pulsate-infinite 3s infinite; }
.lpb-animate-infinite.lpb-animation-shake { animation: shake-infinite 3s infinite; }
.lpb-animate-infinite.lpb-animation-tada { animation: tada-infinite 3s infinite; }
.lpb-animate-infinite.lpb-animation-bounce { animation: bounce-infinite 3s infinite; }

/* --- Keyframes for Hover (1s duration, no pause) --- */
@keyframes pulsate {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}
@keyframes tada {
    0% {transform: scale(1);}
    10%, 20% {transform: scale(0.9) rotate(-3deg);}
    30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
    40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
    100% {transform: scale(1) rotate(0);}
}
@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0);}
    40%, 43% {transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -20px, 0);}
    70% {transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -10px, 0);}
    90% {transform: translate3d(0,-4px,0);}
}

/* --- Keyframes for Infinite (1s animation + 2s pause) --- */
@keyframes pulsate-infinite {
    0%, 33.3%, 100% { transform: scale(1); }
    16.5% { transform: scale(1.05); }
}
@keyframes shake-infinite {
    0%, 33.3%, 100% { transform: translateX(0); }
    3.3%, 10%, 16.5%, 23.1%, 30% { transform: translateX(-5px); }
    6.6%, 13.2%, 19.8%, 26.4% { transform: translateX(5px); }
}
@keyframes tada-infinite {
    0%, 33.3%, 100% {transform: scale(1) rotate(0);}
    3.3%, 6.6% {transform: scale(0.9) rotate(-3deg);}
    10%, 16.65%, 23.3%, 30% {transform: scale(1.1) rotate(3deg);}
    13.3%, 20%, 26.6% {transform: scale(1.1) rotate(-3deg);}
}
@keyframes bounce-infinite {
    0%, 6.6%, 17.5%, 26.4%, 33.3%, 100% {transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0);}
    13.2%, 14.2% {transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -20px, 0);}
    23.1% {transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -10px, 0);}
    29.7% {transform: translate3d(0,-4px,0);}
}

/* Custom HTML element - editor preview placeholder */
.lpb-custom-html-preview{padding:8px 12px;background:#f8f8f8;border:1px dashed #ccc;border-radius:6px;font-size:13px;color:#666;}
.lpb-custom-html-preview .lpb-custom-html-preview-label{font-weight:600;margin-bottom:0px;}
.lpb-custom-html-preview .lpb-custom-html-preview-label i{margin-right:5px;color:#999;}
.lpb-custom-html-preview pre{margin:10px 0 0;font-size:11px;white-space:pre-wrap;word-break:break-all;max-height:80px;overflow:hidden;color:#888;font-family:monospace;}