.generations{position:relative;line-height:1.5}.generations .role{margin:5px;color:#888888}.generations a.personal{color:#222222;font-size:12px;font-weight:700;text-decoration:none}.generations .thisperson>a.personal{color:#bec04f}.generations ul{padding-left:10px;list-style:none}.generations ul li{position:relative;padding-top:5px;padding-bottom:5px;padding-left:15px;box-sizing:border-box}.generations ul li:before{top:17px;width:13px;height:1px;margin:auto}.generations ul li:after,.generations ul li:before{position:absolute;left:0;content:"";background-color:#222222}.generations ul li:after{top:0;width:1px;height:100%}.generations ul li:last-child:after{height:17px}.generations li.open>ul{display:block}.generations li>.circle{display:inline-block;vertical-align:middle;position:relative;width:18px;height:18px;border-radius:50%;transform:rotate(90deg);cursor:pointer;padding:0}.generations li.open>.circle{transform:rotate(180deg)}.generations li .circle.male{border:2px solid #8dbaef;color:#8dbaef}.generations li .circle.female{border:2px solid #edaaf2;color:#edaaf2}.generations li>.circle:after{position:absolute;content:"";top:50%;left:50%;border:5px solid transparent;border-bottom-color:currentcolor;transform:translateX(-50%) translateY(-85%)}.alert{color:red}.image-grid{display:flex;flex-wrap:wrap;gap:5px;margin:15px 0}.image-grid-item{width:150px;height:225px;cursor:zoom-in;object-fit:cover;display:block;border:1px solid #dedec8;transition:transform .2s ease}.image-grid-item:hover{transform:scale(1.02);border-color:#bec04f}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{background-color:#ffffff;padding:20px;border-radius:5px;position:relative;width:80%;height:80%}.close{position:absolute;top:5px;right:5px;cursor:pointer;font-size:22px}