.hla-haplotype{display:grid;grid-template-columns:300px 1fr;height:calc(100vh - var(--header-height))}.hla-haplotype__aside{min-height:0;background-color:var(--surface-gray);display:flex;flex-direction:column;overflow:hidden}.hla-haplotype__form{min-height:0;flex:1;display:flex;flex-direction:column}.hla-haplotype__form-content{min-height:0;overflow-y:auto;padding:2em;flex:1}.hla-haplotype__basic{margin-top:1em;margin-bottom:2em}.hla-haplotype__basic .form-field{margin-bottom:.5em;text-align:left;display:grid;grid-template-columns:1fr 3fr;align-items:center}.form-field label{display:block;margin:.3em 0}.form-field input,.form-field select{width:100%;border:1px solid var(--border-gray);border-radius:5px;padding:.3em}.hla-haplotype__actions{padding:2em;display:flex;gap:.5em}.hla-haplotype__actions .btn{justify-content:center}.hla-haplotype__btn-search{flex:2}.hla-haplotype__btn-reset{flex:1}.hla-haplotype__panel{min-height:0;overflow-y:auto;background-color:var(--white);padding:2em 4em}.hla-haplotype__results{margin-top:2em}.hla-haplotype__results-instructions{color:var(--text-light);display:flex;align-items:center;gap:.5em}