.modal{padding:2rem;box-shadow:0 4px 24px #0000001f;color:var(--color-primary-text);background:var(--color-surface-100);max-width:max-content;margin:0 auto;font-family:inherit;border:none}.modal-overlay{z-index:1000;position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.modal--info{border-left:6px solid #2196f3;background:#e3f2fd}.modal--warning{border-left:6px solid #ff9800;background:#fff8e1}.modal--error{border-left:6px solid #f44336;background:#ffebee}.modal--success{border-left:6px solid #4caf50;background:#e8f5e9}