.fam-tree-sidebar-wrapper{--sidebar-width: 400px;--sidebar-transition: .3s;--arrow-width: 65px;position:absolute}.fam-tree-sidebar-wrapper.toggleSidebarWrapper{width:var(--arrow-width)}.fam-tree-sidebar-wrapper .fam-tree-sidebar{--sidebar-border-radius: 2rem;height:100vh;height:100svh;width:var(--sidebar-width);background-color:var(--tertiary-clr-1);display:flex;align-items:flex-start;flex-direction:column;gap:3rem;padding-top:7rem;color:var(--secondary-clr);transition:all var(--sidebar-transition);overflow:scroll;scrollbar-width:none;padding-inline:2rem var(--arrow-width);border-radius:0 var(--sidebar-border-radius) var(--sidebar-border-radius) 0}.fam-tree-sidebar-wrapper .fam-tree-sidebar.toggleSidebar{transform:translate(calc(-1 * var(--sidebar-width) + var(--arrow-width)))}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips{display:grid;grid-template-columns:1fr 1fr;place-items:center start;gap:1rem;font-weight:500;scrollbar-width:none}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips__figure{margin-left:2rem}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips__figure img{width:100px;height:100%;max-height:37px}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips__figure .tips-figure-light,.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips__figure .tips-figure-dark{display:none}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips__description{word-break:break-word}.fam-tree-sidebar-wrapper .fam-tree-sidebar__additional-tips{list-style-position:inside;margin-inline:1rem;font-weight:500}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow{position:absolute;width:var(--arrow-width);height:var(--arrow-width);top:50%;transform:translateY(-50%);right:0;border-radius:100px;border:none;background-color:transparent;padding:.7rem;cursor:pointer}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img{width:100%;height:100%;transform:rotate(90deg);transition:all var(--sidebar-transition)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow img.transformArrow{transform:rotate(270deg)}@media screen and (orientation:portrait),screen and (max-height:760px){.fam-tree-sidebar-wrapper{--sidebar-height-vh: 80vh;--sidebar-height-svh: 80svh;--sidebar-min-height: 300px;--arrow-width: 55px;bottom:0;height:var(--arrow-width);min-height:0;width:100%;transition:all var(--sidebar-transition);overflow:hidden}.fam-tree-sidebar-wrapper.toggleSidebarWrapper{height:var(--sidebar-height-vh);height:var(--sidebar-height-svh);min-height:var(--sidebar-min-height);width:100%}.fam-tree-sidebar-wrapper .fam-tree-sidebar{height:var(--sidebar-height-vh);height:var(--sidebar-height-svh);min-height:var(--sidebar-min-height);width:100%;display:grid;place-items:center;grid-template-columns:auto;grid-template-rows:repeat(auto,3);padding-inline:var(--marg-inline-sm);border-radius:var(--sidebar-border-radius) var(--sidebar-border-radius) 0 0;gap:1.5rem;padding-top:3rem}}@media screen and (orientation:portrait)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 (orientation:portrait),screen and (max-height:760px){.fam-tree-sidebar-wrapper .fam-tree-sidebar.toggleSidebar{transform:translate(0)}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips-wrapper{--tips-height: 45vh;--tips-sv-height: 45svh;position:relative;max-height:var(--tips-height);max-height:var(--tips-sv-height)}}@media screen and (orientation:portrait)and (max-height:600px),screen and (max-height:760px)and (max-height:600px){.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips-wrapper{--tips-height: 30vh;----tips-sv-height: 30svh}}@media screen and (orientation:portrait),screen and (max-height:760px){.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips-wrapper:before,.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips-wrapper:after{content:"";left:0;position:absolute;height:30px;width:100%;pointer-events:none;z-index:2;opacity:1;transition:opacity .1s}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips-wrapper:before{background:linear-gradient(to bottom,var(--tertiary-clr-1) 0%,rgba(255,255,255,0) 100%);opacity:var(--before-opacity, 1);top:0}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips-wrapper:after{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--tertiary-clr-1) 100%);opacity:var(--after-opacity, 1);bottom:0}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips{max-height:var(--tips-height);max-height:var(--tips-sv-height);max-width:350px;width:100%;place-items:center;border-radius:1rem;background-color:var(--tertiary-clr-3);overflow-y:auto;position:relative;padding-block:1.5rem}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips__figure{margin-left:0}.fam-tree-sidebar-wrapper .fam-tree-sidebar__tips__description{justify-self:start}.fam-tree-sidebar-wrapper .fam-tree-sidebar__gradient{width:100%;height:30px;background-color:#000;position:absolute;bottom:0}.fam-tree-sidebar-wrapper .fam-tree-sidebar__additional-tips{padding-top:1rem;padding-bottom:2.5rem}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow{top:0;right:50%;transform:translate(50%);padding:.3rem}.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)}}@media screen and (max-width:760px){.fam-tree-sidebar-wrapper{--arrow-width: 45px}.fam-tree-sidebar-wrapper .fam-tree-sidebar{--sidebar-border-radius: 1rem}.fam-tree-sidebar-wrapper .fam-tree-sidebar__arrow{padding:.4rem}}:root[data-theme=light] .fam-tree-sidebar-wrapper .fam-tree-sidebar .fam-tree-sidebar__tips .fam-tree-sidebar__tips__figure .tips-figure-light{display:block}:root[data-theme=dark] .fam-tree-sidebar-wrapper .fam-tree-sidebar .fam-tree-sidebar__tips .fam-tree-sidebar__tips__figure .tips-figure-dark{display:block}@media screen and (orientation:portrait),screen and (max-height:760px){:root[data-theme=dark] .fam-tree-sidebar-wrapper .fam-tree-sidebar .fam-tree-sidebar__tips{background-color:var(--tertiary-clr-2)}}.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}.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:320px}.fam-tree__popup__inner{display:flex;flex-direction:column;gap:1rem;max-width:280px}.fam-tree__popup__inner ul{list-style-position:inside;list-style-type:none;gap:1rem;display:flex;flex-direction:column;gap:.5rem}.fam-tree__popup__inner ul li{color:var(--secondary-clr)}.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}.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)}@media screen and (max-width:1200px){.fam-tree__popup{padding:1.5rem;transform:translate(-100px) translateY(100px);max-width:400px}.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;transform:translate(-100px) translateY(100px)}.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}