/*!*******************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_storefront_core/cartridge/client/default/scss/storeLocator.scss ***!
\*******************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* stylelint-disable */
/* stylelint-enable */
/*
* Set up a screen-wide ::before element behind its parent, to apply a colored background on a block.
*
* Usage :
* .block {
* @include full-screen-background;
*
* position: relative;
* }
*/
/*
Usage
.block {
@include arrow(right,red,5px,auto,auto,0,0,auto,-5px);
width: 50px;
height: 50px;
position: relative;
}
*/
/*
Usage
@include ratio-holder(364/300)
Height/Width
*/
/* Mixin to cut off the rest of one-line (default) or multiline text with dots */
/* A small function allowing skipping base64 encoding
** and simply pasting the SVG markup right in the CSS.
** @author Jakob Eriksen
** @link http://codepen.io/jakob-e/pen/doMoML
** @param {String} $svg - SVG image to encode
** @return {String} - Encoded SVG data uri
*/
/* Replace substring 'fillColor' to real color from variables */
/**
* Mixin to add icon as pseudo-element.
*/
/* stylelint-disable */
/* stylelint-enable */
/* stylelint-disable */
/*md
# Icons
## Icons example:
```html_example
account:
arrow-down:
arrow-left:
arrow-right:
arrow-up:
back-to-top:
bag:
bin:
checkbox:
checkbox-checked:
close:
heart:
language:
location:
minus:
money:
phone:
plus:
share:
track-order:
whatsapp:
alert:
card:
check:
download:
eye:
facebook:
filter:
gift:
instagram:
link:
logout:
mail:
menu:
pay:
pinterest:
radio:
radio-checked:
search:
tag:
twitter:
wishlist-filled:
youtube:
```
*/
:root {
--icon--account: "";
--icon--arrow-down: "";
--icon--arrow-left: "";
--icon--arrow-right: "";
--icon--arrow-up: "";
--icon--back-to-top: "";
--icon--bag: "";
--icon--bin: "";
--icon--checkbox: "";
--icon--checkbox-checked: "";
--icon--close: "";
--icon--heart: "";
--icon--language: "";
--icon--location: "";
--icon--minus: "";
--icon--money: "";
--icon--phone: "";
--icon--plus: "";
--icon--share: "";
--icon--track-order: "";
--icon--whatsapp: "";
--icon--alert: "";
--icon--card: "";
--icon--check: "";
--icon--download: "";
--icon--eye: "";
--icon--facebook: "";
--icon--filter: "";
--icon--gift: "";
--icon--instagram: "";
--icon--link: "";
--icon--logout: "";
--icon--mail: "";
--icon--menu: "";
--icon--pay: "";
--icon--pinterest: "";
--icon--radio: "";
--icon--radio-checked: "";
--icon--search: "";
--icon--tag: "";
--icon--twitter: "";
--icon--wishlist-filled: "";
--icon--youtube: "";
}
.b-store-locator-hero,
.store-locator-no-apiKey {
display: none;
}
.b-store-locator__row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (min-width: 1024px) {
.b-store-locator__row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: calc(100vh - var(--header-height));
}
}
.b-store-locator__map {
height: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
@media (min-width: 1024px) {
.b-store-locator__list {
overflow-y: auto;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 -2rem;
padding: 0 2rem;
}
}
.b-store-locator__wrapper {
height: 100%;
}
.b-store-locator__content {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 100%;
padding: 2rem 1rem;
}
@media (min-width: 1024px) {
.b-store-locator__content {
-ms-flex-preferred-size: 32.75rem;
flex-basis: 32.75rem;
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
padding: 4rem 4rem 0;
}
}
.b-store-locator__summary {
font-size: 1.125rem;
line-height: 2.125rem;
font-weight: 700;
}
@media (min-width: 1024px) {
.b-store-locator__summary {
font-size: 2rem;
line-height: 1;
}
}
@media (min-width: 1024px) {
.b-store-locator__summary-qty {
font-weight: 400;
}
}
.b-store-locator .b-search {
padding: 0;
background-color: transparent;
border: 0;
}
.b-store-locator .store-locator-results {
height: calc(100% - 5.875rem);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.b-store-map__error {
margin: 2rem auto;
}
.b-store-map__container {
height: 18.3125rem;
}
@media (min-width: 1024px) {
.b-store-map__container {
height: calc(100vh - var(--header-height));
}
}
.b-store-map .map-canvas {
height: 100%;
}
.b-store-map .store-details {
padding: 0.5rem 1rem 0.5rem 0;
}
@media (min-width: 1024px) {
.b-store-map .store-details {
padding: 1rem;
}
}
.b-store-map .gm-style {
font-family: Cairo;
}
.b-store-map .gm-style-iw.gm-style-iw-c {
max-width: 21.875rem !important;
}
.b-store-map .gm-ui-hover-effect {
top: 0 !important;
left: 0 !important;
right: unset !important;
}
.b-store-map .b-store-tile__footer {
gap: 0.5rem;
}
@media (min-width: 1024px) {
.b-store-map .b-store-tile__footer {
gap: 1rem;
}
}
@media (max-width: 1023.98px) {
.b-store-map .gm-style-iw-t {
display: none !important;
}
}
.b-store-tile {
padding: 2rem 0;
}
.b-store-tile:not(:last-child) {
border-bottom: 0.0625rem solid rgba(138, 141, 142, 0.2);
}
.b-store-tile.checked {
position: relative;
}
.b-store-tile.checked::after {
content: "";
right: -1rem;
left: -1rem;
top: 1rem;
bottom: 1rem;
border: 0.0625rem solid #231f20;
border-radius: 12px;
position: absolute;
}
.b-store-tile__name {
font-size: 1rem;
line-height: 1.875rem;
font-weight: 700;
padding-bottom: 1rem;
}
@media (min-width: 1024px) {
.b-store-tile__name {
padding-bottom: 0;
}
}
.b-store-tile__address {
margin-bottom: 0;
}
.b-store-tile__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0.5rem;
}
.b-store-tile__call-icon {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.b-store-tile__footer {
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 2rem;
margin-top: 1rem;
}