.lab-page[data-lab=eclipse] .lab-workspace{grid-template-columns:minmax(0,1fr) 365px}.lab-page[data-lab=eclipse] .lab-stage{height:620px}.lab-page[data-lab=eclipse] .lab-heading{padding-bottom:22px}.lab-page[data-lab=eclipse] .lab-heading h1{font-size:clamp(40px,4.2vw,62px)}.eclipse-views{display:flex;flex-wrap:wrap;gap:8px;padding:0 28px 22px}.eclipse-views button{background:#121c28;border:1px solid #ffffff29;color:#b9c9d7;padding:11px 17px;font-size:14px;line-height:1.4}.eclipse-views button[aria-pressed=true]{border-color:#e9ca92;background:#e9ca92;color:#101820}.eclipse-views button:hover{border-color:#e9ca92}.lab-page[data-lab=eclipse] .stage-caption{bottom:23px}.lab-page[data-lab=eclipse] .stage-caption>p{max-width:570px}.lab-page[data-lab=eclipse] .stage-caption strong{font-size:29px}.lab-page[data-lab=eclipse] .lab-stage:after{background:linear-gradient(0deg,#070d16 0%,#070d16d9 10%,transparent 21%)}.lab-page[data-lab=eclipse] .stage-scale{max-width:220px}.lab-page[data-lab=eclipse] .lab-sidebar{padding:27px}.lab-page[data-lab=eclipse] .control-field{margin-block:19px}.lab-page[data-lab=eclipse] .choice-group button{white-space:normal}.lab-page[data-lab=eclipse] .lab-presets button{font-size:14px}.lab-page[data-lab=detector] .detector-sound{flex-basis:100%;color:#b8d4f7}.lab-page[data-lab=detector] .detector-sound[aria-pressed=true]{border-color:#a9c9f6;background:#172b40;color:#dceafa}
@media(min-width:1500px){.lab-page[data-lab=eclipse] .lab-workspace{grid-template-columns:minmax(0,1fr) 390px}.lab-page[data-lab=eclipse] .lab-stage{height:660px}}
@media(max-width:1050px){.lab-page[data-lab=eclipse] .lab-workspace{grid-template-columns:minmax(0,1fr) 320px}.lab-page[data-lab=eclipse] .lab-sidebar{padding:24px 21px}.eclipse-views{padding-inline:24px}.eclipse-views button{padding-inline:12px}.lab-page[data-lab=eclipse][data-eclipse-view=shadow] .lab-stage{height:755px}}
@media(max-width:880px){.lab-page[data-lab=eclipse] .lab-workspace{grid-template-columns:1fr}.lab-page[data-lab=eclipse] .lab-sidebar{padding:28px;grid-template-columns:1fr 1fr}.lab-page[data-lab=eclipse] .lab-sidebar>.control-field:first-of-type{grid-column:1/-1}.lab-page[data-lab=eclipse] .lab-stage{height:610px}.lab-page[data-lab=eclipse][data-eclipse-view=shadow] .lab-stage{height:620px}}
@media(max-width:619px){.lab-page[data-lab=eclipse][data-eclipse-view=shadow] .lab-stage{height:755px}.lab-page[data-lab=eclipse] .stage-caption small{display:none}.lab-page[data-lab=eclipse] .stage-caption strong{font-size:27px}.eclipse-views{padding:0 22px 20px;gap:8px}.eclipse-views button{flex:1 1 43%;padding:11px 10px}.lab-page[data-lab=eclipse] .lab-data{grid-template-columns:1.15fr .9fr 1fr}.lab-page[data-lab=eclipse] .lab-data dd{font-size:25px}.lab-page[data-lab=eclipse] .lab-presets button{flex:1 1 40%}.lab-page[data-lab=eclipse] .lab-stage{height:600px}.lab-page[data-lab=eclipse] .lab-sidebar{grid-template-columns:1fr;padding:26px 22px}.lab-page[data-lab=eclipse] .stage-tag{font-size:12px;letter-spacing:.8px}.lab-page[data-lab=eclipse] .lab-chart{height:185px}}