body>main>section{& h2{color:var(--senary-dark);border-color:var(--senary)}& p[data-type=note]{--p-background:var(--senary-light);--p-border:var(--senary)}& a:has(>svg){--a-background:var(--senary);--text-color:var(--senary-dark);width:fit-content;display:block;&:before{width:5%}}& small{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--neutral-600);justify-content:center;font-style:italic;display:flex}& form{gap:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:flex-end;display:grid;& fieldset{gap:var(--space-1);border:none;grid-template-columns:repeat(4,1fr);display:grid;&>select,&>button{grid-column:1/-1}& legend{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--senary-dark);letter-spacing:var(--ls-wider);text-transform:uppercase;margin-bottom:var(--space-1)}& label{font-size:var(--text-sm);font-weight:var(--fw-bold);border:var(--bw-medium) solid var(--senary);color:var(--neutral-800);padding:var(--space-2) 0;text-align:center;border-radius:var(--radius-full);cursor:pointer;transition-duration:var(--duration-fast);background:#fff;position:relative;&:nth-of-type(2){border-color:var(--primary)}&:nth-of-type(3){border-color:var(--quaternary)}&:last-of-type{border-color:var(--tertiary)}&:hover{background:color-mix(in srgb, var(--senary-light) 30%, transparent)}&:nth-of-type(2):hover{background:color-mix(in srgb, var(--primary-light) 30%, transparent)}&:nth-of-type(3):hover{background:color-mix(in srgb, var(--quaternary-light) 30%, transparent)}&:last-of-type:hover{background:color-mix(in srgb, var(--tertiary-light) 30%, transparent)}&:first-of-type:has(input:checked){background:color-mix(in srgb, var(--senary-light) 70%, transparent);border-color:color-mix(in srgb, var(--senary) 90%, black)}&:nth-of-type(2):has(input:checked){background:color-mix(in srgb, var(--primary-light) 70%, transparent);border-color:var(--primary-hover)}&:nth-of-type(3):has(input:checked){background:color-mix(in srgb, var(--quaternary-light) 70%, transparent);border-color:var(--quaternary-hover)}&:last-of-type:has(input:checked){background:color-mix(in srgb, var(--tertiary-light) 70%, transparent);border-color:var(--tertiary-hover)}& input{opacity:0;pointer-events:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute}}& select{--event-color:var(--senary-light);font-size:var(--text-base);font-family:var(--font-primary);border:var(--bw-medium) solid var(--event-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--event-color);color:var(--neutral-800);cursor:pointer;transition-duration:var(--duration-slow);&:hover{box-shadow:0 0 10px color-mix(in srgb, var(--event-color) 90%, black)}&:focus{background:color-mix(in srgb, var(--event-color) 50%, transparent)}&:focus-visible{border-color:color-mix(in srgb, var(--event-color) 70%, black)}&:has(option:checked[value=points]){--event-color:var(--senary-light)}&:has(option:checked[value=event]){--event-color:var(--quaternary-light)}&:has(option:checked[value=date]){--event-color:var(--primary-light)}&:has(option:checked[value=country]){--event-color:var(--tertiary-light)}&:has(option:checked[value=sprint]){--event-color:var(--sprint)}&:has(option:checked[value=middle]){--event-color:var(--middle)}&:has(option:checked[value=long]){--event-color:var(--long)}&:has(option:checked[value=hurdles]){--event-color:var(--hurdles)}&:has(option:checked[value=road]){--event-color:var(--road)}&:has(option:checked[value=field]){--event-color:var(--field)}&:has(option:checked[value=combined]){--event-color:var(--combined)}&:has(option:checked[value=walk]){--event-color:var(--walk-track)}&:has(option:checked[value=relay]){--event-color:var(--relays)}& option{background:var(--senary-light)}& option[value=event]{background:var(--quaternary-light)}& option[value=date]{background:var(--primary-light)}& option[value=country]{background:var(--tertiary-light)}& option[value=sprint]{background:var(--sprint)}& option[value=middle]{background:var(--middle)}& option[value=long]{background:var(--long)}& option[value=hurdles]{background:var(--hurdles)}& option[value=road]{background:var(--road)}& option[value=field]{background:var(--field)}& option[value=combined]{background:var(--combined)}& option[value=walk]{background:var(--walk-track)}& option[value=relay]{background:var(--relays)}}& button{white-space:nowrap;border:var(--bw-medium) solid var(--neutral-400);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;color:#000;font-size:var(--text-md);transition-duration:var(--duration-slow);background:#fff;flex-direction:row;justify-content:center;display:flex;&[aria-pressed=false]{background:color-mix(in srgb, var(--senary-light) 75%, transparent);border-color:var(--senary);&:hover{box-shadow:0 0 10px var(--senary)}}&[aria-pressed=true]{background:color-mix(in srgb, var(--quinary-light) 75%, transparent);border-color:var(--quinary);&:hover{box-shadow:0 0 10px var(--quinary)}}}}}&>div{outline:var(--bw-thick) solid var(--senary);border-radius:var(--radius-md);background:#fff;height:575px;overflow:auto;& table{border-collapse:collapse;min-width:900px;& thead>tr{&>th{background:var(--senary);color:#fff;text-align:center;padding:var(--space-3) var(--space-1);white-space:nowrap;z-index:1;position:sticky;top:0}}& tbody>tr{border-bottom:var(--bw-thin) solid var(--neutral-200);transition:var(--duration-fast);&:hover{background:color-mix(in srgb, var(--senary-light) 20%, transparent)}&:nth-child(2n),& td:has(img){background:var(--neutral-50)}&:nth-child(2n):hover,&:hover td:has(img){background:color-mix(in srgb, var(--senary-light) 25%, transparent)}&:first-child td:nth-of-type(3){color:var(--gold);font-weight:var(--fw-bold)}&:nth-of-type(2) td:nth-of-type(3){color:var(--silver);font-weight:var(--fw-bold)}&:nth-of-type(3) td:nth-of-type(3){color:var(--bronze);font-weight:var(--fw-bold)}& td{font-size:var(--text-sm);padding:var(--space-3) 0;color:var(--neutral-800);text-align:center;vertical-align:middle;white-space:nowrap;&:first-of-type{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--senary-dark)}&:nth-of-type(2),&:nth-of-type(3){font-weight:var(--fw-bold)}&:nth-of-type(4){font-weight:var(--fw-semibold)}&[data-gender=m]{color:color-mix(in srgb, var(--primary-hover), black 20%)}&[data-gender=x]{color:color-mix(in srgb, var(--tertiary-hover), black 20%)}&[data-gender=w]{color:color-mix(in srgb, var(--quaternary-hover), black 20%)}&[data-event=sprint]{color:color-mix(in srgb, var(--sprint), black 20%)}&[data-event=middle]{color:color-mix(in srgb, var(--middle), black 20%)}&[data-event=long]{color:color-mix(in srgb, var(--long), black 20%)}&[data-event=hurdles]{color:color-mix(in srgb, var(--hurdles), black 20%)}&[data-event=road]{color:color-mix(in srgb, var(--road), black 20%)}&[data-event=walk]{color:color-mix(in srgb, var(--walk-track), black 20%)}&[data-event=field]{color:color-mix(in srgb, var(--field), black 20%)}&[data-event=combined]{color:color-mix(in srgb, var(--combined), black 20%)}&[data-event=relay]{color:color-mix(in srgb, var(--relays), black 20%)}&:has(img){padding:0}& img{vertical-align:middle;filter:brightness(1.08)saturate(1.15);width:30px;height:30px;transition:var(--duration-fast)}}}}&::-webkit-scrollbar{width:10px;height:10px}&::-webkit-scrollbar-track{background:var(--neutral-100)}&::-webkit-scrollbar-thumb{background:var(--senary-light);border-radius:var(--radius-xl);transition:var(--duration-slow)}&::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--senary) 70%, transparent)}}}body>main>aside[aria-labelledby=javascript]{--promo-color:var(--senary);& h2{color:var(--senary-dark)}& a{background:var(--senary-light);&:hover{background:color-mix(in srgb, var(--senary) 70%, transparent)}}}