@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:no-preference){.animate-fade-up{animation:.7s cubic-bezier(.22,1,.36,1) both fade-up}.animate-fade-in{animation:.6s both fade-in}.animate-scale-in{animation:.65s cubic-bezier(.22,1,.36,1) both scale-in}.animate-float-soft{animation:5s ease-in-out infinite float-soft}}@media (prefers-reduced-motion:reduce){.animate-fade-up,.animate-fade-in,.animate-scale-in,.animate-float-soft{animation:none}}.grain:after{content:"";pointer-events:none;z-index:1;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.texture-grain{position:relative}.texture-grain:before{content:"";pointer-events:none;z-index:0;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.texture-grain>*{z-index:1;position:relative}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2.5rem,-1.5rem)scale(1.08)}}@media (prefers-reduced-motion:no-preference){.animate-drift{animation:16s ease-in-out infinite drift}}@media (prefers-reduced-motion:reduce){.animate-drift{animation:none}}.rule-fade{background:linear-gradient(90deg, transparent, color-mix(in srgb, currentColor 35%, transparent), transparent);border:0;height:1px}
:root{--demo-bar-height:calc(3.75rem + env(safe-area-inset-bottom,0px))}@media (min-width:640px){:root{--demo-bar-height:calc(4.25rem + env(safe-area-inset-bottom,0px))}}.pb-demo-safe{padding-bottom:var(--demo-bar-height)}.pt-safe{padding-top:env(safe-area-inset-top,0px)}.touch-target{touch-action:manipulation;min-height:2.75rem}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}html.mobile-menu-open .demo-bar-host{display:none}@media (max-width:639px){html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{overflow-x:hidden}input,select,textarea{font-size:16px}}