.pn-demo,.pn-demo *,.pn-demo :before,.pn-demo :after{box-sizing:border-box}.pn-demo a{color:#c4b5fd;text-decoration:none}.pn-demo a:hover{color:#ddd6fe}.pn-demo [data-scrollpane]::-webkit-scrollbar{width:8px;height:8px}.pn-demo [data-scrollpane]::-webkit-scrollbar-thumb{background:#a78bfa38;border-radius:8px}.pn-demo [data-scrollpane]::-webkit-scrollbar-track{background:0 0}.pn-demo [data-scrollpane]{scrollbar-width:thin;scrollbar-color:#a78bfa38 transparent}@keyframes pnFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pnPop{0%{opacity:0;transform:translateY(6px)scale(.97)}to{opacity:1;transform:none}}@keyframes pnSpin{to{transform:rotate(360deg)}}@keyframes pnDot{0%,60%,to{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@keyframes pnGlow{0%,to{box-shadow:0 0 #a78bfa59}50%{box-shadow:0 0 0 6px #a78bfa00}}@keyframes pnGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pn-demo .pn-close:hover{color:#fff;background:#a78bfa2e;border-color:#a78bfa73}.pn-demo .pn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px -10px #8b5cf6}.pn-demo .pn-ghost:hover{color:#fff;border-color:#a78bfa66}.pn-demo .pn-cta:hover{background:#8b5cf624;border-color:#a78bfa73}.pn-demo .pn-restart:hover{color:#fff}.pn-demo .pn-row:hover{background:#ffffff09}@media (prefers-reduced-motion:reduce){.pn-demo *,.pn-demo :before,.pn-demo :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}