/* Shared grid space prevents the page moving as examples change. */
.cop-examples-ready .cop-panels{display:grid}
.cop-examples-ready .cop-panel{grid-area:1/1}
.cop-examples-ready .cop-panel[hidden]{display:grid;visibility:hidden;pointer-events:none}
.cop-examples-ready .cop-panel:not([hidden]){animation:copilot-example-in .45s ease both}
.cop-examples-ready .cop-tabs button{position:relative;overflow:hidden}
.cop-examples-ready .cop-tabs button::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left}
.cop-examples-ready[data-cycling="true"] .cop-tabs button[aria-selected="true"]::after{animation:copilot-example-progress 12s linear both}
@keyframes copilot-example-in{from{opacity:0}to{opacity:1}}
@keyframes copilot-example-progress{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.cop-examples-ready .cop-panel:not([hidden]),.cop-examples-ready .cop-tabs button::after{animation:none}}