.demo-viewport{--demo-duration:.7s;--demo-ease:cubic-bezier(.4, 0, .2, 1)}.demo-layer{transition:opacity var(--demo-duration) var(--demo-ease), transform var(--demo-duration) var(--demo-ease), filter var(--demo-duration) var(--demo-ease)}.demo-layer--hidden{opacity:0;pointer-events:none;filter:blur(4px);transform:scale(.98)translateY(6px)}.demo-layer--visible{opacity:1;filter:blur();transform:scale(1)translateY(0)}.demo-spotlight-ring{transition:top var(--demo-duration) var(--demo-ease), left var(--demo-duration) var(--demo-ease), width var(--demo-duration) var(--demo-ease), height var(--demo-duration) var(--demo-ease), opacity .28s var(--demo-ease)}.demo-cursor{transition:top var(--demo-duration) var(--demo-ease), left var(--demo-duration) var(--demo-ease), opacity .2s var(--demo-ease)}.demo-pulse{animation:demo-pulse .52s var(--demo-ease)}@keyframes demo-pulse{0%{box-shadow:0 0 #34b27a80}70%{box-shadow:0 0 0 12px #34b27a00}to{box-shadow:0 0 #34b27a00}}.demo-modal-in{animation:demo-modal-in .32s var(--demo-ease)}@keyframes demo-modal-in{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-nav-active{background:color-mix(in srgb, var(--sr-green) 18%, transparent);color:var(--sr-green-dark)}