@keyframes fadeIn-1618136a{0%{opacity:0}to{opacity:1}}@keyframes slideUp-1618136a{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-1618136a{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-1618136a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse-1618136a{0%,to{opacity:1}50%{opacity:.5}}.overlay-demo[data-v-1618136a]{margin:0 auto;max-width:1200px;padding:2rem}.overlay-demo .demo-header[data-v-1618136a]{margin-bottom:3rem;text-align:center}.overlay-demo .demo-header h1[data-v-1618136a]{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.overlay-demo .demo-header p[data-v-1618136a]{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem}.overlay-demo .demo-section[data-v-1618136a]{margin-bottom:3rem}.overlay-demo .demo-section h2[data-v-1618136a]{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.overlay-demo .demo-item[data-v-1618136a]{margin-bottom:2rem}.overlay-demo .demo-item h3[data-v-1618136a]{color:var(--color-text-primary);font-size:1.3rem;font-weight:500;margin-bottom:1rem}.overlay-demo .button-group[data-v-1618136a]{display:flex;flex-wrap:wrap;gap:1rem}.overlay-content[data-v-1618136a]{min-width:300px;padding:2rem}.overlay-content h3[data-v-1618136a]{color:var(--color-text-primary);margin-bottom:1rem}.overlay-content p[data-v-1618136a]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.overlay-content .overlay-actions[data-v-1618136a]{display:flex;gap:1rem;justify-content:flex-end}.overlay-content.fullscreen-content[data-v-1618136a]{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.overlay-content.scrollable-content[data-v-1618136a]{max-height:80vh;overflow-y:auto}.overlay-content.scrollable-content .content-item[data-v-1618136a]{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1rem}.overlay-content.scrollable-content .content-item[data-v-1618136a]:last-child{border-bottom:none}.overlay-content.scrollable-content .content-item h4[data-v-1618136a]{color:var(--color-primary);margin-bottom:.5rem}.overlay-content.form-content[data-v-1618136a]{min-width:500px}.overlay-content.form-content .form-actions[data-v-1618136a]{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.overlay-content.image-content[data-v-1618136a],.overlay-content.video-content[data-v-1618136a]{text-align:center}.overlay-content.image-content .image-container[data-v-1618136a],.overlay-content.image-content .video-container[data-v-1618136a],.overlay-content.video-content .image-container[data-v-1618136a],.overlay-content.video-content .video-container[data-v-1618136a]{margin-bottom:1rem}.overlay-content.image-content .image-container img[data-v-1618136a],.overlay-content.image-content .image-container video[data-v-1618136a],.overlay-content.image-content .video-container img[data-v-1618136a],.overlay-content.image-content .video-container video[data-v-1618136a],.overlay-content.video-content .image-container img[data-v-1618136a],.overlay-content.video-content .image-container video[data-v-1618136a],.overlay-content.video-content .video-container img[data-v-1618136a],.overlay-content.video-content .video-container video[data-v-1618136a]{border-radius:var(--border-radius-md);height:auto;max-width:100%}@media (max-width:768px){.overlay-demo[data-v-1618136a]{padding:1rem}.overlay-demo .demo-header h1[data-v-1618136a]{font-size:2rem}.overlay-demo .button-group[data-v-1618136a]{flex-direction:column}.overlay-content[data-v-1618136a]{min-width:280px;padding:1.5rem}.overlay-content.form-content[data-v-1618136a]{min-width:320px}}