/* One native button covers the poster, title and CTA. No autoplay or second renderer. */
#info-dialog .still-concept-poster--interactive{
  position:relative;transition:border-color .2s ease,box-shadow .2s ease;
}
#info-dialog .still-concept-poster--interactive figcaption{padding-bottom:84px}
#info-dialog .still-constellation-preview{
  position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;
  border:0;border-radius:inherit;padding:0;margin:0;background:transparent;
  color:#eef3fb;text-align:left;cursor:pointer;font-family:DM,Arial,sans-serif;
  -webkit-tap-highlight-color:transparent;
}
#info-dialog .still-preview-cta{
  position:absolute;left:20px;right:20px;bottom:18px;min-height:46px;
  display:flex;align-items:center;gap:11px;padding:10px 12px;
  border:1px solid rgba(224,235,253,.25);border-radius:5px;
  background:linear-gradient(180deg,rgba(104,113,130,.25),rgba(27,31,40,.54));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 4px 12px rgba(0,0,0,.16);
  transition:background .2s,border-color .2s;
}
#info-dialog .still-preview-label{font-size:12px;line-height:1.45;font-weight:500;letter-spacing:.05px}
#info-dialog .still-preview-play{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px}
#info-dialog .still-preview-play svg{width:21px;height:21px;fill:currentColor;stroke:none}
#info-dialog .still-preview-duration{margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.4px;color:#c0cbdc}
#info-dialog .still-preview-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;flex-shrink:0}
#info-dialog .still-constellation-preview:not(:disabled):hover .still-preview-cta{
  border-color:rgba(229,240,255,.55);background:linear-gradient(180deg,rgba(122,134,154,.40),rgba(49,58,73,.65));
}
#info-dialog .still-concept-poster--interactive:has(.still-constellation-preview:not(:disabled):hover){
  border-color:rgba(225,237,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 12px 28px rgba(0,0,0,.24);
}
#info-dialog .still-constellation-preview:focus-visible{outline:2px solid #d9e9ff;outline-offset:-3px}
#info-dialog .still-constellation-preview:disabled{cursor:not-allowed}
#info-dialog .still-constellation-preview:disabled .still-preview-cta{opacity:.5}
#depth-view .constellation-preview-loading{
  position:absolute;inset:0;z-index:65;display:grid;place-content:center;gap:12px;
  background:rgba(4,5,7,.96);color:#edf2fa;font-family:DM,Arial,sans-serif;text-align:center;
  pointer-events:none;
}
#depth-view .constellation-preview-loading[hidden]{display:none!important}
#depth-view .constellation-preview-loading span{font-size:14px;letter-spacing:.2px}
#depth-view .constellation-preview-loading small{font-size:11px;color:#b1bbc9}
@media(max-width:780px){
  #info-dialog .still-concept-poster--interactive figcaption{padding-bottom:81px}
  #info-dialog .still-preview-cta{left:18px;right:18px;bottom:16px}
}
@media(max-width:360px){
  #info-dialog .still-preview-cta{left:12px;right:12px;padding:10px;gap:7px}
  #info-dialog .still-preview-label{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  #info-dialog .still-concept-poster--interactive,#info-dialog .still-preview-cta{transition:none}
}
@media(forced-colors:active){
  #info-dialog .still-preview-cta{border:1px solid ButtonText}
  #info-dialog .still-constellation-preview:focus-visible{outline-color:Highlight}
}