.lp-n-control{--lp-n-ease:cubic-bezier(.23, 1, .32, 1)}.lp-n-control-grid{grid-template-columns:minmax(0,1fr);gap:44px;display:grid}.lp-n-control-title{text-wrap:balance;margin-bottom:clamp(24px,3.4vw,44px)}.lp-n-control-gates{margin:0;padding:0;list-style:none}.lp-n-control-gate{grid-template-columns:28px minmax(0,1fr);column-gap:18px;display:grid;position:relative}.lp-n-control-gate:not(:last-child):before{content:"";background:var(--lp-line-2);width:2px;position:absolute;top:49px;bottom:-21px;left:13px}.lp-n-control-node{box-sizing:border-box;z-index:1;border:2px solid var(--lp-line-2);background:var(--lp-bg);border-radius:50%;place-items:center;width:28px;height:28px;margin-top:21px;display:grid;position:relative}.lp-n-control-node:after{content:"";background:var(--lp-faint);border-radius:50%;width:8px;height:8px}.is-yes .lp-n-control-node{border-color:var(--brand-hot);background:var(--brand-hot);color:var(--nc-dark-ink);box-shadow:0 0 0 5px color-mix(in srgb, var(--brand-hot) 14%, transparent)}.is-yes .lp-n-control-node:after{content:none}.lp-n-control-node svg{width:15px;height:15px}.lp-n-control-gate-copy{border-top:1px solid var(--lp-line);min-width:0;padding:20px 0 22px}.lp-n-control-gate:last-child .lp-n-control-gate-copy{border-bottom:1px solid var(--lp-line)}.lp-n-control-gate-copy b{font-family:var(--lp-font);letter-spacing:-.025em;color:var(--lp-ink);font-size:clamp(1.4rem,2vw,1.75rem);font-weight:600;line-height:1.15;display:block}.lp-n-control-gate-copy p{max-width:36ch;color:var(--lp-muted);text-wrap:pretty;margin:7px 0 0;font-size:1.0625rem;line-height:1.45}.lp-n-control-fig{min-width:0;margin:0}.lp-n-control-frame{background:var(--lp-soft);box-shadow:var(--nc-shadow-float), 0 0 0 1px var(--lp-line);border-radius:22px}.lp-n-control-edit{border:1px solid var(--lp-line);background:var(--lp-panel);border-radius:16px;align-items:center;gap:14px;width:fit-content;max-width:100%;margin-top:20px;padding:14px 18px;display:flex}.lp-n-control-edit-label{border-right:1px solid var(--lp-line);font:600 14px/1.2 var(--lp-body);color:var(--lp-muted);flex:none;padding-right:14px}.lp-n-control-edit-text{min-width:0;font-family:var(--lp-font);letter-spacing:-.01em;color:var(--lp-ink);text-wrap:balance;font-size:clamp(1.0625rem,1.5vw,1.2rem);font-weight:500;line-height:1.3}.lp-n-control-cap{color:var(--lp-muted);text-wrap:pretty;margin:16px 0 0;font-size:1.0625rem;line-height:1.45}.lp-n-cmp{--pos:50;--x:calc(22px + (100cqw - 44px) * var(--pos) / 100);aspect-ratio:16/9;isolation:isolate;background:var(--lp-soft);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:ew-resize;border-radius:22px;position:relative;overflow:hidden;container-type:inline-size}.lp-n-cmp-img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.lp-n-cmp-before{clip-path:inset(0 calc(100cqw - var(--x)) 0 0);position:absolute;inset:0}.lp-n-cmp-tag{font:600 14px/1 var(--lp-body);color:var(--nc-dark-ink);background:color-mix(in srgb, var(--nc-media) 60%, transparent);pointer-events:none;border-radius:999px;padding:7px 12px;position:absolute;top:14px}.lp-n-cmp-tag-before{opacity:clamp(0, calc((var(--pos) - 12) / 8), 1);left:14px}.lp-n-cmp-tag-after{opacity:clamp(0, calc((92 - var(--pos)) / 8), 1);right:14px}.lp-n-cmp-handle{width:44px;transform:translateX(calc(var(--x) - 22px));place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0}.lp-n-cmp-line{background:var(--nc-dark-ink);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--nc-media) 22%, transparent);position:absolute;top:0;bottom:0;left:21px}.lp-n-cmp-knob{box-sizing:border-box;width:44px;height:44px;color:var(--nc-media);background:var(--nc-dark-ink);box-shadow:0 8px 20px -6px color-mix(in srgb, var(--nc-media) 65%, transparent), 0 0 0 1px color-mix(in srgb, var(--nc-media) 20%, transparent);transition:transform .16s var(--lp-n-ease);border-radius:50%;outline:none;place-items:center;display:grid;position:relative}.lp-n-cmp-knob svg{width:20px;height:20px}.lp-n-cmp-knob:focus-visible{box-shadow:inset 0 0 0 3px var(--brand-hot), 0 8px 20px -6px color-mix(in srgb, var(--nc-media) 65%, transparent)}@media (hover:hover){.lp-n-cmp-knob:hover{transform:scale(1.06)}}.lp-n-cmp[data-drag] .lp-n-cmp-knob{transform:scale(.94)}@supports not (width:1cqw){.lp-n-cmp-handle{left:calc(var(--pos) * 1%);transform:translate(-50%)}.lp-n-cmp-before{clip-path:inset(0 calc(100% - var(--pos) * 1%) 0 0)}}.lp-n-control .lp-n-r{opacity:0;transition:opacity .6s var(--lp-n-ease) calc(var(--i,0) * 80ms), transform .6s var(--lp-n-ease) calc(var(--i,0) * 80ms);transform:translateY(14px)}.lp-n-control .lp-n-control-frame.lp-n-r{transform:translateY(24px)scale(.97)}.lp-n-control-node{opacity:0;transition:opacity .4s var(--lp-n-ease) calc(var(--i,0) * 80ms + .14s), transform .4s var(--lp-n-ease) calc(var(--i,0) * 80ms + .14s);transform:scale(.9)}.lp-n-control-gate:not(:last-child):before{clip-path:inset(0 0 100%);transition:clip-path .5s var(--lp-n-ease) calc(var(--i,0) * 80ms + .3s)}.lp-n-control.is-in .lp-n-r,.lp-n-control.is-in .lp-n-control-frame.lp-n-r,.lp-n-control.is-in .lp-n-control-node{opacity:1;transform:none}.lp-n-control.is-in .lp-n-control-gate:not(:last-child):before{clip-path:inset(0)}@media (scripting:none){.lp-n-control .lp-n-r,.lp-n-control .lp-n-control-frame.lp-n-r,.lp-n-control-node{opacity:1;transition:none;transform:none}.lp-n-control-gate:not(:last-child):before{clip-path:none;transition:none}}@media (min-width:900px){.lp-n-control-grid{grid-template-columns:minmax(0,4.6fr) minmax(0,7.4fr);align-items:center;column-gap:clamp(48px,5.5vw,88px)}}@media (max-width:640px){.lp-n-control-grid{gap:36px}.lp-n-control-gate{column-gap:16px}.lp-n-control-frame,.lp-n-cmp{border-radius:18px}.lp-n-control-edit{gap:12px;padding:12px 14px}.lp-n-control-edit-label{padding-right:12px}.lp-n-cmp-tag-before{opacity:clamp(0, calc((var(--pos) - 22) / 10), 1)}.lp-n-cmp-tag-after{opacity:clamp(0, calc((84 - var(--pos)) / 10), 1)}}@media (prefers-reduced-motion:reduce){.lp-n-control .lp-n-r,.lp-n-control .lp-n-control-frame.lp-n-r,.lp-n-control-node{opacity:1;transition:none;transform:none}.lp-n-control-gate:not(:last-child):before{clip-path:none;transition:none}.lp-n-cmp-knob{transition:none}}
