.taxon-distribution-map-segmented-control{justify-content:flex-start!important;margin:0 var(--s-1) var(--s-1)}@media (min-width:560px){.taxon-distribution-map-segmented-control{position:absolute;top:10px;z-index:10}.taxon-distribution-map-segmented-control>.btn-group{border:2px solid rgba(0,0,0,.2);border-radius:6px}[dir=ltr] .taxon-distribution-map-segmented-control{left:50%;transform:translate(-50%)}[dir=rtl] .taxon-distribution-map-segmented-control{right:50%;transform:translate(50%)}}.taxon-distribution-map-timeline-bar>button{border-radius:0 0 6px 6px;width:100%}.taxon-distribution-map-timeline-bar>button:hover{background-color:var(--brand-component-hover)}.taxon-distribution-map-timeline-bar-inner{background-color:var(--brand-background-subtle);padding:var(--s-1)}.taxon-distribution-map-timeline-bar-inner select{max-width:120px}.taxon-distribution-map-timeline-bar-inner .vue-slider-rail{background-color:var(--brand-component)}.taxon-distribution-map-timeline-bar-inner .vue-slider-process{background-color:var(--brand-solid)}.taxon-distribution-map-timeline-bar-inner .vue-slider-mark-step{background-color:var(--brand-component-active)}.taxon-distribution-map-timeline-bar-inner .vue-slider-mark-label{color:var(--brand-text);font-size:.75rem;margin-top:4px}.taxon-distribution-map-timeline-bar-inner .vue-slider-dot-handle{background-color:var(--brand-solid);box-shadow:none}.taxon-distribution-map-timeline-bar-inner .vue-slider-dot-tooltip-inner{background-color:var(--brand-solid);border-color:var(--brand-solid);color:#fff}[dir=ltr] .taxon-distribution-map-timeline-bar-inner .vue-slider-ltr .vue-slider-mark-label{transform:translate(-75%) rotate(315deg)}[dir=rtl] .taxon-distribution-map-timeline-bar-inner .vue-slider-ltr .vue-slider-mark-label{transform:translate(75%) rotate(-315deg)}