.lf17-stage{position:relative;isolation:isolate;min-width:0;max-width:100%;overflow:hidden;background:#0d0c17;color:#fff;font-family:Arial,sans-serif;border-radius:18px;padding:24px;box-sizing:border-box;--lf17-border:#ffffff35}.lf17-stage.live-demo{min-height:380px;display:flex;flex-direction:column;justify-content:center}.lf17-stage *{box-sizing:border-box}.lf17-stage h3{font-family:inherit!important;font-size:24px!important;line-height:1.25;margin:14px 0;color:#fff!important}.lf17-stage p{color:#ffffffa6!important;font-size:13px!important;line-height:1.5;margin:10px 0}.lf17-stage small{font:10px/1.4 monospace;color:#49ffad;letter-spacing:2px}.lf17-stage button,.lf17-stage a[data-demo-link]{background:transparent;border:1px solid #ffffff55;border-radius:10px;color:#fff;padding:10px 14px;cursor:pointer;font:13px/1.2 Arial;text-decoration:none;transition:border-color .25s,background .25s}.lf17-stage button:hover,.lf17-stage button.is-active{border-color:#49ffad}.lf17-stage input{background:transparent!important;color:#fff!important;border:1px solid var(--lf17-border)!important;border-radius:10px;padding:10px;max-width:100%;width:100%;font:14px Arial}.lf17-stage [hidden]{display:none!important}.lf17-stage svg{display:block;flex-shrink:0}.lf17-center,.lf17-page{max-width:550px;width:100%;margin:auto;padding:14px}.lf17-center{text-align:center}.lf17-page{min-height:220px}.lf17-banner{position:absolute;right:24px;bottom:50px;background:#16192cdd;border:1px solid #49ffad66;backdrop-filter:blur(15px);padding:22px;max-width:70%;border-radius:16px;transition:opacity .5s,transform .5s}.lf17-banner [data-close]{position:absolute;right:8px;top:8px;border:0;font-size:22px}.lf17-banner.is-closed,.lf17-welcome.is-closed{opacity:0;transform:translateY(12px);pointer-events:none}.lf17-reset{align-self:flex-start;margin-top:12px}.lf17-sidebar{display:grid;grid-template-columns:125px 1fr;gap:20px;min-width:0}.lf17-sidebar nav{display:flex;flex-direction:column;gap:15px;justify-content:center}.lf17-sidebar nav button{text-align:left;padding:8px 0;border:0;border-bottom:1px solid transparent;border-radius:0}.lf17-sidebar nav button.is-active{border-bottom-color:#49ffad;color:#49ffad}.lf17-scroll{height:240px;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth;min-width:0}.lf17-sidebar article{height:240px;display:flex;flex-direction:column;justify-content:center;padding:20px;background:#ffffff04}.lf17-label{font-size:12px;background:#fff;color:#111;padding:14px;text-align:center;margin:28px 0;transition:opacity .6s,transform .6s}.lf17-label.is-closed{opacity:0;transform:translateY(8px)}.lf17-stars{display:flex;justify-content:center;gap:8px;margin:22px 0}.lf17-stars button{font-size:38px;padding:0;border:0;color:#ffffff30}.lf17-stars button.is-active{color:var(--lf17-star,#ffcc00)}.lf17-player{width:min(100%,480px);margin:auto}.lf17-player label{display:flex;gap:20px;align-items:center;font-size:12px}.lf17-player input[type=range]{padding:0;height:15px;accent-color:#49ffad}.lf17-player-buttons{display:flex;gap:12px;justify-content:center;margin:20px 0}.lf17-player-buttons [data-prev] svg,.lf17-slides [data-prev] svg{transform:rotate(180deg)}.lf17-wave{height:65px;display:flex;align-items:center;justify-content:center;gap:5px}.lf17-wave i{display:block;width:5px;height:25px;border-radius:5px;background:#49ffad;transform:scaleY(.3)}.lf17-wave.is-playing i{animation:lf17-wave 1.2s ease-in-out infinite;animation-delay:calc(var(--i)*-.09s)}.lf17-track-list{display:flex;gap:12px;margin-top:15px}.lf17-track-list button{font-size:11px;flex:1}.lf17-slides{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:center;width:100%}.lf17-slides article{flex:1}.lf17-shape{width:100px;height:100px;border:1px solid #49ffad;border-radius:28px;background:linear-gradient(135deg,#49ffad28,#8fa6ff22);transform:rotate(var(--lf17-turn,12deg));transition:transform .8s;margin:28px auto}.lf17-marquee-button{display:block;max-width:340px;overflow:hidden;border:1px solid #49ffad;border-radius:16px;padding:20px 0;color:#fff;text-decoration:none;margin:28px auto}.lf17-marquee-button span{display:block;white-space:nowrap;animation:lf17-text 4s linear infinite}.lf17-form{max-width:430px;width:100%;margin:auto}.lf17-form label{display:block;font-size:12px;line-height:1.5;margin:14px 0}.lf17-form label span{position:relative;display:block}.lf17-form label svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#49ffad}.lf17-form label span input{padding-right:44px}.lf17-form>button{width:100%;margin:6px 0}.lf17-form.is-highlight input{border-color:#49ffad!important}.lf17-no-scrollbar{scrollbar-width:none}.lf17-no-scrollbar::-webkit-scrollbar{display:none}.lf17-no-scrollbar section{padding:25px 10px;min-height:170px;border-bottom:1px solid #fff2}.lf17-burger{float:right}.lf17-menu{position:absolute;inset:0 0 0 auto;width:min(75%,270px);padding:25px;background:#171724f5;backdrop-filter:blur(15px);display:flex;flex-direction:column;gap:25px}.lf17-menu a{border:0!important;border-bottom:1px solid #49ffad!important;border-radius:0!important}.lf17-welcome{position:absolute;inset:0;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#101222f5;backdrop-filter:blur(18px);transition:opacity 1s,transform 1s;z-index:2}.lf17-welcome .lf17-shape{animation:lf17-spin 8s linear infinite}.lf17-tabs{display:flex;justify-content:center;gap:10px;margin:20px 0}.lf17-tabs button{font-size:12px}.lf17-scheduled{padding:15px;border:1px solid #49ffad55;background:#49ffad0b;border-radius:14px}.lf17-clock{width:50px;height:50px;border:1px solid #49ffad;border-radius:50%;margin:15px auto;position:relative}.lf17-clock:after{content:'';position:absolute;left:24px;top:8px;width:1px;height:17px;background:#49ffad;transform-origin:bottom;animation:lf17-spin 12s linear infinite}.lf17-gradient-scroll{height:230px;position:relative;border:1px solid #ffffff18;border-radius:14px}.lf17-gradient-scroll>div{height:180px}.lf17-gradient{position:sticky;top:60px;border:0!important;padding:18px 35px!important}.lf17-image-marquee{overflow:hidden;width:calc(100% + 48px);margin-left:-24px}.lf17-image-marquee>div{display:flex;gap:12px;width:max-content;animation:lf17-image 20s linear infinite}.lf17-image-marquee article{width:160px;flex-shrink:0;border-radius:12px;overflow:hidden}.lf17-hint{text-align:center}.lfm-preview .lf17-stage{height:149px;min-height:149px;padding:0;border-radius:0}.lf17-mini{transform:scale(.58);transform-origin:top left;width:172.42%;height:255px;padding:15px;pointer-events:none}.lf17-mini .lf17-form{max-width:360px}.lf17-mini .lf17-form label{margin:6px 0}.lf17-mini .lf17-player .lf17-track-list,.lf17-mini .lf17-player label,.lf17-mini .lf17-player [data-seek],.lf17-mini .lf17-player [data-time],.lf17-mini [data-reset],.lf17-mini .lf17-reset{display:none}.lf17-mini .lf17-wave{height:35px}.lf17-mini h3{font-size:24px!important}.lf17-mini .lf17-banner{bottom:15px;right:20px;max-width:75%}.lf17-mini .lf17-sidebar{gap:10px}.lf17-fullscreen-close{position:absolute!important;right:18px;top:18px;z-index:50;background:#050212e6!important}.lf17-fullscreen{position:fixed!important;inset:0!important;z-index:2147483600;border-radius:0!important}.lf17-stage:fullscreen{height:100vh;display:flex;flex-direction:column;justify-content:center}.lf17-details .settings-table{width:100%}.lf17-details .product-controls{gap:16px}.lf17-details .install-steps li{color:#fff}.lf17-details .install-steps li b{color:#49ffad}.lf17-details .install-warning p{color:#ffffffb3}.lf17-details .install-steps a{color:#49ffad}.lf17-details .product-controls textarea{min-height:120px}
@keyframes lf17-text{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes lf17-wave{50%{transform:scaleY(1.5)}}@keyframes lf17-spin{to{transform:rotate(360deg)}}@keyframes lf17-image{to{transform:translateX(-50%)}}
@media(max-width:600px){.lf17-stage{padding:18px}.lf17-stage.live-demo{min-height:340px}.lf17-sidebar{grid-template-columns:90px 1fr;gap:10px}.lf17-sidebar article{padding:10px}.lf17-banner{right:15px;padding:18px;max-width:85%}.lf17-tabs{gap:6px}.lf17-tabs button{padding:8px;font-size:11px}.lf17-image-marquee{width:calc(100% + 36px);margin-left:-18px}.lf17-welcome{padding:25px}.lf17-slides{gap:8px}}
@media(prefers-reduced-motion:reduce){.lf17-stage *{animation-duration:60s!important;transition-duration:.01ms!important}}
