.quick-export-button, .export-button { font-size: 16px; padding: 20px; } .metadata-section { text-align: center; margin-top: 20px; padding: 15px; border: 1px solid #ccc; border-radius: 5px; } .metadata-section p { margin: 5px 0; font-size: 0.9em; } .help-text { font-size: 12px; border-bottom: none; margin-top: 20px; } .root-notice { font-size: 12px; } .section-button-section { text-align: right; margin-top: 50px; } .view-button-section { display: flex; justify-content: space-around; margin-top: 20px; } .egv-choice-container { max-width: 800px; margin: 0 auto; padding: 20px; } .egv-choice-header { text-align: center; margin-bottom: 10px; } .egv-choice-description { text-align: center; margin-bottom: 30px; color: var(--text-muted); } .egv-cards-container { display: flex; gap: 30px; justify-content: center; flex-wrap: wrap; } .egv-choice-card { background-color: var(--background-secondary); border-radius: 10px; padding: 25px; min-width: 250px; flex: 1; display: flex; flex-direction: column; transition: transform 0.2s, box-shadow 0.2s; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); cursor: pointer; max-width: 350px; } .egv-choice-card:hover { transform: translateY(-5px); box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } .egv-choice-card h3 { margin-top: 15px; margin-bottom: 10px; text-align: center; } .egv-choice-card p { flex-grow: 1; color: var(--text-muted); margin-bottom: 20px; text-align: center; } .egv-card-icon { height: 60px; margin: 0 auto 15px; background-size: contain; background-position: center; background-repeat: no-repeat; width: 60px; } .single-parent-icon { background-image: url('data:image/svg+xml;utf8,'); } .full-graph-icon { background-image: url('data:image/svg+xml;utf8,'); } .egv-card-button-container { text-align: center; } .egv-card-button-container button { width: 100%;