.spots__add-button-container[data-v-a1b5a6ee]{display:flex;justify-content:center;margin-bottom:10px;margin-top:-10px;z-index:30;width:100%}@media(min-width:1024px){.spots__add-button-container[data-v-a1b5a6ee]{position:absolute}}.spots__controls[data-v-a1b5a6ee]{display:flex;flex-direction:column;margin-bottom:10px;gap:10px;align-items:flex-start}@media(min-width:640px){.spots__controls[data-v-a1b5a6ee]{flex-direction:row;gap:20px;align-items:center}}.spots__filter-wrapper[data-v-a1b5a6ee]{width:100%}@media(min-width:640px){.spots__filter-wrapper[data-v-a1b5a6ee]{width:auto}}.spots__filter-bar[data-v-a1b5a6ee]{position:absolute;z-index:30;left:0;padding:0;margin-top:-13px;width:100vw;transform-origin:top center}@media(min-width:640px){.spots__filter-bar[data-v-a1b5a6ee]{left:auto;width:600px}}.spots__filter-button[data-v-a1b5a6ee],.spots__region-filter[data-v-a1b5a6ee]{width:100%}@media(min-width:640px){.spots__region-filter[data-v-a1b5a6ee]{width:auto}}.spots__sort-wrapper[data-v-a1b5a6ee]{display:flex;flex-grow:1;justify-content:flex-end}.filter-bar-enter-active[data-v-a1b5a6ee],.filter-bar-leave-active[data-v-a1b5a6ee]{transition:opacity .2s ease,transform .2s ease}.filter-bar-enter-from[data-v-a1b5a6ee],.filter-bar-leave-to[data-v-a1b5a6ee]{opacity:0;transform:translateY(-8px) scale(.98)}