body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--md-primary:#006495;--md-primary-container:#cde5ff;--md-on-primary:#fff;--md-on-primary-container:#001d31;--md-secondary:#535f70;--md-secondary-container:#d7e3f7;--md-on-secondary:#fff;--md-on-secondary-container:#101c2b;--md-tertiary:#6b5778;--md-tertiary-container:#f2daff;--md-on-tertiary:#fff;--md-on-tertiary-container:#251431;--md-error:#ba1a1a;--md-error-container:#ffdad6;--md-on-error:#fff;--md-on-error-container:#410002;--md-background:#fdfcff;--md-on-background:#1a1c1e;--md-surface:#fdfcff;--md-on-surface:#1a1c1e;--md-surface-variant:#dfe2eb;--md-on-surface-variant:#43474e;--md-outline:#73777f;--md-outline-variant:#c3c7cf;--md-male-container:#d0e4ff;--md-male-on-container:#001d36;--md-male-container-variant:#e8f1ff;--md-female-container:#ffd9e2;--md-female-on-container:#3b0018;--md-female-container-variant:#ffe9ef;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-full:9999px;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-elevation1:0 1px 2px #0000004d,0 1px 3px 1px #00000026;--shadow-elevation2:0 1px 2px #0000004d,0 2px 6px 2px #00000026;--shadow-elevation3:0 4px 8px 3px #00000026,0 1px 3px #0000004d;--transition-fast:150ms ease;--transition-normal:250ms ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fdfcff;background-color:var(--md-background);color:#1a1c1e;color:var(--md-on-background);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}.md-button{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;height:2.5rem;justify-content:center;letter-spacing:.1px;line-height:1;min-width:6rem;overflow:visible;padding:0 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .25s ease;transition:all var(--transition-normal)}.md-button-filled{background-color:#006495;background-color:var(--md-primary);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--shadow-elevation1);color:#fff;color:var(--md-on-primary)}.md-button-filled:focus,.md-button-filled:hover{background-color:#006495;background-color:var(--md-primary);box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026;box-shadow:var(--shadow-elevation2);opacity:.9}.md-button-outlined{background-color:initial;border:1px solid #73777f;border:1px solid var(--md-outline);color:#006495;color:var(--md-primary)}.md-button-outlined:focus,.md-button-outlined:hover{background-color:#00649514}.md-button-text{background-color:initial;color:#006495;color:var(--md-primary)}.md-button-text:focus,.md-button-text:hover{background-color:#00649514}.md-button[disabled]{background-color:#0000001f;box-shadow:none;color:#00000061;cursor:not-allowed}.p-4{padding:1rem;padding:var(--spacing-md)}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.md-display-large{font-size:3.5rem;font-weight:400;letter-spacing:-.016rem;line-height:4rem}.md-display-medium{font-size:2.8rem;font-weight:400;letter-spacing:0;line-height:3.25rem}.md-display-small{font-size:2.25rem;font-weight:400;letter-spacing:0;line-height:2.75rem}.md-headline-large{font-size:2rem;font-weight:400;letter-spacing:0;line-height:2.5rem}.md-headline-medium{font-size:1.75rem;font-weight:400;letter-spacing:0;line-height:2.25rem}.md-headline-small{font-size:1.5rem;font-weight:400;letter-spacing:0;line-height:2rem}.md-title-large{font-size:1.25rem;font-weight:500;letter-spacing:0;line-height:1.75rem}.md-title-medium{font-size:1rem;font-weight:500;letter-spacing:.009rem;line-height:1.5rem}.md-title-small{font-size:.875rem;font-weight:500;letter-spacing:.006rem;line-height:1.25rem}.md-body-large{font-size:1rem;font-weight:400;letter-spacing:.009rem;line-height:1.5rem}.md-body-medium{font-size:.875rem;font-weight:400;letter-spacing:.016rem;line-height:1.25rem;margin-bottom:auto;margin-top:auto;padding-right:.5rem;vertical-align:middle}.md-body-small{font-size:.75rem;font-weight:400;letter-spacing:.025rem;line-height:1rem}.grid{display:grid}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem;gap:var(--spacing-md)}.gap-2{gap:.5rem;gap:var(--spacing-sm)}.md-text-field{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);position:relative;width:100%}.md-text-field input,.md-text-field select{background:#fdfcff;background:var(--md-surface);border:1px solid #73777f;border:1px solid var(--md-outline);border-radius:1rem;border-radius:var(--radius-lg);font-size:1rem;height:48px;line-height:1.5;margin-right:1rem;margin-right:var(--spacing-md);padding:12px 16px 0;transition:border-color .25s ease,box-shadow .25s ease;transition:border-color var(--transition-normal),box-shadow var(--transition-normal);width:100%}.md-text-field select{height:60px}.md-text-field input:focus,.md-text-field select:focus{border-color:#006495;border-color:var(--md-primary);box-shadow:0 0 0 2px #00649533;outline:none}.md-text-field label{background-color:initial;left:16px;padding:0 4px;pointer-events:none;position:absolute;transition:all .25s ease;transition:all var(--transition-normal)}.md-text-field input+label,.md-text-field label,.md-text-field select+label{color:#43474e;color:var(--md-on-surface-variant);font-size:.875rem;top:12px}.md-text-field input:focus+label,.md-text-field select:focus+label{color:#006495;color:var(--md-primary)}.md-text-field input:focus+label,.md-text-field input:not(:placeholder-shown)+label,.md-text-field select+label{font-size:.75rem;top:6px}select.enhanced-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1em;border:1px solid #73777f;border:1px solid var(--md-outline);border-radius:1rem;border-radius:var(--radius-lg);font-size:1rem;margin:1rem 0;margin:var(--spacing-md) 0;margin-right:2rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .25s ease;transition:all var(--transition-normal)}.mb-3{align-self:center}.mb-3 button{margin-bottom:auto;margin-right:1rem;margin-top:auto}.parents-label{font-size:16px;font-weight:700;vertical-align:top}select.enhanced-select:focus{border-color:#006495;border-color:var(--md-primary);box-shadow:0 0 0 2px #00649533;outline:none}select[multiple]{background-color:#fdfcff;background-color:var(--md-surface);border:1px solid #73777f;border:1px solid var(--md-outline);border-radius:1rem;border-radius:var(--radius-lg);font-size:1rem;line-height:1.5;padding:0;transition:all .25s ease;transition:all var(--transition-normal)}select[multiple] option{border-bottom:1px solid #0000000d;cursor:pointer;font-weight:400;padding:.75rem 1rem}select[multiple] option:checked,select[multiple] option:focus,select[multiple] option:hover{background-color:#cde5ff;background-color:var(--md-primary-container);color:#001d31;color:var(--md-on-primary-container)}select[multiple] option:checked{background-color:#00649533;font-weight:600}.family-tree-builder{background-color:#fdfcff;background-color:var(--md-surface);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl)}#member-birth-year,#member-death-year,#member-name{margin-right:0;width:-webkit-fill-available;width:-moz-available;width:available}#member-parents{margin-left:1.5rem}.member-card{border-radius:1.5rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000004d,0 1px 3px 1px #00000026;box-shadow:var(--shadow-elevation1);height:auto;min-height:220px;overflow:hidden;padding:2rem;padding:var(--spacing-xl);transition:all .25s ease;transition:all var(--transition-normal)}.member-card>div:last-child{padding-top:.5rem}.member-card-male{background-color:#d0e4ff;background-color:var(--md-male-container);border:1px solid #00649533;color:#001d36;color:var(--md-male-on-container)}.member-card-female{background-color:#ffd9e2;background-color:var(--md-female-container);border:1px solid #ba005e33;color:#3b0018;color:var(--md-female-on-container)}.member-card.selected{border:2px solid #006495;border:2px solid var(--md-primary);box-shadow:0 4px 8px 3px #00000026,0 1px 3px #0000004d;box-shadow:var(--shadow-elevation3);transform:translateY(-2px)}.member-card h3.md-title-medium{font-weight:700;margin-bottom:0;margin-top:2rem}.member-card p.md-body-medium{margin-bottom:.5rem;margin-top:.25rem}.gender-icon-male{background-color:#006495}.gender-icon-female{background-color:#c5174c}.gender-icon-female,.gender-icon-male{align-items:center;border-radius:50%;display:flex;height:1.5rem;justify-content:center;left:.5rem;margin:0;padding:.5rem;position:absolute;top:.5rem;width:1.5rem}.member-card .md-button{display:block;margin-left:auto;margin-right:auto;margin-top:2rem}.button-group{display:flex;gap:1rem;gap:var(--spacing-md)}.tree-view{background-color:#fdfcff;background-color:var(--md-surface);border-radius:1rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-md);margin-top:2rem;margin-top:var(--spacing-xl);overflow-x:auto;padding:2rem;padding:var(--spacing-xl)}.tree-container{align-items:center;display:flex;flex-direction:column;min-width:800px;padding:2rem;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}.tree-children{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;justify-content:center;margin-top:2.5rem;position:relative;width:100%}.horizontal-connector{background-color:#000;height:2px;left:15%;position:absolute;top:50%;width:70%;z-index:0}.tree-child:before{content:"";height:1.25rem;left:50%;position:absolute;top:-1.25rem;transform:translateX(-50%)}.tree-child:before,.tree-connector{border-left:2px dashed #000;width:0}.tree-connector{margin:.5rem 0}.member-card-small{height:9rem;margin:0;padding:.75rem;width:9rem}.tree-couple .horizontal-connector{border-top:2px solid #000;height:0;left:20%;position:absolute;top:50%;width:60%;z-index:0}.card-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);align-items:start;display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:1.5rem 0;margin:var(--spacing-lg) 0}.card-grid>div{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}@media (min-width:768px){.card-grid{gap:2rem 1.5rem;gap:var(--spacing-xl) var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}@media (min-width:1200px){.card-grid{gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (min-width:1600px){.card-grid{gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.section{margin-bottom:2rem * 2;margin-bottom:var(--spacing-xl) * 2}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(2)}}@media (max-width:768px){.md\:grid-cols-2{grid-template-columns:1fr}.tree-children{flex-direction:column;gap:1rem;gap:var(--spacing-md)}.tree-children:before{display:none}}.app-header{background-color:#006495;background-color:var(--md-primary);box-shadow:0 2px 4px #0000001a;color:#fff;color:var(--md-on-primary);margin-bottom:3rem}.app-header h1{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:.015em;text-shadow:0 1px 2px #0000001a}.tree-couple{width:100%}.tree-couple,.tree-parents{display:flex;gap:4rem!important;justify-content:center;position:relative}.tree-parents{margin-bottom:1rem}.tree-couple .horizontal-connector,.tree-parents .horizontal-connector{background-color:#000;height:2px;left:20%;position:absolute;top:50%;width:60%;z-index:0}.member-card{margin:0 .5rem;position:relative;z-index:1}.tree-child{flex:1 1;min-width:120px}.tree-child,.tree-node{align-items:center;display:flex;flex-direction:column;position:relative}.tree-node{margin-bottom:4rem;width:100%}.tree-children:before{background-color:#000;content:"";display:none;height:2px;left:25px;position:absolute;top:-20px;width:calc(100% - 50px)}.tree-children:has(>.tree-child:nth-child(2)):before{display:block}.tree-children,.tree-couple,.tree-parents{display:flex;flex-direction:row!important;flex-wrap:nowrap;width:100%}.tree-connector{background-color:#000;height:2rem;margin:.5rem auto;width:2px}.tree-children:has(>.tree-child:only-child){justify-content:center}.tree-children:has(>.tree-child:only-child)>.tree-child{align-items:center}.tree-child .tree-children{margin-top:2.5rem}.tree-couple+.tree-connector{margin-top:.5rem}
/*# sourceMappingURL=main.f60c635f.css.map*/