.gender-predictor{margin-block:24px;padding-block:18px;border-block:1px solid var(--rule,#c8b49a)}.gender-predictor .gender-predictor-form{margin-bottom:0;padding-block:12px;border:0}.gender-predictor .gender-predictor-form fieldset{min-width:0;margin:0}.gender-predictor .gender-predictor-result{min-height:1.65em}.gender-predictor .gender-chart-details summary{cursor:pointer}.gender-predictor .gender-chart-scroll{max-width:100%;overflow-x:auto;margin-top:12px}.gender-predictor .gender-chart-table{width:100%;border-collapse:collapse}.gender-predictor .gender-chart-table caption{text-align:start;white-space:normal;margin-bottom:8px}.gender-predictor .gender-chart-table th,.gender-predictor .gender-chart-table td{padding:6px 8px;border:1px solid var(--rule,#c8b49a);text-align:center;white-space:nowrap}.gender-predictor .gender-chart-table .gender-chart-match{background:#f5dfaa;outline:2px solid #8d241c;outline-offset:-2px;font-weight:700}.gender-predictor :is(input,select,button,summary,.gender-chart-scroll):focus-visible{outline:2px solid #8d241c;outline-offset:3px}