.body-no-scroll--neighborhood{overflow:hidden;position:fixed;width:100%}.neighborhood-guide__heading{text-align:center;margin:0;padding:68px 24px 28px}.neighborhood-guide__map-container{position:relative}.neighborhood-guide__filters{position:absolute;top:37px;left:42px;z-index:10;display:flex;gap:.5rem}.neighborhood-guide__filter-button{display:flex;align-items:center;gap:.25rem;background-color:var(--COLOR-BG);box-shadow:0 4px 16px 0 var(--COLOR-BORDER);padding:.25rem .5rem;border-radius:0;color:var(--COLOR-TEXT);font-size:.875rem;font-family:var(--FONT-STACK-BODY);text-transform:uppercase;line-height:1;letter-spacing:.05em;transition:color .2s,background-color .2s;flex-shrink:0}.neighborhood-guide__filter-button.active{background-color:var(--COLOR-BG-ACCENT)}.neighborhood-guide__filter-button svg{color:#568e7f}.neighborhood-guide__filter-button.active svg{color:var(--text)}.neighborhood-guide__map{width:100%;height:auto;display:block}.neighborhood-guide__store-pin{position:absolute;transform:translate(-50%,-100%);z-index:10;cursor:pointer;transition:transform .2s ease;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transform:translateZ(0)}.neighborhood-guide__store-pin:hover{transform:translate(-50%,-100%) scale(1.1)}.neighborhood-guide__store-name{position:absolute;bottom:-1.5rem;left:50%;transform:translate(-50%);white-space:nowrap;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;pointer-events:none}.neighborhood-guide__custom-pin{display:block;width:64px;height:auto;object-fit:contain;box-shadow:0 4px 16px #1f383140}.neighborhood-guide__custom-place-pin{display:block;width:22px;height:22px;object-fit:contain}.neighborhood-guide__place-icon-wrapper:has(.neighborhood-guide__custom-place-pin){padding:5px}.neighborhood-guide__store-pin svg{width:64px;height:64px}.neighborhood-guide__place-pin{position:absolute;cursor:pointer;transform:translate(-50%,-50%);will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;transform:translateZ(0)}.neighborhood-guide__place-pin:has([data-visible=true]){z-index:20}.neighborhood-guide__place{position:relative;display:flex;align-items:center;justify-content:center}.neighborhood-guide__place-icon-wrapper{width:32px;height:32px;padding:7px;border-radius:9999px;background-color:#aecec3;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out}.neighborhood-guide__place-icon-wrapper svg{color:#568e7f;transition:color .2s ease-in-out;width:18px;height:18px}.neighborhood-guide__place-pin:hover .neighborhood-guide__place-icon-wrapper,.neighborhood-guide__place-pin:has([data-visible=true]) .neighborhood-guide__place-icon-wrapper{background-color:#568e7f;box-shadow:0 8px 10px #17171740}.neighborhood-guide__place-pin:hover .neighborhood-guide__place-icon-wrapper svg,.neighborhood-guide__place-pin:has([data-visible=true]) .neighborhood-guide__place-icon-wrapper svg{color:#f5f5f0}.neighborhood-guide__place-name{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:.875rem;line-height:1.3;font-weight:400;color:#1a1a1a}.neighborhood-guide__place-name--left{right:100%;margin-right:.5rem}.neighborhood-guide__place-name--right{left:100%;margin-left:.5rem}.neighborhood-guide__popup{display:none;position:absolute;width:50vw;max-width:31rem;background-color:#f5f5f0;padding:0;z-index:20;left:0;top:100%}.top.right .neighborhood-guide__popup{right:0;left:auto;top:100%;bottom:auto}.bottom.left .neighborhood-guide__popup{left:0;right:auto;bottom:100%;top:auto}.bottom.right .neighborhood-guide__popup{right:0;left:auto;bottom:100%;top:auto}.neighborhood-guide__popup[data-visible=true]{display:block;z-index:20;cursor:default}.neighborhood-guide__close-popup{position:absolute;top:.75rem;right:.75rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;color:#8d827980;background-color:transparent;font-size:1rem;z-index:31;padding:.25rem}@media (max-width: 1023px){.neighborhood-guide__close-popup.is-back-button{top:1rem;left:1rem;right:auto;width:auto;height:auto;padding:.5rem 1rem;background-color:transparent;border-radius:0;color:var(--COLOR-TEXT);font-size:1rem;justify-content:flex-start}}.neighborhood-guide__counters-toolbar{margin:0;border-top:1px solid rgba(191,184,181,.5);border-bottom:1px solid rgba(191,184,181,.5);padding:0 1.5rem}.neighborhood-guide__counters .counter{padding:.875rem 0;width:100%;max-width:13.75rem;display:block;font-family:DegularMono,sans-serif;text-transform:uppercase;font-size:.875rem;line-height:1;border-right:1px solid rgba(191,184,181,.5)}.neighborhood-guide__grid{display:grid;grid-template-columns:1fr;gap:1.5rem 1rem;padding:2.125rem 4.5rem 2.5rem}[data-section-type=neighborhood-guide][data-active-type] .neighborhood-guide__place:not([data-type=null]){display:none}[data-section-type=neighborhood-guide][data-active-type=restaurant] .neighborhood-guide__place[data-type=restaurant],[data-section-type=neighborhood-guide][data-active-type=cafe] .neighborhood-guide__place[data-type=cafe],[data-section-type=neighborhood-guide][data-active-type=pub] .neighborhood-guide__place[data-type=pub],[data-section-type=neighborhood-guide][data-active-type=culture] .neighborhood-guide__place[data-type=culture],[data-section-type=neighborhood-guide][data-active-type=tram_station] .neighborhood-guide__place[data-type=tram_station]{display:flex}.place-card{display:grid;grid-template-columns:11rem auto;min-height:16.3rem;height:100%;position:relative}.place-card__image{width:100%;height:100%;object-fit:cover;object-position:center}.place-card__image--placeholder{width:100%;height:100%;background-color:#f5f5f5}.place-card__info{padding:1.25rem 1rem;box-sizing:border-box;flex-grow:0;overflow:hidden;min-width:0}.place-card__name{font-size:1rem;line-height:1.2;font-weight:600;color:#1a1a1a;margin:0 0 .125rem}.place-card__description{font-size:.75rem;line-height:1.3;font-weight:400;color:#1a1a1a80;padding-bottom:.5rem;border-bottom:1px solid rgba(227,212,184,.4);margin:0 0 .875rem}.place-card__info>a>svg,.place-card__info>div>svg{color:#568e7f!important;margin-right:.5rem;flex-shrink:0}.place-card__working-hours,.place-card__address{margin:0 0 .625rem;display:flex}.place-card__working-hours p,.place-card__address p{margin:0}.place-card__link{display:flex;align-items:center}.place-card__working-hours p,.place-card__address p,.place-card__link span{font-size:.875rem;line-height:1.4;font-weight:400;color:#1a1a1a}.place-card__link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:underline;text-underline-offset:.1rem}.neighborhood-guide__grid .place-card{background-color:#efefe8}.place-card__see-more{display:none}.place-card__actions{display:flex;gap:.5rem;margin-top:1rem;position:absolute;left:.75rem;bottom:.5rem;top:auto;right:auto}.neighborhood-guide__grid .place-card__actions{left:.75rem;bottom:.7rem}.place-card__action-button{width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:#f5f5f0b3;transition:background-color .2s ease-in-out;cursor:pointer;padding:0}.place-card__action-button:hover{background-color:#f5f5f0}.place-card__action-button.is-copied{background-color:#568e7f;color:#fff}.place-card__action-button.is-copied svg{color:#fff}.place-card__action-button.is-failed{background-color:#d9534f;color:#fff;border-color:#d9534f}@media (min-width: 1024px){.neighborhood-guide__heading{padding:93px 48px 58px;display:block}.neighborhood-guide__content-wrapper{display:flex;flex-wrap:wrap;position:relative;align-items:flex-start;width:100%}[data-section-type=neighborhood-guide] .neighborhood-guide__main-content{width:50vw;position:sticky;top:0;height:50vw;z-index:1;overflow:hidden;border-right:1px solid rgba(191,184,181,.5)}[data-section-type=neighborhood-guide] .neighborhood-guide__map-container{height:100%;width:100%}[data-section-type=neighborhood-guide] .neighborhood-guide__map{height:100%;width:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}[data-section-type=neighborhood-guide] .neighborhood-guide-drawer{width:50vw;max-width:720px;margin-left:0;height:50vw;overflow-y:auto;background:var(--COLOR-BG, white);position:relative;z-index:2;scrollbar-gutter:stable}.neighborhood-guide__grid{grid-template-columns:1fr;padding:1rem 4.5rem 1rem 1.5rem;gap:1rem}.neighborhood-guide__counters-toolbar{position:sticky;top:0;z-index:10;background:var(--COLOR-BG, white);border-bottom:1px solid rgba(227,212,184,.4)}.neighborhood-guide__filter-button:hover{background-color:var(--COLOR-BG-ACCENT)}.neighborhood-guide__filter-button:hover svg{color:var(--text)}.neighborhood-guide__grid .place-card__actions{left:.5rem;bottom:.625rem}.neighborhood-guide__filters{top:2rem;left:2rem}.neighborhood-guide__grid .place-card{grid-template-columns:13.375rem auto;align-items:start;min-height:auto}.neighborhood-guide__grid .place-card__image-wrapper{min-height:11.94rem;height:100%;width:100%;position:relative}.neighborhood-guide__grid .place-card__image{object-fit:cover;object-position:center;height:100%;width:100%;position:absolute}.neighborhood-guide__grid .place-card__info{display:flex;flex-direction:column;min-height:11.94rem}.neighborhood-guide__grid .place-card__address{margin:0}.neighborhood-guide__grid .place-card__link{margin-top:auto;padding-top:1.25rem}.neighborhood-guide__grid .place-card[data-type=tram_station] .place-card__image-wrapper,.neighborhood-guide__grid .place-card[data-type=tram_station] .place-card__info{min-height:6.25rem;height:auto}.neighborhood-guide__grid .place-card[data-type=tram_station] .place-card__description{margin:0;padding:0;border:none}.neighborhood-guide__grid .place-card[data-type=tram_station] .place-card__info{justify-content:center}.neighborhood-guide__popup{max-width:26.3125rem}.neighborhood-guide__popup .place-card{display:grid;grid-template-columns:8.0625rem auto;min-height:auto}.neighborhood-guide__popup .place-card__image-wrapper{min-height:11.6875rem;height:100%;width:100%;position:relative}.neighborhood-guide__popup .place-card__image{object-fit:cover;object-position:center;height:100%;width:100%;position:absolute}.neighborhood-guide__popup .place-card__info{display:flex;flex-direction:column;min-height:11.6875rem}.neighborhood-guide__popup .place-card__actions{bottom:.5rem;left:.5rem}.neighborhood-guide__popup .place-card__address{margin:0}.neighborhood-guide__popup .place-card__description{margin-bottom:1.25rem}.neighborhood-guide__popup .place-card__link{margin-top:auto;padding-top:.625rem}.neighborhood-guide__popup .place-card[data-type=tram_station]{grid-template-columns:8.0625rem auto}.neighborhood-guide__popup .place-card[data-type=tram_station] .place-card__image-wrapper{min-height:6.25rem;height:6.25rem}.neighborhood-guide__popup .place-card[data-type=tram_station] .place-card__info{min-height:6.25rem;justify-content:center}.neighborhood-guide__popup .place-card[data-type=tram_station] .place-card__description{margin:0;padding:0;border:none}}.share-notification{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#f5f5f0;color:#1a1a1a;padding:8px 16px;border-radius:9999px;font-family:var(--FONT-STACK-BODY);font-size:.75rem;font-weight:500;white-space:nowrap;z-index:100;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none;box-shadow:0 4px 12px #0000001a;margin-bottom:8px}.share-notification.is-visible{opacity:1;visibility:visible}@media (max-width: 1023px){.neighborhood-guide__place-icon-wrapper{width:24px;height:24px;padding:5px}.neighborhood-guide__place-icon-wrapper svg{width:14px;height:14px}.neighborhood-guide__custom-place-pin{width:16px;height:16px}.neighborhood-guide__place-icon-wrapper:has(.neighborhood-guide__custom-place-pin){padding:4px}.neighborhood-guide__custom-pin{width:44px}.neighborhood-guide__store-pin svg{width:44px;height:44px}.mobile-hidden-list-view{display:none!important}.neighborhood-guide__filter-button{font-family:Degular Mono Demo,sans-serif}.place-card__see-more.mobile-list-view-button{display:block;position:absolute;bottom:0;right:0;font-family:DegularMono,sans-serif;text-transform:uppercase;font-size:.875rem;line-height:1;text-decoration:underline;text-underline-offset:.1rem;color:#333}.mobile-list-view-clickable{cursor:pointer}.neighborhood-guide__close-popup.mobile-back-button{top:1rem;left:1rem;right:auto;width:auto;height:auto;padding:.5rem 1rem;background-color:transparent;border-radius:0;color:var(--COLOR-TEXT);font-size:1rem;z-index:31;display:flex;align-items:center;justify-content:flex-start}[data-section-type=neighborhood-guide]{height:100vh;overflow:hidden;padding-top:0;padding-bottom:0;position:relative}.neighborhood-guide__main-content{height:100%}.neighborhood-guide__map-container{height:var(--map-height, calc(100vh - 200px) );position:relative;overflow:hidden;touch-action:none}.map-wrapper{position:absolute;top:0;left:0;will-change:transform;cursor:grab}.map-wrapper:active{cursor:grabbing}.neighborhood-guide__map{display:block;width:100%;height:100%}.neighborhood-guide__filters{top:0;left:0;right:0;bottom:auto;padding:1rem;overflow:auto}.neighborhood-guide-drawer{position:absolute;left:0;right:0;top:calc(100% - var(--toolbar-height, 50px));height:calc(100% - var(--heading-height, 90px));background:var(--COLOR-BG, white);z-index:20;transition:top .5s cubic-bezier(.4,0,.2,1)}.neighborhood-guide-drawer.is-open{top:var(--heading-height, 90px)}.neighborhood-guide__counters-toolbar{cursor:pointer;position:relative;z-index:1;background:var(--COLOR-BG, white);border-color:transparent;box-shadow:0 4px 16px #d1d1d1;transition:all .2s ease-in-out}.is-open>.neighborhood-guide__counters-toolbar{box-shadow:none;border-bottom:1px solid rgba(191,184,181,.5)}.neighborhood-guide__counters .counter{border-right:none;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.625rem 0;font-size:.75rem}.neighborhood-guide__counters .counter:after{content:"";display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:5px solid black;transform:rotate(180deg);transition:transform .2s ease-in-out}.is-open>.neighborhood-guide__counters-toolbar .counter:after{transform:rotate(0)}.neighborhood-guide-drawer .neighborhood-guide__grid{height:calc(100% - var(--toolbar-height, 50px));overflow-y:auto;padding:1.5rem;gap:1rem;padding:1.25rem 1rem}.neighborhood-guide__grid .place-card{grid-template-columns:5.625rem auto;min-height:7.5rem;background-color:transparent;height:fit-content}.neighborhood-guide__grid .place-card__info{padding:0 0 2.875rem .875rem;position:relative}.neighborhood-guide__grid .place-card__name{margin-bottom:.25rem}.neighborhood-guide__grid .place-card__description{margin-bottom:0;border-bottom:none;padding-bottom:0;font-size:.875rem;line-height:1.3}.neighborhood-guide__grid .place-card__image-wrapper{position:relative}.neighborhood-guide__grid .place-card[data-type=tram_station]{min-height:auto}.neighborhood-guide__grid .place-card[data-type=tram_station] .place-card__image-wrapper{aspect-ratio:1 / 1;height:auto}.neighborhood-guide__grid .place-card[data-type=tram_station] .place-card__image{object-fit:cover;object-position:center}.neighborhood-guide__grid .place-card__actions{left:calc(100% + .865rem);bottom:0;margin:0;z-index:2}.neighborhood-guide__grid .place-card__action-button{background-color:#aecec380}.neighborhood-guide__grid .place-card__description{font-size:.875rem;line-height:1.3;padding-bottom:0;border-bottom:none;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.neighborhood-guide__close-popup{position:static;padding:.8rem 0;width:auto;height:auto;display:flex}.neighborhood-guide__close-popup .icon{display:none}.neighborhood-guide__close-popup .back-text{display:flex!important;align-items:center;gap:.5rem;color:#333;font-family:DegularMono,sans-serif;font-size:.875rem;line-height:1;text-transform:uppercase;text-decoration:underline;text-underline-offset:2px}.back-text .list{display:none}body:has(.neighborhood-guide-drawer.is-open) .back-text .list{display:block}body:has(.neighborhood-guide-drawer.is-open) .back-text .map{display:none}.neighborhood-guide__close-popup .back-text:before{content:"";display:block;border:solid #1A1A1A;border-width:0 1px 1px 0;display:inline-block;padding:2px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.neighborhood-guide__popup{display:block;visibility:hidden;position:fixed;top:var(--heading-height, 90px);left:0;width:100%;height:calc(100vh - var(--heading-height, 90px));background:var(--COLOR-BG, white);z-index:30;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1),top .4s cubic-bezier(.4,0,.2,1),visibility 0s .4s;overflow-y:auto;-webkit-overflow-scrolling:touch;max-width:none;padding:0 1rem;cursor:default}.neighborhood-guide__popup.popup-from-list-view{top:calc(var(--heading-height, 90px) + var(--toolbar-height, 50px));height:calc(100vh - var(--heading-height, 90px) - var(--toolbar-height, 50px))}.neighborhood-guide__popup.is-visible-mobile{visibility:visible;transform:translateY(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.neighborhood-guide__popup .place-card{display:block;min-height:0;height:94%}.neighborhood-guide__popup .place-card__image{height:auto;aspect-ratio:33 / 16;object-fit:cover;display:block}.neighborhood-guide__popup .place-card__info{padding:1rem 0}.neighborhood-guide__popup .place-card__name{margin-bottom:.25rem}.neighborhood-guide__popup .place-card__description{font-size:.875rem;line-height:1.3;margin-bottom:1rem;padding-bottom:0;border-bottom:none}.neighborhood-guide__popup .place-card__image-wrapper{position:relative}.neighborhood-guide__popup .place-card__actions{left:.4rem;bottom:.5rem}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-neighborhood-guide.css.map */