.wavelength{padding:18px;max-width:980px;margin:0 auto;text-align:center}
body{font-family:Arial, Helvetica, sans-serif;}
.semicircle-wrap{display:flex;align-items:center;justify-content:center;gap:24px;flex-direction:row;}
.semicircle{width:100%;max-width:720px;height:auto}
.extreme-label{width:140px;font-weight:700;font-size:1.15rem;text-align:center}
.controls.below{margin-top:14px;display:flex;gap:10px;justify-content:center}
.wedge-part{opacity:0;transition:opacity 220ms ease, transform 260ms ease}
.reveal-on .wedge-part{opacity:1}

.wedge-part.part-0{fill:#ebaa21;stroke:#ebaa21}
.wedge-part.part-1{fill:#ed463b;stroke:#ed463b}
.wedge-part.part-2{fill:#5a839b;stroke:#5a839b}
.wedge-part.part-3{fill:#ed463b;stroke:#ed463b}
.wedge-part.part-4{fill:#ebaa21;stroke:#ebaa21}

.semicircle path{stroke:#8fc6ff;stroke-width:2}