@keyframes fadeIn-3197090e{0%{opacity:0}to{opacity:1}}@keyframes slideUp-3197090e{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-3197090e{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes spin-3197090e{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pulse-3197090e{0%,to{opacity:1}50%{opacity:.5}}.contained-overlay-demo[data-v-3197090e]{margin:0 auto;max-width:1200px;padding:2rem}.contained-overlay-demo .demo-header[data-v-3197090e]{margin-bottom:3rem;text-align:center}.contained-overlay-demo .demo-header h1[data-v-3197090e]{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem}.contained-overlay-demo .demo-header p[data-v-3197090e]{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem}.contained-overlay-demo .demo-section[data-v-3197090e]{margin-bottom:3rem}.contained-overlay-demo .demo-section h2[data-v-3197090e]{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}.contained-overlay-demo .demo-item[data-v-3197090e]{margin-bottom:3rem}.contained-overlay-demo .demo-item h3[data-v-3197090e]{color:var(--color-text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.card-container[data-v-3197090e]{max-width:500px;position:relative;width:100%}.card[data-v-3197090e]{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;position:relative}.card .card-header[data-v-3197090e]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card .card-header h4[data-v-3197090e]{color:var(--color-text-primary);margin:0}.card .card-content p[data-v-3197090e]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem}.button-container[data-v-3197090e]{display:inline-block;position:relative}.form-container[data-v-3197090e]{max-width:500px;position:relative}.demo-form[data-v-3197090e]{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.demo-form .form-group[data-v-3197090e]{margin-bottom:1rem}.demo-form .form-group label[data-v-3197090e]{color:var(--color-text-primary);display:block;font-weight:500;margin-bottom:.5rem}.demo-form .form-actions[data-v-3197090e]{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.nested-container[data-v-3197090e]{max-width:600px;position:relative}.outer-card[data-v-3197090e]{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem;position:relative}.outer-card h4[data-v-3197090e]{color:var(--color-text-primary);margin-bottom:1rem}.outer-card p[data-v-3197090e]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.overlay-content[data-v-3197090e]{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 16px #0003;min-width:300px;padding:2rem}.overlay-content h3[data-v-3197090e]{color:var(--color-text-primary);margin-bottom:1rem}.overlay-content p[data-v-3197090e]{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1rem}.overlay-content ul[data-v-3197090e]{margin-bottom:1.5rem;padding-left:1.5rem}.overlay-content ul li[data-v-3197090e]{color:var(--color-text-secondary);margin-bottom:.5rem}.overlay-content .overlay-actions[data-v-3197090e]{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:768px){.contained-overlay-demo[data-v-3197090e]{padding:1rem}.contained-overlay-demo .demo-header h1[data-v-3197090e]{font-size:2rem}.overlay-content[data-v-3197090e]{min-width:280px;padding:1.5rem}}