.mating__tabs[data-v-7caa7123]{display:grid;gap:8px;grid-template-columns:repeat(10,1fr);margin-bottom:16px}.mating__disease[data-v-7caa7123]{background:#fff;border:2px solid var(--grey-20);border-radius:8px;cursor:pointer;padding:8px;transition:.4s ease}.mating__disease .disease[data-v-7caa7123]{margin-top:0}.mating__disease[data-v-7caa7123]:hover{border:2px solid var(--grey-60)}.mating__disease.active[data-v-7caa7123]{border:2px solid var(--primary)}.mating__tree[data-v-7caa7123]{margin-bottom:16px;overflow:hidden;padding:0}.mating__tree-wrapper[data-v-7caa7123]{background:#fff;padding:16px}.mating__tree-grid[data-v-7caa7123]{display:grid;gap:32px;grid-template-columns:1fr 1fr 1fr;margin-bottom:32px}.mating__tree-grid--one[data-v-7caa7123]{grid-template-columns:1fr 1fr}.mating__tree-grid .pet-card[data-v-7caa7123]{border:1px solid var(--grey-20);box-shadow:none;padding:8px}.mating__tree .title a[data-v-7caa7123]{color:var(--primary)}.image-pedigree[data-v-7caa7123]{--gap:32px;align-items:center;display:grid;gap:var(--gap);grid-template-columns:repeat(4,1fr);min-width:100%;overflow-x:scroll}.image-pedigree[data-v-7caa7123]::-webkit-scrollbar{height:8px;width:8px}.image-pedigree[data-v-7caa7123]::-webkit-scrollbar-corner{display:none}.image-pedigree[data-v-7caa7123]:hover::-webkit-scrollbar-thumb{background-color:#0003;border-radius:8px}.image-pedigree[data-v-7caa7123]::-webkit-scrollbar-thumb{background-color:transparent}.image-pedigree .gen[data-v-7caa7123]{display:flex;flex-direction:column;height:100%}.image-pedigree .gen:first-child>div[data-v-7caa7123]{height:100%}.image-pedigree .gen[data-v-7caa7123]:not(:last-child) .pet-card:after{background:var(--grey-20);content:"";height:1px;position:absolute;right:calc(var(--gap)/2*-1);top:50%;transform:translateY(-50%);width:calc(var(--gap)/2)}.image-pedigree .gen:not(:first-child) .gen__wrapper[data-v-7caa7123]:after{background:var(--grey-20);content:"";height:1px;left:calc(var(--gap)/2*-1);position:absolute;top:50%;transform:translateY(-50%);width:calc(var(--gap)/2)}.image-pedigree .gen:not(:first-child) .gen__wrapper[data-v-7caa7123]:nth-of-type(odd):before{background:var(--grey-20);content:"";height:calc(100% + 8px);left:calc(var(--gap)/2*-1);position:absolute;top:50%;transform:translate(-50%);width:1px}.image-pedigree .gen__wrapper[data-v-7caa7123]{display:flex;flex-direction:column;height:calc(50% - 4px);justify-content:center;position:relative}.image-pedigree .gen__wrapper+.gen__wrapper[data-v-7caa7123]{margin-top:8px}.image-pedigree .gen__wrapper[data-v-7caa7123] .pet-card .pet-card__full-name{font-size:12px;line-height:1.3;padding-right:20px;white-space:nowrap}.image-pedigree .gen__wrapper[data-v-7caa7123] .pet-card--smallest{grid-template-columns:auto}@media (max-width:810px){.image-pedigree[data-v-7caa7123]{overflow:scroll}.image-pedigree .pet-card[data-v-7caa7123]{min-width:269px}.mating__tabs[data-v-7caa7123]{grid-template-columns:repeat(2,1fr)}.mating__tree--overflowed[data-v-7caa7123]{background:#fff;overflow:hidden;width:1248px}.mating__tree--overflowed .image-pedigree[data-v-7caa7123]{overflow:inherit}.mating__tree--overflowed .image-pedigree .pet-card[data-v-7caa7123]{min-width:269px}.mating__tree--overflowed .mating__tree-grid[data-v-7caa7123]{gap:32px;grid-template-columns:repeat(3,1fr)}.mating__tree-grid[data-v-7caa7123]{gap:16px;grid-template-columns:auto}}