@import url("/assets/store_front/directory_theme/css/theme_default-d2b31d4a.css");

/* Magnific Popup - Lightbox for the gallery */
@import url("https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css");

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    max-height: calc(100vh - 2rem);
    overflow-y: auto;
}

.loading-placeholder {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: loading 1.5s infinite;
    border-radius: 4px;
}

@keyframes loading {
    0% {
    background-position: 200% 0;
    }
100% {
    background-position: -200% 0;
    }
}

.turbo-loading {
    display: none;
}

.turbo-frame-loading .turbo-loading {
    display: block;
}

.turbo-frame-loading > *:not(.turbo-loading) {
    display: none;
}

.city-autocomplete {
position: relative;
}

.city-autocomplete .form-control {
padding-right: 3rem;
}

.city-autocomplete__list {
position: absolute;
top: calc(100% + 4px);
left: 0;
right: 0;
background: var(--bs-white);
border-radius: var(--bs-border-radius);
box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
max-height: 250px;
overflow-y: auto;
z-index: 10;
display: none;
}

.city-autocomplete__list.is-visible {
display: block;
}

.city-autocomplete__item {
width: 100%;
text-align: left;
padding: 0.75rem 1rem;
background: transparent;
border: none;
color: var(--bs-gray-800);
font-weight: 600;
}

.city-autocomplete__item:hover,
.city-autocomplete__item:focus {
background: var(--bs-gray-100);
}