#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50}.f3 .cursor-pointer{cursor:pointer}.f3 svg.main_svg{width:100%;height:100%}.f3 svg.main_svg text{fill:currentColor}.f3 .card-female .card-body-rect,.f3 .card-female .text-overflow-mask,.f3 rect.card-female{fill:#c48a92}.f3 .card-male .card-body-rect,.f3 .card-male .text-overflow-mask,.f3 rect.card-male{fill:#789fac}.f3 .card-genderless .card-body-rect,.f3 .card-genderless .text-overflow-mask{fill:#d3d3d3}.f3 .card_add .card-body-rect{fill:#3b5560;stroke-width:4px;stroke:#fff;cursor:pointer}.f3 g.card_add text{fill:#fff}.f3 .card-main-outline{stroke:currentColor;stroke-width:3px}.f3 .card_family_tree rect{transition:.3s}.f3 .card_family_tree:hover rect{transform:scale(1.1)}.f3 .card_add_relative{cursor:pointer;color:#fff;transition:.3s}.f3 .card_add_relative circle{fill:transparent}.f3 .card_add_relative:hover{color:#000}.f3 .card_edit.pencil_icon{color:#fff;transition:.3s}.f3 .card_edit.pencil_icon:hover{color:#000}.f3 .card_break_link,.f3 .link_lower,.f3 .link_particles,.f3 .link_upper{transform-origin:50% 50%;transition:1s}.f3 .card_break_link{color:#fff}.f3 .card_break_link.closed .link_upper{transform:translate(-140.5px,655.6px)}.f3 .card_break_link.closed .link_upper g{transform:rotate(-58deg)}.f3 .card_break_link.closed .link_particles{transform:scale(0)}.f3 .input-field input{height:2.5rem!important}.f3 .input-field>label:not(.label-icon).active{transform:translateY(-8px) scale(.8)}html{font-family:"sans-serif"}