@property --c1{syntax:"<percentage>";inherits:false;initial-value:40%}@property --c2{syntax:"<percentage>";inherits:false;initial-value:70%}.nl-wm{--wm-ink:var(--foreground);--wm-g:#72d35b;--wm-s:#72d35b;--gap:2.6%;--ease:cubic-bezier(.2, .7, .2, 1);text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;display:block}.nl-wm__l{--c1:var(--c1v);--c2:var(--c2v);--d:calc(var(--i) * 70ms);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(var(--ang), var(--f1) 0 var(--c1), transparent var(--c1) calc(var(--c1) + var(--gap)), var(--f2) calc(var(--c1) + var(--gap)) var(--c2), transparent var(--c2) calc(var(--c2) + var(--gap)), var(--f3) calc(var(--c2) + var(--gap)));display:inline-block}.nl-wm[data-variant=L4] .nl-wm__l{background-image:repeating-linear-gradient(var(--ang), var(--f1) 0 15%, transparent 15% 17.5%, var(--f2) 17.5% 32.5%, transparent 32.5% 35%)}.nl-wm[data-variant=L5] .nl-wm__l{background-image:linear-gradient(90deg, var(--f1) 0 var(--c1), var(--f2) var(--c1)), none;-webkit-mask-image:repeating-linear-gradient(0deg,#000 0 .055em,#0000 .055em .08em);mask-image:repeating-linear-gradient(0deg,#000 0 .055em,#0000 .055em .08em)}.nl-wm[data-variant=L6] .nl-wm__l{-webkit-text-stroke:1.5px var(--wm-ink);background-image:linear-gradient(90deg, var(--f1) 0 var(--c1), transparent var(--c1) calc(var(--c1) + var(--gap)), var(--f2) calc(var(--c1) + var(--gap)) var(--c2), transparent var(--c2))}.nl-wm[data-variant=L7] .nl-wm__l{background-image:radial-gradient(circle at 50% 118%, var(--f1) 0 var(--c1), transparent var(--c1) calc(var(--c1) + var(--gap)), var(--f2) calc(var(--c1) + var(--gap)) var(--c2), transparent var(--c2) calc(var(--c2) + var(--gap)), var(--f3) calc(var(--c2) + var(--gap)))}.nl-wm[data-variant=P4] .nl-wm__l{-webkit-text-stroke:1.5px var(--wm-ink);background-image:linear-gradient(0deg, var(--f1) 0 var(--c1), transparent var(--c1))}.nl-wm[data-variant=P5] .nl-wm__l{background-image:repeating-linear-gradient(0deg, var(--f2) 0 .07em, transparent .07em .1em)}.nl-wm[data-variant=P6] .nl-wm__l{background-image:repeating-linear-gradient(var(--ang), var(--f1) 0 .06em, var(--wm-ink) .06em .1em)}.nl-wm[data-variant=P7] .nl-wm__l{background-image:radial-gradient(circle at 50% 45%, var(--f1) 0 var(--c1), transparent var(--c1) calc(var(--c1) + var(--gap)), var(--f2) calc(var(--c1) + var(--gap)))}@media (prefers-reduced-motion:no-preference){.nl-wm__l{transition:--c1 .8s var(--ease), --c2 .8s var(--ease), opacity .7s ease var(--d), transform .8s var(--ease) var(--d), filter .9s ease var(--d), clip-path .9s var(--ease) var(--d)}.nl-wm[data-variant=G][data-in="0"] .nl-wm__l{opacity:0;transform:translateY(40%)}.nl-wm[data-variant=L1][data-in="0"] .nl-wm__l{opacity:0;transform:translateY(-48%)}.nl-wm[data-variant=L2] .nl-wm__l{clip-path:inset(-10% 0)}.nl-wm[data-variant=L2][data-in="0"] .nl-wm__l{clip-path:inset(-10% 50%)}.nl-wm[data-variant=L3] .nl-wm__l,.nl-wm[data-variant=L6] .nl-wm__l{transition:--c1 1.3s var(--ease) var(--d), --c2 1.3s var(--ease) calc(var(--d) + .15s), opacity .6s ease var(--d)}.nl-wm[data-variant=L3][data-in="0"] .nl-wm__l{--c1:0%;opacity:.25}.nl-wm[data-variant=L4] .nl-wm__l{transition:opacity .3s ease var(--d), transform .7s cubic-bezier(.34, 1.56, .64, 1) var(--d)}.nl-wm[data-variant=L4][data-in="0"] .nl-wm__l{opacity:0;transform:scale(.3) rotate(var(--tilt))}.nl-wm[data-variant=L5][data-in="0"] .nl-wm__l{opacity:0;filter:blur(18px);--c1:0%}.nl-wm[data-variant=L6][data-in="0"] .nl-wm__l{--c1:0%;--c2:0%}.nl-wm[data-variant=L7]{transition:letter-spacing 1.4s var(--ease)}.nl-wm[data-variant=L7][data-in="0"]{letter-spacing:.3em}.nl-wm[data-variant=L7][data-in="0"] .nl-wm__l{opacity:0}.nl-wm[data-variant=P1][data-in="0"] .nl-wm__l{opacity:0;transform:scale(.82)}.nl-wm[data-variant=P2] .nl-wm__l{transition:opacity .12s linear var(--d)}.nl-wm[data-variant=P2][data-in="0"] .nl-wm__l{opacity:0}.nl-wm[data-variant=P3][data-in="0"] .nl-wm__l:nth-child(odd){opacity:0;transform:translate(-60%)}.nl-wm[data-variant=P3][data-in="0"] .nl-wm__l:nth-child(2n){opacity:0;transform:translate(60%)}.nl-wm[data-variant=P4] .nl-wm__l{transition:--c1 1.2s var(--ease) var(--d), opacity .5s ease var(--d)}.nl-wm[data-variant=P4][data-in="0"] .nl-wm__l{--c1:0%;opacity:.35}.nl-wm[data-variant=P5] .nl-wm__l{clip-path:inset(-10% 0)}.nl-wm[data-variant=P5][data-in="0"] .nl-wm__l{clip-path:inset(-10% 0 110%)}.nl-wm[data-variant=P6]{perspective:800px}.nl-wm[data-variant=P6][data-in="0"] .nl-wm__l{opacity:0;transform:rotateX(80deg)}.nl-wm[data-variant=P7][data-in="0"] .nl-wm__l{opacity:0;transform:scale(1.5)}.nl-wm[data-variant=P8] .nl-wm__l{clip-path:inset(-10%)}.nl-wm[data-variant=P8][data-in="0"] .nl-wm__l{clip-path:inset(-10% 110% -10% -10%)}.nl-wm[data-variant=PX][data-in="0"] .nl-wm__l{opacity:0;transform:translate(-30%)skew(-18deg)}.nl-wm[data-in="1"]:hover .nl-wm__l{transition-delay:0s}.nl-wm[data-in="1"]:is([data-variant=G],[data-variant=L1],[data-variant=L7],[data-variant=P1],[data-variant=P7],[data-variant=P8],[data-variant=PX]):hover .nl-wm__l:nth-child(odd){--c1:22%;--c2:56%}.nl-wm[data-in="1"]:is([data-variant=G],[data-variant=L1],[data-variant=L7],[data-variant=P1],[data-variant=P7],[data-variant=P8],[data-variant=PX]):hover .nl-wm__l:nth-child(2n){--c1:56%;--c2:82%}.nl-wm[data-in="1"]:is([data-variant=L2],[data-variant=P2],[data-variant=P3]):hover .nl-wm__l:nth-child(odd){--c1:24%}.nl-wm[data-in="1"]:is([data-variant=L2],[data-variant=P2],[data-variant=P3]):hover .nl-wm__l:nth-child(2n){--c1:76%}.nl-wm[data-in="1"]:is([data-variant=L3],[data-variant=L6],[data-variant=P4]):hover .nl-wm__l{--c1:62%;--c2:100%;transition-duration:.7s}.nl-wm[data-in="1"][data-variant=L5]:hover .nl-wm__l{--c1:100%}@keyframes nl-wm-hop{0%,to{transform:none}40%{transform:translateY(-9%) rotate(var(--tilt))}}.nl-wm[data-in="1"][data-variant=L4]:hover .nl-wm__l{animation:nl-wm-hop .6s var(--ease) var(--d)}}
