*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
.rv{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
.demo-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);background:#111;color:#fff;font:600 14px/1.4 system-ui,sans-serif;padding:13px 20px;border-radius:12px;box-shadow:0 18px 40px -12px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:.35s;z-index:9999;max-width:calc(100vw - 32px);text-align:center}
.demo-toast.on{opacity:1;transform:translate(-50%,0)}
.demo-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(10,10,12,.62);backdrop-filter:blur(6px);z-index:9000;padding:18px}
.demo-modal.on{display:flex}
.demo-sample{font:500 12px/1.5 system-ui,sans-serif;opacity:.6;text-align:center;padding:18px 16px}