@import url(https://fonts.googleapis.com/css2?family=Fragment+Mono:ital@0;1&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f4f7;font-family:Roboto,sans-serif}::placeholder{color:#777;font-size:18px}h1{padding:20px 0;text-align:center}h1.title{text-transform:uppercase}h1,h2,h3,h4{font-family:Montserrat,sans-serif}li{list-style:none}a{color:#000;text-decoration:none}button{background-color:#e8833a;border:none;color:#fff;cursor:pointer;padding:10px 20px}button:hover{background-color:#e5945b}button.btn{background-color:#409def}a.btn.btn-view{display:flex;gap:8px;width:125px}a.btn.btn-view .text{padding-top:2px}a.btn.btn-view:hover{background-color:#54a6ed}a.btn{border:none;color:#fff;cursor:pointer;display:inline-block;margin-bottom:16px;padding:10px 20px}a.btn,a.btn:hover{background-color:#409def}.container{margin:0 auto;width:960px}@media only screen and (max-width:750px){.container{width:90%}}@media only screen and (min-width:768px){.container{width:90%}}@media only screen and (min-width:700px){.container{width:90%}}.btn-search{color:#fff}#maintenance-logo{display:flex;justify-content:center;margin-top:230px}#maintenance-logo img{display:block;width:70%}@media only screen and (min-width:700px){#maintenance-logo img{width:20%}}.page{margin-top:100px}@media only screen and (max-width:700px){.page-maintenance{margin:0 auto;width:90%}}.page-maintenance p{text-align:center}.coffee-icon{display:flex;flex-direction:row;justify-content:center}.coffee-icon img{margin-top:20px;width:65px}.error-message{color:red;font-size:18px;font-weight:700;margin-bottom:10px;padding:10px}.line{background-color:#ccc;border-color:#ccc;margin:20px 0}.step-header span{color:#777;font-size:22px}.errors-area{color:red;padding:10px 0 20px}.errors-area ul{padding-left:0}.errors-area ul li{list-style:disc}.table{border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;width:100%}.table td,.table th{border:1px solid #ddd;padding:8px}.table tr:nth-child(2n){background-color:#f2f2f2}.table tr:hover{background-color:#ddd;cursor:pointer}.table th{background-color:#65c271;color:#fff;padding-bottom:12px;padding-top:12px;text-align:left}.loader{animation:rotation 1s linear infinite;border:10px solid #39b54b;border-bottom-color:#0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:48px;position:relative;width:48px}.loader:after{border:15px solid #0000;border-right-color:#39b54b;box-sizing:border-box;content:"";left:3px;position:absolute;top:20px;transform:rotate(-40deg)}.loader-container{margin:100px auto;width:50px}.loader-container.loader-full{align-items:center;display:flex;height:70vh;justify-content:center;margin:0 auto}.loading-spinner{animation:rotation 1s linear infinite;border:2px solid;border-color:#fff #fff #0000;border-radius:50%;box-sizing:border-box;display:inline-block;height:16px;width:16px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.block-wrapper{margin:0 auto;width:90%}.block{background-color:#fff;box-shadow:0 5px 0 #00000040;margin:20px 0;padding:20px 20px 30px}.block-transparent{background-color:#0000;box-shadow:none}.block-title{margin:20px auto;text-align:center;width:270px}.block-title h1{padding:20px 0}.block-title p{padding-bottom:20px}.block-controls{min-height:100px}.block-controls .buttons-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:start}@media only screen and (max-width:600px){.block-controls .buttons-wrapper{flex-direction:column}.block-controls h3{text-align:center}}.block-header{display:flex;justify-content:start}.block-person-detail{display:flex;justify-content:center;margin-top:50px;position:relative}.block-person-detail>div{background-color:#fff;box-shadow:0 5px 0 #00000040;padding:30px 40px}.block-person-detail h2{font-size:32px}.block-person-detail .right{padding-left:10px;padding-top:50px}.block-person-detail img{display:block;width:170px}@media only screen and (max-width:600px){.block-person-detail img{margin:0 auto}}.block-person-detail a{background-color:#409def;color:#fff;display:inline-block;padding:10px 20px}.block-person-detail .left{position:relative}.block-person-detail .woman-height-adjust{padding-top:60px}@media only screen and (max-width:600px){.block-person-detail{flex-direction:column;text-align:center}.block-person-detail .right{padding-left:40px;padding-top:0}.block-person-detail .left{box-shadow:none;padding-bottom:0}}.block-must-signin{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;width:460px}.block-must-signin a{background-color:#409def;color:#fff;display:inline-block;padding:10px 20px}.block-must-signin.modal-box-wrapper{border-radius:6px;width:460px}@media only screen and (max-width:600px){.block-must-signin.modal-box-wrapper{width:80%}}.block-must-signin h2{padding:0 20px;text-align:center}@media only screen and (max-width:600px){.block-must-signin{width:80%}}.options-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:start}.options-wrapper .option{background-color:#fff;border-radius:6px;box-shadow:2px 2px 4px #00000040;cursor:pointer;padding:5px 20px}.options-wrapper .option:hover{background-color:#39b54b;color:#fff}.options-wrapper .option p{text-transform:capitalize}.space-block{height:40px}.space-block-2{height:80px}.block-suggestions textarea{border-color:#ccc;height:150px;width:60%}@media only screen and (max-width:600px){.block-suggestions textarea{width:100%}}.block-suggestions button:disabled{cursor:not-allowed;opacity:.5}.suggestion-uid{color:#bfbdbd}.suggestion-msg{text-transform:capitalize}.home-info-block{background-color:#dce8cf}.home-info-block .home-info-block-wrapper{margin:0 auto;padding:90px 0;width:70%}.home-info-block .home-info-block-wrapper p{color:#1f3b21;font-family:Fragment Mono,monospace;font-size:25px;line-height:36px;margin:0}.home-info-block .home-info-block-wrapper p span{font-family:Fragment Mono,monospace;font-size:42px;font-style:italic;font-weight:700}.home-info-block .home-info-block-wrapper p.home-info-quote-person{padding-top:20px;text-align:right}header{background-color:#fff;border-bottom:1px solid #ccc;position:fixed;top:0;width:100%;z-index:100}header.transparent{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80}header .header-wrapper{display:flex;justify-content:space-between;margin:0 auto;padding:10px 0;width:90%}@media only screen and (max-width:750px){header .header-wrapper{width:90%}header .header-wrapper .logo-box h1.title{display:none}}.site-title{cursor:pointer;display:flex;gap:10px;justify-content:center;padding:10px 0}.site-title h1.title{font-size:22px;margin:4px 0 0;padding:0;text-transform:capitalize}.site-title .icon-text{display:none}@media only screen and (max-width:750px){.site-title .icon-tree{display:none}.site-title .icon-text{display:block}.site-title .icon-text h2{font-size:20px;margin:0}}.icon-tree{width:28px}footer{background-color:#f9f9f9;margin-top:100px;padding:20px 0}footer p{color:rgba(60,60,60,.702);font-size:12px;line-height:24px;margin:0;text-align:center}.nav-wrapper{padding-top:15px}nav{display:flex;gap:30px}nav li{display:block}@media only screen and (max-width:750px){nav{display:none}}li.donate-button a{background-color:#f4364c;border:none;border-radius:5px;color:#fff;padding:8px 18px}li.donate-button a:hover{background-color:#f25e86}.burger-menu{display:none;width:32px}.burger-menu img{width:100%}@media only screen and (max-width:750px){.burger-menu{display:block}}.menu-mobile-container{align-items:center;display:flex;flex-direction:column;font-size:30px;gap:40px;margin-top:10px;text-transform:capitalize}.menu-mobile{padding:0;position:relative}.menu-mobile .modal-box-wrapper{padding:50px 10px;position:inherit}.menu-mobile .close{right:0;top:0;z-index:1}.popup-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0003;height:100%;position:fixed;right:0;top:0;width:100%;z-index:120}.popup-container .popup-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.popup-container .popup-wrapper .content{background-color:#fff;min-width:60%;padding:20px}.popup-container .popup-wrapper .content h2{font-size:18px;text-align:center}.breadcrumb-container ul{display:flex;flex-direction:row;gap:20px;justify-content:start}.breadcrumb-container li.active a{color:#39b54b}.breadcrumb-container li:after{content:" > ";padding-left:15px}.breadcrumb-container li:last-child:after{content:""}@media only screen and (max-width:349px){.breadcrumb-container{display:none}}.about-title span{color:#a2a2a2;font-size:22px}.search-item{border:1px solid;border-color:#fff #fff #ccc;cursor:pointer;padding:5px 6px}.search-item:hover{border:1px solid #ccc}.search-item h3{margin:8px 0;text-transform:capitalize}.search-item p{color:#707070;margin-top:0}.search-item p span{text-transform:capitalize}input.form-item-search{background-color:#ebebeb;border:1px solid #ccc;box-sizing:border-box;font-size:18px;padding:16px 0 16px 20px;width:100%}.login-container .login-content{align-items:center;display:flex;flex-direction:column}.login-container .login-content input{border:1px solid #ccc;border-radius:6px;width:376px}@media only screen and (max-width:768px){.login-container .login-content input{width:82%}}@media only screen and (max-width:600px){.login-container .login-content input{min-width:auto}}.login-container .login-content .login__btn{border-radius:6px;padding:10px 40px;width:400px}.login-container .login-content .login__btn:hover{background-color:#e2e2e2}@media only screen and (max-width:768px){.login-container .login-content .login__btn{width:90%}.login-container .login-content .login__btn img{margin-top:8px}}.login-container .login-content .remember-me{display:flex;gap:2px;justify-content:start;margin-bottom:10px}.login-container .login-content .remember-me input{width:auto}.login-container .login-extra{display:flex;gap:170px;justify-content:space-between}.login-container .login-extra a{color:#1856bc}.login{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.login__container{background-color:#dcdcdc;display:flex;flex-direction:column;padding:30px;text-align:center}.login__select,.login__textBox{font-size:18px;margin-bottom:10px;padding:10px}.login__select{border:1px solid #ccc;border-radius:6px;width:100%}.login__btn{background-color:#4285f4;border:none;color:#fff;font-size:18px;margin-bottom:10px;padding:10px}.login__btn:disabled{background-color:#89a7d8;cursor:not-allowed}.login__google{background-color:#fff;border:1px solid #efefef;color:#000;display:flex;gap:10px;justify-content:center}.login__google img{height:28px;width:28px}.login__google p{display:inline-block;margin:0;padding-top:4px}.login__google:hover{background-color:#efefef}.login div{margin-top:7px;padding-top:2px}.login-page p span{font-weight:700}.login-page .result-area{margin-bottom:30px}.login-page .account-actions{display:flex;flex-direction:row;gap:10px;justify-content:start}.or-divider{border-top:1px solid #ccc;height:0;margin:22px 0 32px;width:400px}.home-box{align-items:center;display:flex;flex-direction:column;margin-top:130px}.home-box p{font-family:Montserrat,sans-serif}.home-box .tree{margin-bottom:20px}.home-box .tree img{width:280px}.home-box .title h1{font-family:Parisienne,sans-serif;font-size:122px;font-weight:700;margin:0;padding-right:40px}@media only screen and (max-width:750px){.home-box .title h1{font-size:75px}}.home-box .moto{width:300px}.home-box .moto p{font-size:22px;margin-top:0;text-align:center}.home-box .search-btn-wrapper{margin:20px 0 40px}.home-box .search-btn-wrapper a{background-color:#65c271;border:1px solid #65c271;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;margin-bottom:16px;padding:18px 70px}.home-box .search-btn-wrapper a:hover{color:#000}.home-box .search-btn-wrapper .home-item.donate-link a{background-color:#f4364c;border:1px solid #f4364c}.home-box .small-desc{text-align:center;width:70%}@media only screen and (max-width:750px){.home-box{margin-top:100px}}#cy{background:url(/static/media/pattern_swirl.0678769b4e9cd3c809f3.webp) 0 0;border:1px solid #ccc;height:600px;margin:0 auto;width:100%}.modal-box-container{background-color:#000;background-color:#0006;display:none;height:100%;left:0;overflow:auto;padding-top:48px;position:fixed;top:0;width:100%;z-index:1010}.modal-box-container.show{display:block}.modal-box-wrapper{margin:auto;position:relative;width:80%}.modal-box-wrapper .close{font-size:20px;font-weight:700;position:absolute;right:3px;top:0;z-index:99}.modal-box-wrapper .close:focus,.modal-box-wrapper .close:hover{color:#000;cursor:pointer;text-decoration:none}.modal-box-wrapper .downlaod-img-wrapper{border:1px solid #ccc;overflow:scroll}@media only screen and (max-width:750px){.modal-box-wrapper{box-sizing:border-box;padding:10px 30px;text-align:center}}.block-tree{margin-top:80px;position:relative}@media only screen and (max-width:750px){.block-tree{margin-top:100px}}#btn-download{right:12px}#btn-download,#btn-mobile-view{cursor:pointer;position:absolute;top:-42px}#btn-mobile-view{right:92px}#btn-share{cursor:pointer;gap:6px;right:45px;top:-45px}#btn-share,.tree-header{display:flex;flex-direction:row;position:absolute}.tree-header{gap:20px;justify-content:center;left:42%;top:0}.tree-header h1{margin:0;padding:28px 0 0}.tree-header img{width:90px}@media only screen and (max-width:750px){.tree-header{margin-bottom:120px}.tree-header h1{padding-top:24px}.tree-header img{width:80px}}#btn-change-lang{display:flex;flex-direction:row-reverse;gap:12px;justify-content:start;left:10px;position:absolute;top:-40px}#btn-change-lang p{margin:2px 0 0}#btn-change-lang .switch{display:inline-block;height:23px;position:relative;width:48px}#btn-change-lang .switch input{height:0;opacity:0;width:0}#btn-change-lang .slider{background-color:#ccc;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}#btn-change-lang .slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:4px;position:absolute;transition:.4s;width:19px}#btn-change-lang input:checked+.slider{background-color:#2196f3}#btn-change-lang input:focus+.slider{box-shadow:0 0 1px #2196f3}#btn-change-lang input:checked+.slider:before{transform:translateX(22px)}#btn-change-lang .slider.round{border-radius:34px}#btn-change-lang .slider.round:before{border-radius:50%}#modal-box-person-selector{text-align:center}#modal-box-person-selector .modal-box-wrapper h2{text-transform:capitalize}.block-legends h3{border-bottom:2px solid #000;padding-bottom:14px}.block-legends .legends-wrapper{align-items:start;display:flex;flex-direction:column;gap:20px}.block-legends .legends-wrapper .legend span{background-color:red;border-radius:50%;display:inline-block;height:20px;margin-right:5px;width:20px}.block-legends .legends-wrapper .legend p{display:block;float:right;margin:2px}.block-legends .legends-wrapper .legend.legend-current span{background-color:#6558f5}.block-legends .legends-wrapper .legend.legend-male span{background-color:#b6b3db}.block-legends .legends-wrapper .legend.legend-female span{background-color:#1aae9f}.block-legends .legends-wrapper .legend.legend-wife span{background-color:#ff59d6}#search-person-box{left:14px;position:absolute;top:-90px}#search-person-box button{background:none;border:1px solid #000;border-radius:8px;color:#000}#search-person-box button:hover{background-color:#000;color:#fff}.add-child-header{font-size:22px;font-weight:700;margin:0 0 10px}.person-info{background-color:#fff;border:1px solid #fff;display:flex;flex-direction:row;min-height:400px}.person-info h2{margin-top:0}.person-info .side{flex:1 1;width:50%}.person-info .left-side{background-color:#3887f4;color:#fff;padding:20px;position:relative;text-align:left}.person-info .right-side{position:relative}.person-info .right-side input{padding:5px 4px}.person-info .right-side .btn-bookmark-mobile{display:none}.person-info .right-side .add-child-form{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;padding:20px;text-align:left;width:100%}.person-info .right-side .add-child-form p{margin:0;padding:10px 0}.person-info .right-side .add-child-form .form-checkbox{margin-top:10px}.person-info .right-side .add-child-form .form-item-gender{margin-top:9px}@media only screen and (max-width:750px){.person-info .right-side .add-child-form{grid-template-columns:1fr}}.person-info .right-side #not-allowed{margin-top:160px}.person-info .right-side .btn-add-child{background-color:#3887f4;display:flex;gap:12px;justify-content:center;margin-top:50px;width:135px}@media only screen and (max-width:750px){.person-info .right-side .btn-bookmark-mobile{display:block;position:relative;right:auto;text-align:start;top:auto}}.person-info .btn{cursor:pointer;position:absolute;right:15px;top:15px}.person-info .btn.btn-delete{background-color:#fff;color:#3887f4;display:flex;gap:8px;justify-content:center;margin-top:20px;position:relative;right:auto;top:auto;width:135px}.person-info .btn.btn-delete .loading-spinner{border:2px solid #000}.person-info .person-info-box{display:grid;grid-template-columns:1fr 1fr}.person-info .person-info-box p{margin:0;padding:8px 0}@media only screen and (max-width:750px){.person-info{flex-direction:column}.person-info h2{margin-top:30px}.person-info .left-side{box-sizing:border-box;display:none;width:100%}.person-info .person-info-box{display:flex;flex-direction:column}.person-info .right-side{box-sizing:border-box;width:100%}}.bookmark-wrapper{display:flex;flex-direction:column;justify-content:start;margin-bottom:20px;padding-left:20px;width:100%}.bookmark-wrapper h3{text-align:start}.bookmark-wrapper button{border-radius:6px;display:flex;flex-direction:row;gap:20px;width:174px}.bookmark-wrapper button:hover{background-color:#0f7fab}.bookmark-wrapper button span{font-size:18px;padding-top:5px}.bookmark-wrapper .bookmark-subtext{color:#878787;font-size:14px;margin-top:10px;text-align:left}.history-wrapper{padding-left:20px;text-align:left;width:100%}.history-wrapper .content{height:54vh;margin:20px 0;overflow:scroll}.history-wrapper .content .history-item{cursor:pointer}.history-wrapper .content .history-item.even{background-color:#e1eeff}.history-wrapper .content .history-item p{margin:0;padding:10px 5px;text-transform:capitalize}.history-wrapper h3{margin:12px 0}.history-wrapper .info{color:#878787;font-size:14px;margin:4px 0}@media only screen and (max-width:750px){.history-wrapper{padding-left:0}}.person-modal{background-color:#fff;border:1px solid #fff;border-radius:8px;padding:20px}.person-modal .debug-id{color:#999;font-size:13px;position:absolute;right:40px;top:88px}.person-modal ul.person-tabs{border-bottom:1px solid #d2d2d2;display:flex;flex-direction:row;gap:20px;justify-content:start}.person-modal ul.person-tabs li a{border-radius:6px;color:#000;display:flex;flex-direction:row;gap:6px;padding:10px 20px}.person-modal ul.person-tabs li a.active{border:1px solid #d2d2d2;border-bottom-color:#fff;padding-top:9px;transform:translateY(1px)}@media only screen and (max-width:750px){.person-modal ul.person-tabs{align-items:center;border-bottom:none;flex-direction:column;gap:5px;padding:0}.person-modal ul.person-tabs li a{padding-left:auto;text-align:center}.person-modal ul.person-tabs li a.active{background-color:#f5f5f5;border:1px solid #d2d2d2}}.person-modal .tab-content{margin:26px 0 36px}.person-modal .tab-content h2{padding-left:20px;text-align:left}.person-modal .tab-content .form-wrapper-children{justify-content:start;padding-left:20px;text-align:left}.person-modal .tab-content .form-wrapper-children input{background-color:#f3f3f3;border:none;border-radius:6px;padding:14px 16px}.person-modal .tab-content .form-wrapper-children input[type=number],.person-modal .tab-content .form-wrapper-children input[type=text]{width:400px}.person-modal .tab-content .form-wrapper-children input[type=radio]{margin-right:8px}.person-modal .tab-content .form-wrapper-children .btn-add-child{margin-top:20px}.person-modal .tab-content .form-wrapper-children .btn-add-child .loading-spinner{margin-right:8px}.person-modal .tab-content .form-wrapper-children p.error{color:red;font-size:12px}.center-text{color:#6d6d6d;font-size:22px;text-align:center}.center-text span{color:#000;font-size:32px;font-weight:700}.btn-back{cursor:pointer;display:flex}.btn-back p{display:inline-block;margin:0;padding-top:2px}.reset-password{margin-top:80px}@keyframes headRotate{0%{transform:rotate(0)}50%{transform:rotate(2deg)}to{transform:rotate(0)}}.block-person-detail .left .person-head,.block-person-detail .left img{animation-duration:4s;animation-iteration-count:infinite;animation-name:movement}.block-person-detail .left .person-body-wrapper{left:40px;position:absolute;top:120px}.donate-container p{text-align:center}.donate-container img{margin:20px 0;width:90px}.page.page-donate-cancel .donate-container img{display:block;margin:30px auto}.page.page-donate-cancel .donate-container h1,.page.page-donate-cancel .donate-container p{text-align:center}.page.page-donate-cancel .donate-container a{display:block;margin:0 auto;text-align:center;width:160px}.page .donate-container h1{margin:0;padding:10px 0 0;text-align:left}#donate-icon{display:flex;flex-direction:row;justify-content:center;margin:40px 0}#donate-icon img{width:100px}@media only screen and (max-width:750px){#donate-icon img{width:38%}}.donation-wrapper{display:flex;flex-direction:row;gap:20px;justify-content:center;margin-bottom:40px}.donation-item{background-color:#fff;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#000;cursor:pointer;padding:10px 20px;text-align:center;width:100px}.donation-item.active{background-color:#c0e1ff;font-weight:700}.donation-button-wrapper{display:flex;flex-direction:row;justify-content:center;margin-top:20px}.donation-button-wrapper button{background-color:#409def;border-radius:6px;box-shadow:0 2px 4px #0000004d;font-size:24px;padding:12px 38px}.donation-button-wrapper button:hover{background-color:#2a7bb8}.faq-item{margin-bottom:40px}.faq-item p{margin:10px 0}.faq-item p a{padding:5px 10px}.faq-item p span{padding:5px 2px}.faq-item p a,.faq-item p span{text-decoration:underline}.faq-item p a:hover{background-color:#ec8585;color:#000}.faq-item .question{font-weight:700}.form-wrapper label{cursor:pointer;display:flex;justify-content:center;margin-bottom:5px}.form-wrapper label span{display:inline-block;padding-top:3px}.form-wrapper .form-item{margin-bottom:10px}.form-wrapper .form-item input{border:1px solid #ccc;border-radius:6px;padding:10px}.form-wrapper .form-item input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:none;cursor:pointer;padding:0}.form-wrapper .form-item input[type=radio]:before{border:2px solid #000;border-radius:50%;content:"";display:inline-block;height:16px;margin-right:8px;vertical-align:middle;width:16px}.form-wrapper .form-item input[type=radio]:checked:before{background-color:#000}.form-wrapper-children{display:flex;flex-direction:row;justify-content:center}.form-wrapper-children .form-item.form-item-gender{display:flex;gap:10px}.form-wrapper-children .form-item.form-item-gender label.gender-title{margin-right:10px;padding-top:3px}.form-wrapper-children .form-item.form-item-surname{margin-bottom:16px;margin-top:10px}.form-wrapper-children .btn-add-child{margin-bottom:20px}.onboarding-page{background-color:#fff;box-shadow:0 0 10px 0 #0000001a;display:flex;height:100vh;overflow:hidden;position:relative;width:100%}.onboarding-page .btn-back{cursor:pointer;left:20px;position:absolute;top:20px}.onboarding-page p{margin:6px}.onboarding-page .left{align-items:center;background-color:#007bff;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.onboarding-page .left .logo{width:150px}.onboarding-page .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}@media only screen and (max-width:768px){.onboarding-page{display:block}.onboarding-page .login-content{display:block;width:100%}.onboarding-page .login-content button,.onboarding-page .login-content input{box-sizing:border-box;width:100%!important}}#special-leaves{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%}@media(max-width:768px){#special-leaves{display:none}}#special-leaves .set{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}#special-leaves .set div{display:block;opacity:.2;position:absolute}#special-leaves .set div:first-child{animation:animate 15s linear infinite;animation-delay:-7s;left:20%}#special-leaves .set div:nth-child(2){animation:animate 20s linear infinite;animation-delay:-5s;left:50%}#special-leaves .set div:nth-child(3){animation:animate 20s linear infinite;animation-delay:0s;left:70%}#special-leaves .set div:nth-child(4){animation:animate 15s linear infinite;animation-delay:-5s;left:0}#special-leaves .set div:nth-child(5){animation:animate 18s linear infinite;animation-delay:-10s;left:85%}#special-leaves .set div:nth-child(6){animation:animate 15s linear infinite;animation-delay:-7s;left:20%}#special-leaves .set div:nth-child(7){animation:animate 12s linear infinite;left:0}#special-leaves .set div:nth-child(8){animation:animate 15s linear infinite;left:60%}@keyframes animate{0%{opacity:0;top:-10%;transform:translateX(20px) rotate(0deg)}10%{opacity:1}20%{transform:translateX(-20px) rotate(45deg)}40%{transform:translateX(-20px) rotate(90deg)}60%{transform:translateX(20px) rotate(180deg)}80%{transform:translateX(-20px) rotate(180deg)}to{top:110%;transform:translateX(-20px) rotate(225deg)}}#tree-canvas{height:800px;margin:0 auto}#test-canvas{background-attachment:fixed;background-color:#f0f0f0;background-image:radial-gradient(circle,#0000001a 1px,#0000 0),radial-gradient(circle,#0000001a 1px,#0000 0);background-position:0 0,10px 10px;background-repeat:repeat;background-size:20px 20px,20px 20px;box-shadow:0 0 10px #d0cece80;margin:0 auto;min-height:500px;overflow:hidden}.stepper-wrapper{display:flex;justify-content:space-between;margin-bottom:20px;margin-top:auto}.stepper-item{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}@media(max-width:768px){.stepper-item{font-size:12px}}.stepper-item:before{left:-50%}.stepper-item:after,.stepper-item:before{border-bottom:2px solid #ccc;content:"";position:absolute;top:20px;width:100%;z-index:2}.stepper-item:after{left:50%}.stepper-item .step-counter{align-items:center;background:#ccc;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin-bottom:6px;position:relative;width:40px;z-index:5}.stepper-item.active{font-weight:700}.stepper-item.completed .step-counter{background-color:#39b54b}.stepper-item.completed:after{border-bottom:2px solid #39b54b;content:"";left:50%;position:absolute;top:20px;width:100%;z-index:3}.stepper-item:first-child:before,.stepper-item:last-child:after{content:none}.block-features{padding:50px}.block-features .feature-item{display:flex;flex-direction:row;gap:20px;margin-bottom:80px}.block-features .feature-item .left-side{width:520px}.block-features .feature-item .right-side img{box-shadow:0 0 20px 0 #c9c9c9}.block-features .feature-item h2{color:#0a2540;font-family:roboto;font-size:52px;font-weight:700;margin:0 0 20px}.block-features .feature-item p{color:#425466;font-size:18px;line-height:26px;margin:0 0 6px}@media only screen and (max-width:750px){.block-features .feature-item{flex-direction:column;gap:20px}.block-features .feature-item .left-side,.block-features img{width:100%}}.block-wrapper-features{width:70%}@media only screen and (max-width:750px){.block-wrapper-features{width:90%}}.info-box{background-color:#f1f8e9;border-left:6px solid #7cb342;margin-bottom:20px;padding:20px}.spinner-wrapper{align-items:center;display:flex;height:40vh;justify-content:center}.spinner{animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite;aspect-ratio:1;border:8px solid #514b82;border-radius:50%;width:50px}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0deg)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0deg)}to{transform:scaleY(-1) rotate(-135deg)}}.block-new-tree{padding:0;position:relative}.block-new-tree .tree-controls{align-items:center;bottom:50px;display:flex;flex-direction:column;gap:4px;position:absolute;right:40px;z-index:100}.block-new-tree .tree-controls.hidden{display:none}.block-new-tree .tree-controls button{background-color:#1878e8;border-radius:5px;height:27px;padding:4px;width:30px}.block-new-tree .tree-controls button:hover{background-color:#0f5bb5}.block-new-tree .tree-controls .btn-recenter{cursor:pointer}.tree-top-part{align-items:center;display:flex;min-height:110px;position:relative}@media only screen and (max-width:750px){.tree-top-part .tree-header{display:none}}@media only screen and (max-width:1310px){.tree-top-part .tree-header{display:none}}.lang-selector{border:none;padding:8px 12px}.lang-selector:disabled{cursor:not-allowed}.family-tree-bar{display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;width:90%}.family-tree-bar h2{margin:0;width:300px}@media only screen and (max-width:750px){.family-tree-bar{flex-direction:column;margin-bottom:20px}.family-tree-bar h2{margin:0 auto 26px;text-align:center}.family-tree-bar .family-tree-actions{gap:20px}}.family-tree-actions{display:flex;flex-direction:row;gap:10px;justify-content:end}.family-tree-actions button{background-color:#ebebeb;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#000;display:flex;flex-direction:row;gap:6px}.family-tree-actions button:hover{background-color:#dcdcdc}.family-tree-actions button p{margin:0;padding-top:8px}.mobile-person-container{display:flex;flex-direction:column;gap:20px}.mobile-person-container .main-person-container{background-color:#f9f2ff;border:2px solid #b463ff;border-radius:10px;padding:20px;position:relative}.mobile-person-container .main-person-container .btn-bookmark{position:absolute;right:10px;top:10px}.mobile-person-container .main-person-container .main-person-avatar{align-items:center;box-sizing:border-box;display:flex;height:150px;justify-content:center;margin:0 auto 16px;width:60%}.mobile-person-container .main-person-container .top-row{display:flex;justify-content:space-between}.mobile-person-container .main-person-container .top-row h2{font-size:22px;font-weight:700;margin:0 0 20px;text-transform:capitalize}.mobile-person-container .main-person-container .top-row p{margin:0;padding:5px 0}.mobile-person-container .main-person-container .top-row .person-actions{display:flex;gap:10px}.mobile-person-container .main-person-container .top-row .tag p{background-color:#fff;border-radius:6px;box-shadow:0 0 5px #0000001a;padding:4px 10px}.mobile-person-container .main-person-container .bottom-row .field-gender{display:flex;gap:10px}.mobile-person-container .main-person-container .bottom-row .field-gender .tag{background-color:#ead2ff;border-radius:6px;margin:0;padding:4px 10px;text-transform:capitalize;width:fit-content}.mobile-person-container .main-person-container .bottom-row .field-dob{display:flex;gap:10px}.mobile-person-container .main-person-container .bottom-row .field-dob .text{font-size:14px;padding-top:1px}.mobile-person-container .tab-content.spouse-tab h3{display:flex;gap:10px}.mobile-person-container .tab-content.spouse-tab h3 svg{padding-top:2px}.mobile-person-container .person-tabs{background-color:#f1e8ff;border-radius:8px}.mobile-person-container .person-tabs ul{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:0;padding:8px}.mobile-person-container .person-tabs ul li{display:flex;gap:6px}.mobile-person-container .person-tabs ul li.active{background-color:#b463ff;border-radius:8px;color:#fff;padding:8px}.mobile-person-container .person-tabs ul li.active a{color:#fff}.mobile-person-container .cards{display:flex;flex-direction:column;gap:10px}.mobile-person-container .cards .single-person-card{align-items:center;background-color:#fff;border:#a0a0a0;border-radius:8px;box-shadow:0 0 5px #0000001a;display:flex;padding:4px}.mobile-person-container .cards .single-person-card .avatar{border-radius:50%;height:60px;margin:10px;width:60px}.mobile-person-container .cards .single-person-card .avatar img{cursor:pointer;width:100%}.mobile-person-container .cards .single-person-card .person-info{min-height:auto}.mobile-person-container .cards .single-person-card .person-info h4{cursor:pointer;margin:0 8px 8px 0;text-transform:capitalize}.mobile-person-container .cards .single-person-card .person-info .tags{display:flex;flex-direction:row;gap:8px}.mobile-person-container .cards .single-person-card .person-info .tags p.tag{background-color:#ead2ff;border-radius:6px;font-size:14px;margin:0;padding:4px 10px;width:fit-content}.mobile-person-container .cards .single-person-card .person-info .tags p.tag.male{background-color:#c5e6ff}.mobile-person-container .cards .single-person-card .person-info .tags p.tag.female{background-color:#ffb3e6}.login-container .register-content{align-items:start}.login-container .register-content h3{font-weight:700;text-align:center;width:100%}.login-container .register-content label{margin-bottom:10px}.login-container .register-content input{margin-bottom:20px}.id-block-wrapper{width:400px}.id-block-wrapper .id-card{margin-bottom:40px;max-width:400px}.id-block-wrapper .id-card .top{background-color:#95e1ff;border-top-left-radius:14px;border-top-right-radius:14px;padding:20px 20px 14px}.id-block-wrapper .id-card .top h3{font-size:16px;font-weight:700;margin:0}.id-block-wrapper .id-card .bottom{background-color:#fcfcfc;border-bottom-left-radius:14px;border-bottom-right-radius:14px;box-shadow:0 3px 5px #0000001a;display:flex;gap:20px;justify-content:center;min-height:100px;padding:22px 20px 20px}.id-block-wrapper .id-card .bottom .bottom-left{width:100px}.id-block-wrapper .id-card .bottom .bottom-left img{border-radius:50%;height:90px;object-fit:cover;width:90px}.id-block-wrapper .id-card .bottom .bottom-right{display:flex;flex-direction:column;gap:16px}.id-block-wrapper .id-card .bottom .bottom-full{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center}.id-block-wrapper .id-card .bottom .bottom-full p{color:#9e9e9e;font-size:14px;text-align:center}.id-block-wrapper .id-card .bottom p{margin:0}.id-block-wrapper .id-card .bottom a.btn{border-radius:6px;width:100px}@media(max-width:768px){.id-block-wrapper{margin:0 auto;width:90%}}
/*# sourceMappingURL=main.21f0b3d6.css.map*/