*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{transition:padding-left .5s cubic-bezier(.4,0,.2,1);font-family:arial,helvetica}h1{font-weight:100;color:rgba(255,255,255,.5);font-size:1.3em}h2{font-size:6em;font-size:calc(2em + 2vw);margin:0}.fp-slide,.section{text-align:center;font-family:arial,helvetica;color:#fff}.fp-bg{top:0;left:0;bottom:0;width:100%;position:absolute;z-index:-1;height:100%;background-size:cover;transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden}body[data-bg=gradients] #section1{background-image:linear-gradient(128deg,#40afff,#3f61ff)}body[data-bg=images] #section1 .fp-bg{background-image:url(https://fp-assets.alvarotrigo.com/imgs/playground/effect-slider-1.jpg)}body[data-bg=gradients] #section2,body[data-bg=gradients] .fp-slide{background-image:linear-gradient(128deg,#ff9a3f,#ff4b40)}body.fp-responsive[data-bg=images] .fp-slide{background-image:url(https://fp-assets.alvarotrigo.com/imgs/playground/effect-slider-4.jpg);background-size:cover;background-position:center}body[data-bg=images] #section2 .fp-bg{background-image:url(https://fp-assets.alvarotrigo.com/imgs/playground/effect-slider-4.jpg)}body[data-bg=gradients] #section3{background-image:linear-gradient(128deg,#fc40ff,#543fff)}body[data-bg=images] #section3 .fp-bg{background-image:url(https://fp-assets.alvarotrigo.com/imgs/playground/effect-slider-10.jpg)}#section4{min-height:200px}body[data-bg=gradients] #section4,body[data-bg=images] #section4{background-image:linear-gradient(135deg,#495399 10%,#040157 100%)}body[data-bg=images] .section{background-size:cover;background-position:center}.footer-menu{display:flex;gap:29px;justify-content:center}.footer-menu li{display:inline-block}#fp-nav{transition:transform .5s cubic-bezier(.4,0,.2,1)}#fp-nav ul li a span,.fp-slidesNav ul li a span{background:#fff}.fp-prev{margin-left:3%}.fp-next{margin-right:3%}#menu{position:fixed;top:0;right:0;height:40px;z-index:70;width:auto;padding:0;margin:0;display:none;transition:transform .5s cubic-bezier(.4,0,.2,1)}#menu li{display:inline-block;margin:10px;color:#000;background:rgba(255,255,255,.5);border-radius:10px}#menu li:hover{background:rgba(255,255,255,.8)}#menu li.active,#menu li.active:hover{background:rgba(0,0,0,.5)}#menu li a{text-decoration:none;color:#000;padding:9px 18px;display:block}#menu li.active a,#menu li.active:hover a:hover{color:#fff}.fp-tooltip{background:rgba(0,0,0,.3);padding:5px 10px;border-radius:10px;margin-top:-3px}.option-range{position:relative;padding-right:30px}.range-value{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#4c7bff;padding:2px 2px;border-radius:12px;font-size:12px;text-align:center}.options-wrapper{position:fixed;left:-320px;height:100vh;overflow:hidden;z-index:999;background-color:rgba(255,255,255,1);width:320px;margin:0;transition:transform .5s cubic-bezier(.4,0,.2,1);box-shadow:2px 0 8px rgba(0,0,0,.1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateZ(0)}.options{overflow-y:auto;height:calc(100% - 54px);padding:14px 0 0 0}.options-header{background:#fff;position:sticky;top:-14px;z-index:999999;padding:15px 0;transition:box-shadow .3s ease}.options-header.sticky-shadow{box-shadow:0 2px 8px rgba(0,0,0,.1)}.options-sentinel{height:1px}.options-reset{left:15px;top:0;cursor:pointer;font-size:13px;background:#f2f2f2;padding:3px 7px;border-radius:5px;color:rgba(0,0,0,.8);position:relative}.options-reset:hover{background:#fff;outline:1px solid rgba(0,0,0,.2)}.options-reset .help-icon{opacity:1}body.options-visible{padding-left:320px}body.options-visible .options-wrapper{transform:translateX(320px)}.option{list-style:none;display:flex;align-items:center;justify-content:space-between;position:relative;border-radius:5px;cursor:pointer}.option:not(.option-style):hover{background-color:rgba(0,0,0,.03)}.option-style{display:block}.option:last-child{margin-bottom:0}.option label{font-size:13px;font-weight:500;color:#333;flex:1;margin-right:12px;display:flex;align-items:center;gap:6px;padding:0 8px;height:40px;cursor:pointer}.option-style label{justify-content:right;margin:0}.help-wrapper{position:relative;display:inline-flex;margin-left:4px}.help-icon{color:#999;font-size:12px;cursor:help;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1px solid #ddd;transition:all .2s;opacity:0;cursor:pointer}.option:hover .help-icon{opacity:1}.help-icon:hover{color:#4c7bff;border-color:#4c7bff;background:rgba(76,123,255,.1)}.tooltip{display:none}div[data-tippy-root]{width:250px}.tippy-box[data-theme~=light]{color:#26323d;box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15);background-color:#fff}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:#fff}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:#fff}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:#fff}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:#fff}.tippy-box[data-theme~=light]>.tippy-backdrop{background-color:#fff}.tippy-box[data-theme~=light]>.tippy-svg-arrow{fill:#fff}.requires-title{display:block;border:0;font-size:10px}.tippy-box ul{padding:0;list-style:none}.tippy-box li{display:inline-block;padding:2px 6px;border:1px solid rgba(0,0,0,.1);border-radius:5px;font-size:10px}.tippy-content{padding:13px}.option-pro .tooltip-pro{content:'fullPage.js Extension';background-color:#ecf4fd;color:#4a8efc;padding:2px 10px;font-size:12px;border-radius:5px;display:inline-flex}.tooltip-button-pro{display:inline-flex;background:#4884ff;padding:5px 10px;border-radius:5px;text-align:center;color:#fff;font-weight:700;font-size:12px;text-decoration:none}.tooltip-button-pro:hover{background:#155df0}.help-right .tooltip{transform:translateX(-30%)}.help-left .tooltip:after,.help-right .tooltip:after{display:none}.help-left .tooltip{transform:translateX(-100%)}.option input[type=checkbox]{height:0;width:0;visibility:hidden;position:absolute}.option label.switch{cursor:pointer;width:40px;height:20px;background:#e0e0e0;display:block;border-radius:100px;position:relative;transition:.3s;flex:0 0 40px}.option-pro input:checked+label.switch{outline:2px solid #7fddff;box-shadow:0 0 14px #0000ffb5}.option-pro:after{content:"PRO";position:absolute;top:11px;right:60px;font-size:10px;padding:3px 5px;font-weight:700;border-radius:5px;background-color:#ecf4fd;color:#4a8efc}.option-easings:after,.option-effects:after{right:110px}.option-easings select,.option-effects select{max-width:100px}.option label.switch:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:16px;transition:.3s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.option input:checked+label.switch{background:#4c7bff}.option-pro input:checked+label.switch{background-color:#ff4ce1}.option input:checked+label.switch:after{left:calc(100% - 2px);transform:translateX(-100%)}.option input[type=checkbox]:disabled+label.switch{background:#e0e0e0;opacity:.5;cursor:not-allowed}.option input[type=checkbox]:disabled+label.switch:after{background:#ccc;cursor:not-allowed}.option input[type=checkbox]:checked:disabled+label.switch{background:rgba(76,123,255,.5)}.option input[type=checkbox]:checked:disabled+label.switch:after{background:rgba(255,255,255,.8)}.option select{appearance:none;-webkit-appearance:none;padding:6px 28px 6px 10px;font-size:13px;border:1px solid #e0e0e0;border-radius:6px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 6px center;background-size:14px;cursor:pointer;min-width:78px;color:#333;transition:.2s}.option select:hover{border-color:#4c7bff}.option select:focus{outline:0;border-color:#4c7bff;box-shadow:0 0 0 3px rgba(76,123,255,.1)}.option input[type=range]{-webkit-appearance:none;width:100%;max-width:80px;height:4px;border-radius:2px;background:#e0e0e0;outline:0;margin:8px 0}.option input[disabled]{opacity:.5;cursor:not-allowed}.option input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#4c7bff;cursor:pointer;transition:.2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.option input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#4c7bff;cursor:pointer;border:none;transition:.2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.option input[type=range][disabled]::-webkit-slider-thumb{cursor:not-allowed}.option input[type=range][disabled]::-moz-range-thumb{cursor:not-allowed}.option input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.option input[type=range]::-moz-range-thumb:hover{transform:scale(1.1)}.option input[type=number],.option input[type=text]{padding:6px 10px;font-size:13px;border:1px solid #e0e0e0;border-radius:6px;width:100%;max-width:100px;color:#333;transition:.2s}.option-group .option input[type=number],.option-group .option input[type=text]{max-width:61px}.option input[type=number]:focus,.option input[type=text]:focus{outline:0;border-color:#4c7bff;box-shadow:0 0 0 3px rgba(76,123,255,.1)}.option-group{margin-top:8px;padding-left:16px;display:none;position:relative;margin-bottom:20px}.option-group::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:1px;background:rgba(76,123,255,.2);border-radius:2px}.option-group.active{display:block}.option-group label{font-size:13px;margin-right:4px;user-select:none}.option-group .option-range input[type=range]{max-width:61px}.option-group .option:last-child{margin-bottom:0}.options::-webkit-scrollbar{width:8px}.options::-webkit-scrollbar-track{background:0 0}.options::-webkit-scrollbar-thumb{background:rgba(0,0,0,.1);border-radius:4px}.options::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.2)}.notification{position:fixed;top:20px;left:20px;display:none;background:rgba(189,255,132,.95);padding:8px 18px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:13px;color:#333;z-index:9999;transform:translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.options-visible .notification{left:340px;display:block}.notification.show{transform:translateY(0);opacity:1}.notification.hide{transform:translateY(100px);opacity:0}.boxes{max-height:60vh;max-width:70vw;overflow-y:auto;background:rgba(255,255,255,.4);width:600px;overflow-y:scroll;margin:15px auto 0 auto;border-radius:12px}.box{width:280px;margin:20px auto;padding:55px;display:block;justify-content:center;align-items:center;font-size:1.2em;background-color:rgba(255,255,255,.5)}.overflow-boxes .box{font-size:1.4em;align-items:start;width:480px;max-width:70vw;padding:95px}div[data-on-active],div[data-on-inactive]{display:none}.lazy-image{max-width:42vw;max-height:35vh;border-radius:10px;margin-top:10px;box-shadow:0 4px 24px 0 rgb(255 84 84 / 30%),0 12px 64px 0 rgb(0 0 0 / 30%)}.bg-options{display:flex;justify-content:space-around;padding:0 24px;margin-bottom:5px}.bg-option{border-radius:8px;margin:4px;padding:10px 20px;cursor:pointer;filter:grayscale(100%);opacity:.7;display:inline-block;border:1px solid rgba(0,0,0,.1);text-align:center}.bg-option span{width:25px;height:25px;display:inline-block;border-radius:5px}.bg-option-name{font-size:11px}.bg-option.active,.bg-option:hover{filter:grayscale(0);opacity:1}.bg-option.active{outline:2px solid #3b82f6;outline-offset:1px}.bg-colors span{background-image:linear-gradient(128deg,#40afff,#3f61ff)}.bg-images span{background-image:url(https://fp-assets.alvarotrigo.com/imgs/playground/icon-imgs.png);background-size:160%;background-position:center;border:1px solid #999}.bg-videos span{background-image:url(https://fp-assets.alvarotrigo.com/imgs/playground/bg-video.png);background-position:50%;background-size:80%}.configure-button{position:fixed;top:20px;left:20px;z-index:1000;background:rgba(255,255,255,.95);border:none;padding:12px 16px;border-radius:8px;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;color:#333;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.configure-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.shake-once{animation:tilt-shaking .15s ease-in-out infinite}@keyframes tilt-shaking{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(5px,5px) rotate(5deg)}50%{transform:translate(0,0) rotate(0eg)}75%{transform:translate(-5px,5px) rotate(-5deg)}100%{transform:translate(0,0) rotate(0)}}.options-getConfig-wrapper{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:#fff;border-top:1px solid rgba(0,0,0,.05);padding:8px;display:flex;gap:10px;align-items:center;justify-content:space-between}.options-getConfig-button{position:relative;display:inline-flex;background:#4884ff;padding:10px 12px;border-radius:5px;text-align:center;margin:0 auto;color:#fff;font-weight:700;font-size:13px;cursor:pointer;flex-grow:1;justify-content:center}.codesandbox-form-wrapper{display:none}.options-getConfig-button svg{width:16px;height:16px;margin-right:5px}.options-getConfig-button ul{display:none}.options-getConfig-button.active ul{position:absolute;bottom:30px;left:0;width:100%;display:block;z-index:9999;border-radius:3px;overflow:hidden;box-shadow:0 5px 12px rgba(0,0,0,.2);list-style:none;padding:0}.options-getConfig-button ul li{padding:0 10px;font-size:13px;padding:15px 20px 15px 20px;background:#3170f0;text-align:right;display:flex;justify-content:center;align-items:center}.options-getConfig-button ul li:hover{background:#155df0}.options-getConfig-button:hover{background:#155df0}.options-getConfig-button i{width:30px;height:30px;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:50%;margin-right:5px}i.javascript{background-image:url(https://alvarotrigo.com/fullPage/imgs/landing/integrations/js.svg)}i.react{background-image:url(https://alvarotrigo.com/fullPage/imgs/landing/integrations/react-logo.svg?v=3)}i.vue{background-image:url(https://alvarotrigo.com/fullPage/imgs/landing/integrations/vue-white.svg)}.configure-button svg{width:16px;height:16px}.configure-button.hidden{opacity:0;pointer-events:none;transform:translateX(-20px)}.options-close{position:absolute;top:10px;right:15px;background:#fff;border:none;cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s;border:1px solid transparent;z-index:999999}.options-close:hover{background-color:rgba(0,0,0,.05)}.options-close svg{width:20px;height:20px;color:#000}.option-category{border-bottom:1px solid rgba(0,0,0,.1)}.option-warning{background:#eff6ff;color:#1e40af;padding:11px 12px;margin:20px;border-radius:8px;font-size:14px;text-align:left}.option-warning a{color:#00f;text-decoration:underline}.category-header{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:16px;user-select:none}.category-header:hover{background-color:rgba(0,0,0,.05)}.category-header h3{margin:0;font-size:14px;font-weight:600;color:#333}.category-header .arrow{transition:transform .3s ease}.category-header.collapsed .arrow{transform:rotate(-90deg)}.category-content{transition:max-height .3s ease-out,opacity .2s ease-out;max-height:2000px;opacity:1;padding:12px 16px}.category-content.collapsed{max-height:0;opacity:0;margin:0;overflow:hidden;padding:0 16px}.section-arrow{position:fixed;bottom:15px;left:50%;margin-left:-20px;width:40px;height:40px;background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);background-size:contain}.bounce{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite}.btn-buy-wrapper{margin:0 auto;top:20px;right:20px;position:fixed;z-index:1000;display:none;transition:top .5s cubic-bezier(.4,0,.2,1)}.menu-active .btn-buy-wrapper{top:60px}.btn-buy{font-weight:700;background:linear-gradient(135deg,#4600ca -13%,#e02ba0 100%);box-shadow:0 4px 24px 0 rgba(103,151,255,.1),0 12px 64px 0 rgba(103,151,255,.1);font-size:1.12em;padding:10px 15px;height:auto;margin:0 3px;border-color:#fff;border-radius:5px;border-style:solid;border-width:1px;margin:0 auto;animation:heartbeat 1s infinite}.btn-buy-wrapper.active{display:flex}.btn-buy a{color:#fff;text-decoration:none;vertical-align:middle}@keyframes heartbeat{50%{transform:scale(1.05);box-shadow:0 0 14px #df0}}@keyframes bounce{0%,100%,20%,50%,80%{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.overlay-video{display:none;position:absolute;right:0;bottom:0;top:0;right:0;width:100%;height:100%;background-size:100% 100%;background-color:#000;background-position:center center;background-size:cover;object-fit:cover;z-index:-100;-webkit-backface-visibility:hidden;backface-visibility:hidden}body[data-bg=videos] .overlay-video{display:block}body[data-bg=videos] h1{color:rgba(255,255,255,.9);text-shadow:0 0 2px rgba(0,0,0,.4)}body[data-bg=videos] h2{text-shadow:0 0 8px rgba(0,0,0,.6)}.modal-content{display:none}.modal-content.active{display:block}@media screen and (max-width:400px){#menu li a{font-size:12px;padding:6px 6px}#menu li{margin:10px 1px}}
/*# sourceMappingURL=demo.min.css.map */