.bb-map{padding-block:clamp(3rem,5vw,7rem);color:var(--bb-color-text-deep, #154734)}.bb-map__intro{max-width:72rem;margin-bottom:2.4rem}.bb-map__intro h1{margin:0 0 1rem;color:var(--bb-color-brand-blue, #383051);font-family:var(--bb-font-display)}.bb-map__intro .bb-prose p{margin:0}.bb-map__search-wrap{display:grid;gap:.8rem;max-width:56rem;margin-bottom:2.4rem;font-family:var(--bb-font-brand);font-weight:700}.bb-map__search-wrap input{min-height:5.6rem;width:100%;padding:1rem 1.8rem;border:2px solid var(--bb-color-brand-forest, #154734);border-radius:999px;background:#fff;color:var(--bb-color-text-deep, #154734);font:inherit;font-weight:400}.bb-map__search-wrap input:focus-visible,.bb-map__regions select:focus-visible,.bb-map button:focus-visible,.bb-map a:focus-visible{outline:3px solid var(--bb-color-brand-purple, #625fbe);outline-offset:3px}.bb-map__layout{display:grid;grid-template-columns:minmax(26rem,32rem) minmax(0,1fr);gap:1.6rem;min-height:68rem}.bb-map__results{min-width:0;padding:1.8rem;border-radius:2.4rem;background:#f2f8f4}.bb-map__regions{display:grid;gap:.7rem;max-width:32rem;margin-bottom:1.6rem;color:var(--bb-color-brand-forest, #154734);font-family:var(--bb-font-brand);font-size:1.4rem;font-weight:700}.bb-map__regions select{width:100%;min-height:4.8rem;padding:.7rem 1.2rem;border:1px solid #b4d4c2;border-radius:1.2rem;background:#fff;color:inherit;font:inherit}.bb-map__count{margin:0 0 1.4rem;font-family:var(--bb-font-brand);font-size:1.5rem;font-weight:700}.bb-map__list{display:grid;align-content:start;gap:.8rem;max-height:65rem;margin:0;padding:0 .4rem 0 0;overflow-y:auto;list-style:none}.bb-map__result{display:flex;align-items:stretch;border:1px solid #d3e6dc;border-radius:1.4rem;background:#fff}.bb-map__result[hidden]{display:none}.bb-map__result-button{display:grid;gap:.3rem;flex:1;min-width:0;padding:1.3rem 1.5rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.bb-map__result-name{font-family:var(--bb-font-brand);font-size:1.5rem;font-weight:700;line-height:1.25}.bb-map__result-detail{font-family:var(--bb-font-brand);font-size:1.3rem;font-weight:400}.bb-map__result-link{display:grid;place-items:center;width:4.5rem;border-left:1px solid #d3e6dc;color:var(--bb-color-brand-purple, #625fbe);font-size:2rem;text-decoration:none}.bb-map__result:hover,.bb-map__result:focus-within{border-color:var(--bb-color-brand-forest, #154734);background:#e7f2ed}.bb-map__empty{font-family:var(--bb-font-brand)}.bb-map__map{position:relative;display:grid;place-items:center;min-width:0;height:68rem;overflow:hidden;border-radius:2.4rem;background:#e7f2ed;touch-action:pan-y}.bb-map__plane{position:relative;width:min(calc(100% - 2rem),48rem);aspect-ratio:1000 / 1431;flex:none;transform-origin:center;transition:transform .18s ease-out}.bb-map__base,.bb-map__pins{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bb-map__base{display:block}.bb-map__pin{position:absolute;z-index:1;display:block;width:2.4rem;height:2.4rem;padding:0;border:3px solid #fff;border-radius:50%;background:var(--bb-color-brand-forest, #154734);box-shadow:0 2px 8px #15473455;transform:translate(-50%,-50%);cursor:pointer}.bb-map__pin:hover,.bb-map__pin.is-selected{z-index:2;background:var(--bb-color-brand-purple, #625fbe);transform:translate(-50%,-50%) scale(1.3)}.bb-map__pin[hidden]{display:none}.bb-map__controls{position:absolute;right:1.6rem;bottom:1.6rem;z-index:3;display:grid;gap:.5rem}.bb-map__controls button,.bb-map__detail-close{display:grid;place-items:center;width:4.4rem;height:4.4rem;border:1px solid #c3d9cd;border-radius:1.1rem;background:#fff;color:var(--bb-color-brand-forest, #154734);font-family:var(--bb-font-brand);font-size:2.4rem;font-weight:700;cursor:pointer}.bb-map__detail{position:absolute;z-index:4;top:1.6rem;right:1.6rem;bottom:1.6rem;width:min(36rem,calc(100% - 3.2rem));overflow-y:auto;border-radius:2rem;background:#fff;box-shadow:0 1rem 4rem #15473430}.bb-map__detail[hidden]{display:none}.bb-map__detail-close{position:absolute;top:1rem;right:1rem;z-index:1}.bb-map__detail img{display:block;width:100%;height:20rem;object-fit:cover}.bb-map__detail img[hidden]{display:none}.bb-map__detail-body{display:grid;gap:1.2rem;padding:2rem}.bb-map__detail-body h2,.bb-map__detail-body p{margin:0}.bb-map__detail-body h2{color:var(--bb-color-brand-blue, #383051);font-family:var(--bb-font-display)}.bb-map__detail-note{font-size:1.4rem}.bb-map__detail-status{width:fit-content;padding:.5rem 1rem;border-radius:999px;background:#e7f2ed;color:var(--bb-color-brand-forest, #154734);font-family:var(--bb-font-brand);font-size:1.3rem;font-weight:700}.bb-map__detail .button{width:100%;margin-top:1rem;text-align:center}@media(max-width:749px){.bb-map__layout{display:flex;flex-direction:column-reverse;min-height:0}.bb-map__map{height:min(62rem,110vw);min-height:40rem}.bb-map__results{padding:1.4rem}.bb-map__list{max-height:36rem}.bb-map__detail{position:fixed;z-index:1002;top:auto;right:1.2rem;bottom:1.2rem;left:1.2rem;width:auto;max-height:min(72rem,calc(100dvh - 2.4rem))}.bb-map__detail img{height:14rem}}@media(prefers-reduced-motion:reduce){.bb-map__plane{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-bb-location-map.css.map */