.nl-row{text-align:left;align-items:flex-start;gap:.6rem;width:100%;max-width:26rem;display:flex}.nl-box{appearance:none;border:1.5px solid var(--nl-line);background:var(--nl-fill,transparent);cursor:pointer;border-radius:.32rem;flex:none;place-content:center;width:1.15rem;height:1.15rem;margin:.1rem 0 0;transition:background-color .15s,border-color .15s,transform .15s;display:grid}.nl-box:before{content:"";background:var(--nl-mark);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,37% 70%);width:.62rem;height:.62rem;transition:transform .15s cubic-bezier(.3,1.6,.5,1);transform:scale(0)}.nl-box:checked{background:var(--nl-accent);border-color:var(--nl-accent)}.nl-box:checked:before{transform:scale(1)}.nl-box:active{transform:scale(.9)}.nl-box:focus-visible{outline:2px solid var(--nl-accent);outline-offset:2px}.nl-row[data-center]{width:fit-content;max-width:min(100%,24rem);margin-inline:auto}.nl-text{cursor:pointer;text-wrap:pretty;font-size:.86rem;line-height:1.4}.nl-row[data-fine]{gap:.45rem}.nl-row[data-fine] .nl-box{border-width:1.25px;border-radius:.24rem;width:.85rem;height:.85rem;margin-top:.08rem}.nl-row[data-fine] .nl-box:before{width:.48rem;height:.48rem}.nl-row[data-fine] .nl-text{letter-spacing:.005em;font-size:.7rem;line-height:1.4}.nl-row[data-nudge] .nl-box:not(:checked){animation:1.1s ease-in-out .4s 3 nl-breathe}@keyframes nl-breathe{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--nl-accent) 22%, transparent)}}.nl-bot-row{align-items:center;gap:.7rem;margin-bottom:-.4rem;display:flex}.nl-bot{background:#16171b;border-radius:999px;flex:none;justify-content:center;align-items:center;gap:5px;width:2.6rem;height:2.6rem;animation:.42s cubic-bezier(.3,1.7,.5,1) both nl-pop,.6s ease-in-out .45s 2 nl-wiggle;display:flex;position:relative}.nl-eye{background:#fff;border-radius:50%;width:7px;height:9px;transition:all .2s ease-out;animation:3.2s ease-in-out 1.2s infinite nl-blink;transform:translateY(-3px)}.nl-bot[data-happy] .nl-eye{background:0 0;border:2.5px solid #fff;border-bottom:0;border-radius:10px 10px 0 0;width:10px;height:6px;animation:none;transform:translateY(-4px)}.nl-bot:after{content:"";border:2px solid #fff;border-top:0;border-radius:0 0 .62rem .62rem;width:.62rem;height:.3rem;margin-left:-.31rem;position:absolute;bottom:.62rem;left:50%}.nl-bot[data-happy]{animation:.45s cubic-bezier(.3,1.6,.5,1) nl-hop}.nl-bubble{color:#16171b;letter-spacing:-.01em;transform-origin:0;background:#fff;border:2px solid #16171b;border-radius:.9rem;padding:.45rem .8rem;font-size:.92rem;font-weight:700;line-height:1.25;animation:.4s cubic-bezier(.3,1.7,.5,1) .15s both nl-pop;position:relative;box-shadow:0 12px 28px -14px #0b1f3a73}.nl-bubble:before{content:"";background:#fff;border:0 solid #16171b;border-width:0 0 2px 2px;width:10px;height:10px;margin:-5px 0 0 -6px;position:absolute;top:50%;left:0;transform:rotate(45deg)}@keyframes nl-pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}@keyframes nl-wiggle{0%,to{rotate:none}25%{rotate:-12deg}75%{rotate:12deg}}@keyframes nl-blink{0%,92%,to{scale:1}96%{scale:1 .15}}@keyframes nl-hop{0%,to{translate:0}45%{translate:0 -6px}}@media (prefers-reduced-motion:reduce){.nl-bot,.nl-bubble,.nl-bot[data-happy],.nl-eye{animation:none}.nl-row[data-nudge] .nl-box:not(:checked){box-shadow:0 0 0 4px color-mix(in srgb, var(--nl-accent) 22%, transparent);animation:none}.nl-box,.nl-box:before,.nl-eye{transition:none}}
