.fam-tree-sidebar-wrapper{--sidebar-width: 400px;--sidebar-transition: .3s;--arrow-width: 46px;--sidebar-padding: 1.7rem;position:absolute;left:0;bottom:0;top:auto;overflow:visible}.fam-tree-sidebar-wrapper .fam-tree-sidebar-panel{position:relative;overflow:visible}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow{position:absolute;z-index:5;width:var(--arrow-width);height:var(--arrow-width);border-radius:100px;border:none;padding:.65rem;cursor:pointer;opacity:.8;background-color:var(--glass-bg)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img{width:100%;height:100%;transition:transform var(--sidebar-transition)}[data-theme=dark] .fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img{filter:var(--secondary-clr-filter)}.fam-tree-sidebar-wrapper .fam-tree-sidebar{--sidebar-border-radius: 2rem;width:100%;background-color:var(--tertiary-clr-1-transparent);display:flex;flex-direction:column;gap:1rem;color:var(--secondary-clr);scrollbar-width:none}.fam-tree-sidebar-wrapper .fam-tree-sidebar h1,.fam-tree-sidebar-wrapper .fam-tree-sidebar h1>*{font-weight:600}.fam-tree-sidebar-wrapper .fam-tree-sidebar h1{font-size:1.8rem}.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-wrapper{width:100%;flex:1;min-height:0}.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-fade{display:none}.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-scroll{overflow:visible}@media screen and (max-width:1024px),screen and (max-height:760px){.fam-tree-sidebar-wrapper{--sidebar-height-vh: 80vh;--sidebar-height-svh: 80svh;--sidebar-min-height: 300px;--arrow-width: 48px;inset:auto 0 0;height:calc(var(--arrow-width) + var(--arrow-width) / 2);min-height:0;width:100%;overflow:hidden;padding-top:calc(var(--arrow-width) / 2);transition:height var(--sidebar-transition) ease,padding-top var(--sidebar-transition) ease}.fam-tree-sidebar-wrapper .fam-tree-sidebar-panel{width:100%;height:var(--sidebar-height-vh);height:var(--sidebar-height-svh);min-height:var(--sidebar-min-height);transform:none;transition:none}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow{top:0;left:50%;right:auto;transform:translate(-50%,-50%);transition:var(--transition-time-sm)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow:hover,.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow:focus-visible,.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow:active{opacity:1;transform:translate(-50%,-50%)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img{transform:rotate(180deg)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img.transformArrow{transform:rotate(0)}.fam-tree-sidebar-wrapper.toggleSidebarWrapper{height:var(--sidebar-height-vh);height:var(--sidebar-height-svh);min-height:var(--sidebar-min-height);padding-top:calc(var(--arrow-width) / 2);overflow:hidden;box-sizing:border-box}.fam-tree-sidebar-wrapper.toggleSidebarWrapper .fam-tree-sidebar-panel{height:100%;min-height:0}.fam-tree-sidebar-wrapper h1{text-align:center}.fam-tree-sidebar-wrapper .fam-tree-sidebar{width:100%;height:100%;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding-inline:var(--marg-inline);gap:1.5rem;padding-top:3rem;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}}@media screen and (max-width:1024px)and (max-height:430px),screen and (max-height:760px)and (max-height:430px){.fam-tree-sidebar-wrapper .fam-tree-sidebar{gap:.5rem}}@media screen and (max-width:1024px),screen and (max-height:760px){.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-wrapper{--legend-height: 45vh;--legend-sv-height: 45svh;--legend-panel-bg: var(--primary-clr);position:relative;display:flex;flex-direction:column;max-width:350px;width:100%;max-height:var(--legend-height);max-height:var(--legend-sv-height);border-radius:var(--border-radius-md);background-color:var(--legend-panel-bg);border:1px solid var(--card-border-clr-1);overflow:hidden;flex-shrink:0}}@media screen and (max-width:1024px)and (max-height:600px),screen and (max-height:760px)and (max-height:600px){.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-wrapper{--legend-height: 30vh;--legend-sv-height: 30svh}}@media screen and (max-width:1024px),screen and (max-height:760px){.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:.65rem .85rem}.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-fade{display:block;position:absolute;left:0;right:0;height:5rem;pointer-events:none;z-index:2;opacity:1;transition:opacity .15s ease}.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-fade.is-hidden{opacity:0}.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-fade--top{top:0;background:linear-gradient(to bottom,var(--legend-panel-bg) 0%,color-mix(in srgb,var(--legend-panel-bg) 0%,transparent) 100%)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__legend-fade--bottom{bottom:0;background:linear-gradient(to top,var(--legend-panel-bg) 0%,color-mix(in srgb,var(--legend-panel-bg) 0%,transparent) 100%)}}@media screen and (max-width:760px){.fam-tree-sidebar-wrapper{--arrow-width: 40px}.fam-tree-sidebar-wrapper .fam-tree-sidebar{--sidebar-border-radius: 1rem}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow{padding:.4rem}}@media screen and (min-width:1025px)and (min-height:761px){.fam-tree-sidebar-wrapper{height:auto;max-height:100svh;width:auto}.fam-tree-sidebar-wrapper .fam-tree-sidebar-panel{width:var(--sidebar-width);height:auto;max-height:100svh;transition:transform var(--sidebar-transition) ease}.fam-tree-sidebar-wrapper .fam-tree-sidebar-panel.toggleSidebar{transform:translate(calc(-1 * var(--sidebar-width) + var(--sidebar-padding)))}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow{top:50%;right:0;left:auto;transform:translate(50%,-50%);transition:all var(--transition-time-sm)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow:hover{opacity:1;transform:translate(50%,-50%) var(--hover-transform-left-sm)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img{transform:rotate(90deg)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img.transformArrow{transform:rotate(270deg)}.fam-tree-sidebar-wrapper .fam-tree-sidebar-panel.toggleSidebar .fam-tree-sidebar__arrow:hover{transform:translate(50%,-50%) var(--hover-transform-right-sm)}.fam-tree-sidebar-wrapper .fam-tree-sidebar{max-height:100svh;overflow-y:auto;align-items:flex-start;padding-top:2rem;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;padding-inline:var(--sidebar-padding)}}.fam-tree-legend-section{width:100%;padding-block:1rem}.fam-tree-legend__heading{margin-bottom:.65rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.6;color:var(--secondary-clr);width:100%;text-align:center}.fam-tree-legend__heading,.fam-tree-legend__heading .i18n-span{font-family:var(--ff-body)}.fam-tree-legend__sentinel{height:1px;width:100%;flex-shrink:0;pointer-events:none}.fam-tree-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.15rem;font-weight:500}.fam-tree-legend__item{display:grid;grid-template-columns:minmax(6rem,1fr) 1fr;gap:.75rem 1rem;align-items:center}.fam-tree-legend__sample{display:flex;justify-content:center;align-items:center;min-height:2.25rem}.fam-tree-legend__label{margin:0;word-break:break-word;line-height:1.35;font-size:var(--fs-medium)}.fam-tree-legend__label-variant--touch{display:none}.fam-tree-legend__pair{display:flex;justify-content:center;align-items:center;width:100%;max-width:10.5rem}.fam-tree-legend__node{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:.3rem .65rem;min-width:2.75rem;background-color:var(--card-clr-1);border:1px solid var(--secondary-clr);border-radius:999px;font-size:.72rem;font-weight:500;color:var(--secondary-clr);white-space:nowrap;line-height:1.2}.fam-tree-legend__node--details{background-color:var(--tertiary-clr-3)}.fam-tree-legend__connector{flex:1;min-width:.85rem;height:0;align-self:center}.fam-tree-legend__connector--messianic{border-top:2px solid var(--secondary-clr);opacity:1}.fam-tree-legend__connector--romantic{border-top:1px dashed var(--tree-romantic-relation);opacity:1}.fam-tree-legend__connector--descendant{border-top:1px dashed var(--secondary-clr);opacity:.8}.fam-tree-legend__node-wrap{position:relative;display:inline-block}.fam-tree-legend__node-wrap--king .fam-tree-legend__king-icon{position:absolute;top:-.55rem;right:-.65rem;width:1.35rem;height:1.35rem;pointer-events:none}.fam-tree-legend__node-wrap--collapse .fam-tree-legend__collapse-icon{position:absolute;bottom:-.5rem;right:-.7rem;width:1rem;height:1rem;pointer-events:none}.fam-tree-legend__scroll-hint{margin:.75rem 0 0;text-align:center;font-size:var(--fs-medium-small);font-weight:500;color:var(--side-text-clr)}@media(pointer:coarse){.fam-tree-legend-section .fam-tree-legend__label-variant--pointer{display:none}.fam-tree-legend-section .fam-tree-legend__label-variant--touch{display:block}.fam-tree-legend-section .fam-tree-legend__scroll-hint{display:none}}@media screen and (min-width:1025px)and (min-height:761px){.fam-tree-sidebar .fam-tree-sidebar__legend-wrapper{background:none;border:none;max-height:none;overflow:visible}.fam-tree-sidebar .fam-tree-sidebar__legend-scroll{padding:0;overflow:visible}.fam-tree-sidebar .fam-tree-sidebar__legend-fade{display:none}.fam-tree-sidebar .fam-tree-legend-section{padding-inline:.5rem 0}.fam-tree-sidebar .fam-tree-legend__item{grid-template-columns:minmax(8.5rem,9rem) 1fr}}@media screen and (max-width:1024px),screen and (max-height:760px){.fam-tree-sidebar .fam-tree-legend__heading{text-align:center}.fam-tree-sidebar .fam-tree-sidebar__legend-wrapper .fam-tree-legend__sample{justify-content:center}.fam-tree-sidebar .fam-tree-sidebar__legend-wrapper .fam-tree-legend-section{padding:.65rem .85rem .5rem}}.fam-tree-container{position:absolute;height:100vh;width:100%;overflow:hidden;z-index:-1;cursor:grab}.fam-tree-container:active{cursor:grabbing}.fam-tree-container #fam-tree{width:100%;height:100%}.fam-tree-footer{width:100%;margin-top:auto;padding-top:1rem}.fam-tree-footer__separator{margin:0 0 1rem;border:none;border-top:1px solid color-mix(in srgb,var(--secondary-clr) 25%,transparent);width:100%}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1001;pointer-events:none}.loading-spinner{border:4px solid var(--primary-clr);border-top:4px solid var(--secondary-clr);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fam-tree{transform-origin:0px 0px}.fam-tree__popup{position:absolute;background-color:var(--card-clr-1);border:1px solid #ccc;padding:2rem;border-radius:1rem;box-shadow:0 0 10px #0000001a}.fam-tree__popup img{height:250px}.fam-tree__popup__inner{display:flex;flex-direction:column;gap:.5rem;max-width:280px;min-width:200px}.fam-tree__popup__inner h3{font-weight:700;font-size:2.3rem}.fam-tree__popup__inner ul{list-style-position:inside;list-style-type:none;display:flex;flex-direction:column;gap:.5rem}.fam-tree__popup__inner ul strong{font-weight:600}.fam-tree__popup__inner ul li{color:var(--secondary-clr);font-size:var(--fs-medium-small)}.fam-tree__popup__inner .btn{background-color:var(--accent-clr-2);border:2px solid var(--accent-clr-2);box-shadow:0 2px 4px #0000001a;transition:all .2s ease;user-select:none}.fam-tree__popup__inner .btn>*{user-select:none}.fam-tree__popup__inner .btn:hover{background-color:transparent;border-color:color-mix(in srgb,var(--accent-clr-2) 90%,black);color:var(--accent-clr-2);cursor:pointer;box-shadow:0 4px 8px #00000026}.fam-tree__popup__inner .btn:active{background-color:color-mix(in srgb,var(--accent-clr-2) 85%,black);border-color:color-mix(in srgb,var(--accent-clr-2) 85%,black);box-shadow:0 1px 2px #0000001a;transform:translateY(1px)}.fam-tree__popup__inner .btn{border-radius:var(--btn-radius-rounded)}@media screen and (max-width:1200px){.fam-tree__popup{padding:1.5rem;max-width:400px}.fam-tree__popup img{height:180px}.fam-tree__popup h3{font-size:1.8rem}.fam-tree__popup ul li,.fam-tree__popup .btn{font-size:var(--fs-small)}}@media screen and (max-width:760px){.fam-tree__popup{padding:1rem}.fam-tree__popup img{display:none}}.node{cursor:pointer}.link{fill:none}.node text{font-weight:500}.node-name{font-size:.8rem}.node-descriptor{font-size:.6rem}.node-descriptor:empty{display:none}.node.important-char .node-name{font-size:1.5rem}.node.important-char .node-descriptor{font-size:1rem}.empty-node .node-rect,.empty-node text{visibility:hidden}#jesus .node-name,#god .node-name{font-weight:700}