:root{--header-height: 38px;--svizzerina-glyph-top: 8px;--svizzerina-menu-font-size: 1.4rem;--svizzerina-z-index: 10}html{height:100%;margin:0;box-sizing:border-box;font-size:1em;font-family:Helvetica,Arial,sans-serif;font-weight:300}body{height:100%;margin:0;display:flex;flex-direction:column;min-height:100vh;color:#0b1008;line-height:1em}h5{font-size:1.2rem;margin-block-start:1rem;margin-block-end:.8rem}svg{overflow:visible}ul{margin:0;padding:0;list-style:none}li{display:list-item}li label{width:unset;padding:0 5px 0 0}fieldset{border:none;margin:unset;padding:unset;display:block;min-inline-size:min-content}input[type=radio i]{margin:0 5px 0 0}input[type=text i]{display:block;width:100%;font-size:1rem}.details,.details--hidden{position:absolute;z-index:2;top:0;bottom:0;right:0;width:600px;background-color:#f1f3f2;padding-bottom:10px;display:flex;flex-wrap:wrap;transition:transform .8s;overflow-x:hidden}.details{overflow-y:scroll}.details--hidden{transform:translate(580px);overflow-y:hidden}@media screen and (max-width: 989px){.details,.details--hidden{transform:none;transition:width .8s ease-in-out;width:100%}.details--hidden{width:20px}}.details__toggle,.details--open{position:absolute;transform-origin:center center;top:13px;bottom:0;left:3px;width:15px;transition:transform .8s;transform:rotate(0)}.details--hidden .details__toggle{transform:rotate(180deg)}.details__form,.person_user__form{overflow:none}.details__fields,.person_user__fields{display:flex;flex-wrap:wrap;line-height:2rem;margin:0 2rem}.details__fields label,.person_user__fields label{font-weight:700;display:inline-block;width:10rem}.details__fields>*,.person_user__fields>*{flex-wrap:wrap;margin:10px 0}.details__name,.details__sex,.details__birth,.details__date_of_birth,.details__place_of_birth,.details__is_alive,.details__decease,.details__date_of_decease,.details__place_of_decease,.details__biography,.details__save,.details__parents,.details__couples,.details__couple,.person_user__notes,.person_user__save{flex-basis:auto;flex-grow:0;flex-shrink:1;width:100%}@media screen and (min-width: 1024px){.details__date_of_birth,.details__place_of_birth,.details__date_of_decease,.details__place_of_decease{display:block;flex:0 0 50%}}.details__is_alive{display:flex;flex-direction:row}.details__biography .details__biography_input,.person_user__notes .person_user__notes_input{width:100%;height:10rem}.details__parents,.details__couples{margin:0 2rem}.details__image_gallery{list-style-type:none;padding-inline-start:0;display:flex;flex-wrap:wrap}.details__image_item{padding:3px}.header{top:0;z-index:1000}.header__title{margin:14px;color:#000;text-align:center;font-size:15pt}.login-page{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background-color:#f5f0e8;min-height:100vh}.mx-auto.max-w-sm{width:100%;max-width:400px;background:#fff;border-radius:12px;padding:2.5rem 2rem;box-shadow:0 4px 24px #0b10081a}.mx-auto.max-w-sm header{padding-bottom:1.5rem;border-bottom:1px solid #e5e0d8;margin-bottom:0}.mx-auto.max-w-sm h1{font-size:1.75rem;font-weight:600;color:#0b1008;margin:0 0 .5rem;line-height:1.2}.mx-auto.max-w-sm header p{font-size:.9rem;color:#6b7280;line-height:1.4;margin:0}.mx-auto.max-w-sm header p a{color:#5b6af0;font-weight:600;text-decoration:none}.mx-auto.max-w-sm header p a:hover{text-decoration:underline}.space-y-4>*+*{margin-top:1.25rem}.alert{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border-radius:8px;font-size:.875rem;line-height:1.5}.alert-info{background-color:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.alert svg,.alert span[class*=hero-]{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.alert .size-6{width:1.25rem!important;height:1.25rem!important}.alert p{margin:0;line-height:1.4}.alert a{color:#1e40af;text-decoration:underline}.fieldset{margin-bottom:1rem}.fieldset label{display:block}.label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.4rem}.input{display:block;width:100%;box-sizing:border-box;padding:.625rem .875rem;font-size:1rem;line-height:1.5;color:#0b1008;background:#fafaf9;border:1.5px solid #d1ccc5;border-radius:7px;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.input:focus{border-color:#5b6af0;box-shadow:0 0 0 3px #5b6af01f;background:#fff}.input[readonly]{background:#f0ede8;color:#9ca3af;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;font-family:inherit;border-radius:7px;border:1.5px solid transparent;cursor:pointer;transition:background-color .15s,box-shadow .15s,opacity .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#2d3748;color:#fff;border-color:#2d3748}.btn-primary:hover:not(:disabled){background-color:#1a202c;border-color:#1a202c}.btn-primary.btn-soft{background-color:transparent;color:#2d3748;border-color:#2d3748}.btn-primary.btn-soft:hover:not(:disabled){background-color:#f0ede8}.w-full{width:100%}.mt-2{margin-top:.5rem}.divider{display:flex;align-items:center;gap:.75rem;font-size:.8125rem;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#e5e0d8}.text-center{text-align:center}.font-semibold{font-weight:600}.text-brand{color:#5b6af0}.main{position:absolute;z-index:1;top:var(--header-height);width:100%;height:calc(100% - var(--header-height));overflow:hidden;--bg-color: #f5f0e8;--root-highlight: #ede7f5;--line-color: #c4c0ba;--avatar-bg: #d4c5a9;--avatar-fg: #b0998a;background-color:var(--bg-color)}.tree{position:relative;overflow:visible;top:0;left:0;z-index:1;shape-rendering:crispEdges;text-rendering:optimizeSpeed;font-family:courier;transform:scale(1);cursor:grab}@media screen and (max-width: 989px){.tree{top:200px;transform:scale(2)}}.tree .person{cursor:pointer}.tree .person .person__background{fill:var(--bg-color, #c0c0c0);stroke:#0006;stroke-width:.5}.tree .person .person__name{font-size:5pt}.tree .root .root__background{fill:var(--root-highlight, #fecdd3);stroke:#00000040;stroke-width:.4}.tree .root .root__name{font-size:5pt;fill:#1a1a1a}.tree .avatar .avatar__background{fill:var(--avatar-bg, #aaaaaa)}.tree .avatar .avatar__silhouette{fill:var(--avatar-fg, #888888)}.tree .connector{stroke:var(--line-color, #c4c0ba)}.svizzerina .svizzerina__menu li{line-height:2rem}.svizzerina{position:absolute;top:0;right:0;margin:0;width:32px;z-index:var(--svizzerina-z-index, 1)}.svizzerina .svizzerina__trigger{opacity:0;position:absolute;top:var(--svizzerina-glyph-top, 4px);right:4px;width:32px;height:20px;margin:0;border:0;cursor:pointer;z-index:3}.svizzerina .svizzerina__glyph{position:absolute;right:4px;width:32px;height:4px;border-radius:2px;transition:transform .5s,opacity .4s ease;background:#333;z-index:2}.svizzerina .svizzerina__glyph1{top:var(--svizzerina-glyph-top, 4px);transform-origin:0 0}.svizzerina .svizzerina__trigger:checked~.svizzerina__glyph1{transform:translate(8.8284px) rotate(45deg) scaleX(.758891953)}.svizzerina .svizzerina__glyph2{opacity:1;top:calc(var(--svizzerina-glyph-top, 4px) + 8px)}.svizzerina .svizzerina__trigger:checked~.svizzerina__glyph2{opacity:0}.svizzerina .svizzerina__glyph3{top:calc(var(--svizzerina-glyph-top, 4px) + 20px - 4px);transform-origin:0 4px}.svizzerina .svizzerina__trigger:checked~.svizzerina__glyph3{transform:translate(8.8284px) rotate(-45deg) scaleX(.758891953)}.svizzerina .svizzerina__menu{position:absolute;top:0;right:0;margin:0;width:var(--svizzerina-menu-width, 160px);padding:50px 10px 20px 30px;border:0 solid #888;border-bottom-width:1px;border-left-width:1px;border-radius:0 0 0 .4rem;list-style-type:none;transform:translateY(-100%);transition:transform .5s ease;background-color:var(--svizzerina-menu-color, white);z-index:1}.svizzerina .svizzerina__trigger:checked~.svizzerina__menu{transform:translate(0)}.svizzerina .svizzerina__menu a{text-decoration:none;color:var(--svizzerina-link-color, #555);transition:color .3s ease;font-size:var(--svizzerina-menu-font-size, 1rem);padding:5px 0}.svizzerina .svizzerina__menu a:hover{color:var(--svizzerina-link-hover-color, black)}
