.map-search{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px}.map-search--overlay{position:absolute;top:16px;left:50%;translate:-50% 0;z-index:5;width:min(640px,calc(100% - 32px))}.map-search--fullscreen-only{display:none}mapbox-component[data-fullscreen] .map-search--fullscreen-only{display:flex}.map-search--header{margin-inline:auto}.header__row--shopla-search{margin-top:calc(3px - var(--header-padding, .7rem));padding-block:0 var(--header-padding, .7rem);padding-inline:var(--page-margin, 20px)}.header__row--shopla-search__inner{width:100%}.header:has(.mega-menu__list:hover) .header__row--shopla-search,.header:has(.menu-list__link[aria-haspopup]:is(:hover,[aria-expanded=true])) .header__row--shopla-search,.header:has(.menu-list__list-item[slot=overflow] .menu-list__link:is(:hover,[aria-expanded=true])) .header__row--shopla-search{z-index:var(--layer-lowest, -1)}.map-search__bar{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 16px;background:var(--color-input-background, #fff);color:var(--color-input-text, #1a1a1a);border:var(--style-border-width-inputs, 1px) solid var(--color-input-border, rgba(0, 0, 0, .12));border-radius:var(--style-border-radius-inputs, 9999px);transition:box-shadow .2s ease,border-color .2s ease}.map-search__bar:focus-within{border-color:var(--color-input-text, #1a1a1a)}.map-search__chips{display:flex;align-items:center;flex:none;gap:var(--gap-2xs)}.map-search__chip{white-space:nowrap;cursor:default}.map-search__chip-remove{--close-icon-opacity: .4;--icon-stroke-width: 1px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--color-input-text, var(--color-foreground));cursor:pointer}.map-search__chip-remove:hover{background:transparent}.map-search__icon{display:flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;color:var(--color-input-text, #5f6368);opacity:.7}.map-search__icon svg{width:100%;height:100%}.map-search__input{flex:1 1 auto;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;line-height:1.5;color:var(--color-input-text, #1a1a1a)}.map-search__input::placeholder{color:var(--color-input-text, #80868b);opacity:.55}.map-search__input::-webkit-search-decoration,.map-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.map-search__modes{display:flex;align-items:center;flex:none;gap:var(--gap-2xs, 4px)}.map-search__mode{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;border:none;border-radius:9999px;background:rgb(var(--color-foreground-rgb, 26 26 26) / .06);color:var(--color-foreground, #1a1a1a);font-family:inherit;font-size:14px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,color .2s ease}.map-search__mode:hover{background:rgb(var(--color-foreground-rgb, 26 26 26) / .12)}.map-search__mode .svg-wrapper,.map-search__mode svg{display:flex;flex:none;width:18px;height:18px}.map-search__mode.is-active{background:var(--color-primary-button-background, #e5484d);color:var(--color-primary-button-text, #fff)}.map-search__mode.is-active:hover{background:var(--color-primary-button-background, #e5484d)}.map-search__dropdown{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:4;display:flex;flex-direction:column;gap:8px}.map-search__results{max-height:min(60vh,460px);overflow-y:auto;padding:4px 16px 12px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #20212447}.map-search__results[hidden]{display:none}.map-search__results-message{padding:16px 4px;font-size:14px;color:#5f6368;text-align:center}.map-search__results.is-loading .map-search__results-message{opacity:.7}.map-search__distance-tag{position:absolute;top:8px;left:8px;z-index:1;padding:2px 8px;background:#fff;color:#1a1a1a;font-size:var(--font-size--xs, 12px);font-weight:500;line-height:1.4;white-space:nowrap;border-radius:9999px;box-shadow:0 1px 2px #3c40434d;pointer-events:none}@media(prefers-reduced-motion:reduce){.map-search__bar,.map-search__mode{transition:none}}@media screen and (max-width:749px){.map-search__bar{flex-wrap:wrap;padding:8px 12px;border-radius:20px}.map-search__input{font-size:14px}.map-search__modes{order:3;width:100%;margin-top:8px;padding-top:8px;border-top:1px solid rgb(var(--color-foreground-rgb, 26 26 26) / .08)}.map-search__mode{flex:1 1 0}}.map-results{position:absolute;z-index:4;display:flex;flex-direction:column;background:#fff;overflow:hidden;box-shadow:0 4px 24px #20212440}.map-results[hidden]{display:none}.map-results__close{position:absolute;top:8px;right:8px;z-index:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:50%;background:#ffffffeb;color:#1a1a1a;cursor:pointer;box-shadow:0 1px 3px #3c40434d}.map-results__close svg{width:14px;height:14px}.map-results__body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:16px}.map-results.is-loading .map-results__body{opacity:.7}.map-results__body .map-search__results-message{padding:24px 8px;font-size:14px;color:#5f6368;text-align:center}@media screen and (min-width:750px){.map-results{top:0;left:0;bottom:0;width:min(380px,40%)}}@media screen and (max-width:749px){.map-results{left:0;right:0;bottom:0;height:33.333%}.map-results__body{overflow-y:hidden;padding:10px 12px}}.map-search-results{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0;padding:0;list-style:none}.map-search-results__card{position:relative;list-style:none;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:var(--card-corner-radius, 12px)}.map-search-results__card .resource-card{--resource-card-corner-radius: 0;row-gap:0;height:100%}.map-search-results__card .resource-card__content{padding:8px 10px 12px}@media screen and (max-width:749px){.map-results__body .map-search-results{display:flex;gap:10px;height:100%;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.map-results__body .map-search-results::-webkit-scrollbar{display:none}.map-results__body .map-search-results__card{flex:0 0 auto;height:100%;aspect-ratio:3 / 4;scroll-snap-align:start}.map-results__body .map-search-results__card .resource-card{height:100%}.map-results__body .map-search-results__card .resource-card__media{flex:1 1 auto;min-height:0}.map-results__body .map-search-results__card .resource-card__image{height:100%;width:100%;aspect-ratio:auto;object-fit:cover}.map-results__body .map-search-results__card .resource-card__content{padding:6px 8px 4px;font-size:.85em}}.map-search__results .map-search-results{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:749px){.map-search__results .map-search-results{grid-template-columns:repeat(2,1fr)}}.map-results-toggle{position:absolute;left:12px;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:50%;background:#fff;color:#1a1a1a;cursor:pointer;box-shadow:0 2px 8px #2021244d}.map-results-toggle[hidden]{display:none}.map-results-toggle svg{width:20px;height:20px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/map-search.css.map */