.storeLocatorPage{--_storeListDisplay: none;--_componentSpacing: 24px;display:grid;grid-template-rows:auto 1fr auto;gap:16px;height:calc(100vh - var(--allHeaderHeight, 112)*1px);height:calc(100svh - var(--allHeaderHeight, 112)*1px);max-width:1466px;margin:auto;font-family:var(--typefaces-primary);padding-bottom:var(--_componentSpacing)}.storeLocatorPage .storeLocatorMapWrapper{position:relative;border-radius:var(--br-L);overflow:hidden;height:100%;background-color:var(--primary-ebony-100);margin:0 var(--_componentSpacing)}.storeLocatorPage .storeLocatorMapWrapper .storeLocatorStoreList{--_storeListSeparation: 1.5rem;display:var(--_storeListDisplay);position:absolute;top:var(--_storeListSeparation);left:var(--_storeListSeparation);bottom:var(--_storeListSeparation);width:375px;background-color:var(--primary-ebony-0);border-radius:var(--br-L)}.storeLocatorPage .storeLocatorMapWrapper .storesMap{width:100%;height:100%;border-radius:var(--br-L)}.storeLocatorPage .storeLocatorTabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-radius:var(--br-L);border:1px solid var(--lines-100);background-color:var(--backgrounds-200);color:var(--primary-ebony-300);padding:4px;width:254px;margin:auto}.storeLocatorPage .storeLocatorTabs .storeLocatorTab{border-radius:var(--br-M);padding:8px 16px;text-align:center;font-family:var(--typefaces-primary);font-size:var(--styles-S--font-size);line-height:var(--styles-S--line-height);margin-bottom:var(--styles-S--title-spacing);margin-bottom:0}.storeLocatorPage .storeLocatorTabs .storeLocatorTab.active{background-color:var(--primary-ebony-0);color:var(--primary-ebony-500);box-shadow:var(--bs-L-Bottom)}@media(max-width: 767px){.storeLocatorPage .gradientContainer{display:none}.storeLocatorPage[data-tab=list]{grid-template-rows:1fr auto}.storeLocatorPage[data-tab=list] .storeLocatorMapWrapper{display:none}.storeLocatorPage[data-tab=list] .storeLocatorSearch{height:100%;overflow:hidden}.storeLocatorPage[data-tab=list] .storeLocatorSearch .storeLocatorSearchContainer{grid-template-rows:auto auto auto 1fr}.storeLocatorPage[data-tab=list] .storeLocatorSearch .storeLocatorSearchContainer .gradientContainer{display:block}}@media(min-width: 768px){.storeLocatorPage{padding:32px;--_storeListDisplay: block;grid-template-rows:1fr}.storeLocatorPage .storeLocatorSearch,.storeLocatorPage .storeLocatorTabs{display:none}}.storeLocatorSearchContainer{display:grid;gap:16px;grid-template-rows:auto auto auto;height:100%}.storeLocatorSearchContainer .title{font-family:var(--typefaces-primary--bold);font-size:var(--styles-XS--font-size);line-height:var(--styles-XS--line-height);margin-bottom:var(--styles-XS--title-spacing);margin:var(--_componentSpacing) var(--_componentSpacing) 0;text-transform:uppercase}.storeLocatorSearchContainer .toggleContainer{border-radius:var(--br-M);background:var(--backgrounds-200)}.storeLocatorSearchContainer .toggleContainer .storeSearchToggle .tsc-label-checkbox{padding:8px 12px;grid-template-columns:1fr auto}.storeLocatorSearchContainer .toggleContainer .storeSearchToggle .tsc-label-checkbox{font-family:var(--typefaces-primary);font-size:var(--styles-XS--font-size);line-height:var(--styles-XS--line-height);margin-bottom:var(--styles-XS--title-spacing);margin-bottom:0;align-items:center}.storeLocatorSearchContainer .toggleContainer:hover{outline:1px solid var(--primary-ebony-500)}.storeLocatorSearchContainer .tsc-input-component{margin-bottom:0}.storeLocatorSearchContainer .gradientContainer{position:relative;overflow-y:auto}.storeLocatorSearchContainer .gradientContainer .storeListContainer{overflow-y:auto;height:100%;color:var(--primary-ebony-500);scrollbar-color:var(--primary-ebony-300) var(--primary-ebony-0);padding:0 var(--_componentSpacing) var(--_componentSpacing)}@media(min-width: 768px){.storeLocatorSearchContainer .gradientContainer .storeListContainer{display:block}}.storeLocatorSearchContainer .gradientContainer .topGradient,.storeLocatorSearchContainer .gradientContainer .bottomGradient{pointer-events:none;transition:opacity .25s ease;opacity:0;left:0;right:0}.storeLocatorSearchContainer .gradientContainer .topGradient.visible,.storeLocatorSearchContainer .gradientContainer .bottomGradient.visible{opacity:1}.storeLocatorSearchContainer .gradientContainer .topGradient{position:absolute;top:0;height:30px;background:linear-gradient(180deg, rgba(var(--primary-ebony-500-rgb), 0.1), transparent 90%)}.storeLocatorSearchContainer .gradientContainer .bottomGradient{position:absolute;bottom:0;height:100px;background:linear-gradient(0deg, var(--primary-ebony-0), transparent 90%)}.storeLocatorSearchContainer .toggleContainer,.storeLocatorSearchContainer .storeSearch{margin:0 var(--_componentSpacing)}@media(min-width: 768px){.storeLocatorSearchContainer{grid-template-rows:auto auto auto 1fr}}.storeElement{padding:24px 0;border-bottom:1px solid var(--lines-100);cursor:pointer}.storeElement--availability{padding:4px;display:inline-flex;gap:4px;flex-direction:row;align-items:center;color:var(--primary-ebony-400);background-color:var(--backgrounds-200);border-radius:var(--br-S);margin-bottom:16px}.storeElement--availability .dot{--_dotSize: 6px;width:var(--_dotSize);height:var(--_dotSize);border-radius:50%;background-color:var(--functional-ok-500)}.storeElement--availability.closed .dot{background-color:var(--functional-error-500)}.storeElement--availability .text{font-family:var(--typefaces-primary);font-size:var(--styles-XXS--font-size);line-height:var(--styles-XXS--line-height);margin-bottom:var(--styles-XXS--title-spacing);margin-bottom:0}.storeElement--storeName{font-family:var(--typefaces-primary--bold);font-size:var(--styles-XXS--font-size);line-height:var(--styles-XXS--line-height);margin-bottom:var(--styles-XXS--title-spacing);text-transform:uppercase}.storeElement--address,.storeElement--phone{font-family:var(--typefaces-primary);font-size:var(--styles-XXS--font-size);line-height:var(--styles-XXS--line-height);margin-bottom:var(--styles-XXS--title-spacing);margin-bottom:4px;color:var(--primary-ebony-400)}.storeElement--open-schedule{font-family:var(--typefaces-primary--bold);font-size:var(--styles-XXS--font-size);line-height:var(--styles-XXS--line-height);margin-bottom:var(--styles-XXS--title-spacing);margin-bottom:0;margin-top:8px;text-decoration:underline}.storeElement--open-schedule .hide{display:none}.storeElement--schedule{gap:8px;display:none;margin-top:24px}.storeElement--schedule .store-hours-entry{display:flex;gap:16px;justify-content:space-between;font-family:var(--typefaces-primary);font-size:var(--styles-XXS--font-size);line-height:var(--styles-XXS--line-height);margin-bottom:var(--styles-XXS--title-spacing);margin-bottom:0}.storeElement--schedule:empty{display:none}.storeElement--goToStore{display:none;font-family:var(--typefaces-primary);font-size:var(--styles-XXS--font-size);line-height:var(--styles-XXS--line-height);margin-bottom:var(--styles-XXS--title-spacing);margin-top:24px;margin-bottom:0;border-radius:var(--br-S);text-transform:unset}.storeElement--goToStore .tndmIcon{width:12px;height:12px;margin-right:4px}.storeElement--goToStore span{pointer-events:none}.storeElement:last-child{border:unset;padding-bottom:0}.storeElement:first-child{padding-top:0}.storeElement:hover .storeElement--open-schedule{color:var(--primary-ebony-400)}.storeElement.opened .storeElement--schedule:not(.hidden){display:grid}.storeElement.opened .storeElement--goToStore{display:inline-block}.storeElement.opened .storeElement--open-schedule .show{display:none}.storeElement.opened .storeElement--open-schedule .hide{display:block}@media(min-width: 1112px){.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .modalWebNotificationsDialog{--modal-transition-size: calc(320px + 16px);width:100%;max-width:320px}}@media(min-width: 1112px){.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .modalWebNotificationsDialog{top:60%;bottom:initial;right:initial;left:50%;opacity:0}.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .isModalVisible.modalWebNotificationsDialog{opacity:1;top:50%;transform:translate(-50%, -50%)}}.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .modalWebNotificationsDialog{border-radius:var(--br-L) var(--br-L) var(--br-XS) var(--br-XS)}@media(min-width: 1112px){.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .modalWebNotificationsDialog{border-radius:var(--br-L)}}.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .modalWebNotificationsDialog .dialogContent .storeElement .storeElement--open-schedule{display:none}.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .modalWebNotificationsDialog .dialogContent .storeElement .storeElement--schedule{display:grid}.modalWebNotifications .modalWebNotificationsWrap.storeLocatorStoreDetails .modalWebNotificationsDialog .dialogContent .storeElement .storeElement--goToStore{display:inline-block}