.home .annotated-panorama.approved-panorama>img.time-frame{position:absolute;inset:0;display:block;width:100%;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;pointer-events:none;opacity:0;transition:opacity 5000ms ease!important;transform:none!important;z-index:1}
.home .annotated-panorama.approved-panorama>img.time-frame.is-visible{opacity:1}
.home .approved-panorama .approved-links{z-index:3}
/* Compact controls share the panorama footer with its infrastructure link. */
.home .approved-panorama+.scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px 24px;padding:6px 0;flex-wrap:wrap}
.time-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;color:#214e42}
.time-controls .time-heading{font-size:11px;letter-spacing:.025em;white-space:nowrap;display:block}
.time-options{display:flex;align-items:center;gap:2px;padding:0;border:0;background:transparent;flex-wrap:nowrap}
.time-options button{position:relative;isolation:isolate;font:inherit;font-size:11px;font-weight:500;min-height:44px;padding:0 11px;border:0;border-radius:0;background:transparent;color:#214e42;cursor:pointer;white-space:nowrap}
.time-options button:before{content:"";position:absolute;inset:8px 0;border-radius:15px;z-index:-1;transition:background .2s}
.time-options button[aria-pressed=true]{color:#fff}
.time-options button[aria-pressed=true]:before{background:#214e42}
.time-options button:hover:before{background:#dce5db}
.time-options button[aria-pressed=true]:hover:before{background:#173b30}
.time-options button:focus-visible{outline:2px solid #b77659;outline-offset:1px;border-radius:15px}
.time-options .time-auto{min-width:65px;margin-left:5px}
.time-options .time-auto:after{content:"";position:absolute;left:-3px;top:15px;height:14px;border-left:1px solid #bdcdbf}
@media(max-width:600px){.home .approved-panorama+.scene-toolbar{gap:2px;padding-top:6px}.time-controls{flex-wrap:wrap;gap:0 8px;max-width:100%}.time-controls .time-heading{display:block;font-size:10px}.time-options button{padding:0 9px;font-size:11px}.time-options .time-auto{min-width:60px}.time-controls [role=status]{position:absolute}}
@media(prefers-reduced-motion:reduce){.home .annotated-panorama.approved-panorama>img.time-frame{transition:none!important}.time-options button{transition:none}}
