wundermap-view.playback-footer .map-box{height:calc(100% - var(--map-footer-height))}wundermap-view.playback-footer .zoom-buttons{bottom:calc(var(--map-footer-height) + 4px)}wundermap-view.playback-footer wundermap-controls-view{bottom:var(--map-footer-height)}wundermap-view map-playback-footer{position:absolute;left:0;right:0;bottom:0;z-index:13;height:var(--map-footer-height);box-sizing:border-box;display:flex;align-items:center;column-gap:var(--space-4);padding-inline:var(--space-3);border-top:1px solid var(--map-border-color);background-color:var(--page-nav-bg-color);font-family:var(--global-font)}wundermap-view map-playback-footer radar-timeline.footer{position:static;left:auto;bottom:auto;transform:none;flex:1 1 auto;min-width:0;width:auto;padding:0;column-gap:var(--space-2-5);background:0 0;border:none;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;opacity:1;pointer-events:auto;transition:none}map-playback-footer radar-timeline.footer .radar-timeline-play{width:28px;height:28px;border:1px solid var(--map-border-color);background-color:var(--bg-color);background-image:var(--icon-play);background-size:16px}map-playback-footer radar-timeline.footer.playing .radar-timeline-play{background-image:var(--icon-pause)}map-playback-footer radar-timeline.footer .radar-timeline-body{display:flex;flex-direction:column;row-gap:3px;padding-block-start:14px}map-playback-footer radar-timeline.footer .radar-timeline-time{align-self:center;font-size:.6875em;font-weight:700;line-height:1;color:var(--color-secondary-font)}map-playback-footer radar-timeline.footer input[type=range]{height:4px;border-radius:2px}map-playback-footer radar-timeline.footer input[type=range]::-moz-range-track{height:4px;border-radius:2px}map-playback-footer radar-timeline.footer input[type=range]::-webkit-slider-thumb{width:12px;height:12px;background:var(--bg-color);border:2px solid var(--wu-lightblue);box-shadow:none}map-playback-footer radar-timeline.footer input[type=range]::-moz-range-thumb{box-sizing:border-box;width:12px;height:12px;background:var(--bg-color);border:2px solid var(--wu-lightblue);box-shadow:none}map-playback-footer radar-timeline.footer:not(.active) .radar-timeline-body,map-playback-footer radar-timeline.footer:not(.active) .radar-timeline-play{opacity:.4;pointer-events:none}map-playback-footer .radar-timeline-speed{position:relative;flex:0 0 auto}map-playback-footer .radar-timeline-speed-button{display:flex;align-items:center;column-gap:4px;height:28px;margin:0;padding:0 8px 0 10px;box-sizing:border-box;border:1px solid var(--map-border-color);border-radius:8px;background-color:var(--bg-color);font-family:inherit;font-size:.75em;font-weight:700;color:var(--font-color);cursor:pointer}map-playback-footer .radar-timeline-speed-button::after{content:"";width:12px;height:12px;background-image:var(--icon-chevron-down);background-repeat:no-repeat;background-position:center;background-size:12px}map-playback-footer .radar-timeline-speed-button[aria-expanded=true]::after{transform:rotate(180deg)}map-playback-footer .radar-timeline-speed-menu{position:absolute;right:0;bottom:calc(100% + 6px);display:flex;flex-direction:column;row-gap:1px;min-width:64px;padding:4px;box-sizing:border-box;border:1px solid var(--map-border-color);border-radius:10px;background-color:var(--bg-color);box-shadow:0 4px 14px rgba(0,0,0,.18)}map-playback-footer .radar-timeline-speed-menu[hidden]{display:none}map-playback-footer .radar-timeline-speed-menu button{margin:0;padding:5px 10px;border:none;border-radius:7px;background-color:transparent;font-family:inherit;font-size:.75em;font-weight:700;text-align:left;color:var(--font-color);cursor:pointer}map-playback-footer .radar-timeline-speed-menu button:focus-visible,map-playback-footer .radar-timeline-speed-menu button:hover{background-color:var(--segmented-control-bg)}map-playback-footer .radar-timeline-speed-menu button[aria-checked=true]{background-color:var(--segmented-control-bg);color:var(--segmented-selected-color)}@container (max-width:439px){wundermap-view map-playback-footer{flex-wrap:wrap;align-content:center;row-gap:var(--space-2)}wundermap-view map-playback-footer radar-timeline.footer{flex-basis:100%}}