/* Sample 4: soft glass reflection and a cyan laser at the header's foot. */
.app-layout>header.has-combined-motion{position:relative;isolation:isolate}
.app-layout>header.has-combined-motion>.header-combined-motion{inset:0;overflow:hidden;border-radius:0;pointer-events:none}
body.workbench-design .app-layout>header.has-combined-motion:not(.header-motion-off)>.header-combined-motion{display:block}
.app-layout>header.has-combined-motion #header-aurora{display:none}
.header-combined-motion>.header-breath-light{display:none}
.header-combined-motion>.header-silk-light{inset:0 auto 0 0;width:42%;height:100%;background:linear-gradient(105deg,transparent 5%,#d3fbff14 22%,#e5ffff65 50%,#d3fbff14 78%,transparent 95%);opacity:0;animation:headerMirrorSweep 13s cubic-bezier(.4,0,.2,1) -2s infinite}
.header-combined-motion>.header-edge-light{left:0;bottom:1px;top:auto;width:32%;height:2px;background:linear-gradient(90deg,transparent,#40dcffb0,#d9fdff,transparent);box-shadow:0 0 12px #00cfffaa;opacity:0;animation:headerMirrorLaser 13s ease-in-out -2s infinite}
@keyframes headerMirrorSweep{0%,8%{transform:translateX(-110%);opacity:0}15%{opacity:1}72%{transform:translateX(250%);opacity:1}85%,100%{transform:translateX(250%);opacity:0}}
@keyframes headerMirrorLaser{0%,8%{transform:translateX(-110%);opacity:0}18%,68%{opacity:.9}82%,100%{transform:translateX(330%);opacity:0}}
html.ambient-paused .header-combined-motion>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.header-combined-motion>.header-silk-light,.header-combined-motion>.header-edge-light{left:0;bottom:1px;top:auto;width:32%;height:2px;background:linear-gradient(90deg,transparent,#40dcffb0,#d9fdff,transparent);box-shadow:0 0 12px #00cfffaa;opacity:0;animation:headerMirrorLaser 13s ease-in-out -2s infinite}