.bb-home-city-map{overflow:hidden;padding-block:clamp(5rem,7vw,10rem);background:radial-gradient(ellipse at 68% 45%,#d9ece0,#f2f8f4 36%,#fff 73%);color:var(--bb-color-text-deep)}.bb-home-city-map__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,5vw,8rem);min-height:52rem}.bb-home-city-map__copy{align-self:center;padding-block:2rem}.bb-home-city-map__copy h2{margin:0 0 1.6rem;color:#383051;font-family:var(--bb-font-brand);font-size:clamp(3.8rem,4.2vw,6rem);font-weight:900;line-height:1.05}.bb-home-city-map__body{max-width:58rem;font-size:clamp(1.7rem,1.5vw,2rem)}.bb-home-city-map__body p{margin:0}.bb-home-city-map__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:4rem}.bb-home-city-map__actions .button{min-width:0;min-height:4.8rem;padding-inline:1.8rem;--bb-cta-font-size: 1.7rem}.bb-home-city-map__visual{position:relative;display:grid;align-items:center;min-height:53rem}.bb-home-city-map__image{position:absolute;inset:0 0 0 auto;width:min(95%,51rem);height:100%;object-fit:contain;opacity:.98}.bb-home-city-map__cities{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:.6rem;padding:3rem 0}.bb-home-city-map__city{display:inline-flex;align-items:center;gap:.4rem;min-height:3.5rem;padding:.3rem .8rem;border-radius:1.2rem;background:#e8e6fa;color:#383051;font-family:var(--bb-font-brand);font-size:clamp(1.3rem,1.2vw,1.7rem);line-height:1.1;text-decoration:none;white-space:nowrap;transition:transform .18s ease,background-color .18s ease}.bb-home-city-map__city--active span{display:grid;place-items:center;width:1.6em;height:1.6em;border-radius:.4rem;background:var(--bb-color-brand-leaf);color:#fff;font-size:.8em;font-weight:900}.bb-home-city-map__city--wanted span{font-size:1.4em;line-height:.8}.bb-home-city-map__city:hover{transform:translateY(-2px);background:#d6d2f6}.bb-home-city-map__city:focus-visible,.bb-home-city-map__actions a:focus-visible{outline:3px solid var(--bb-color-brand-lilac);outline-offset:3px}.bb-home-city-map__editor-note{position:relative;padding:1rem;background:#fff}@media screen and (max-width:989px){.bb-home-city-map__layout{grid-template-columns:1fr;gap:0}.bb-home-city-map__visual{min-height:41rem}}@media screen and (max-width:749px){.bb-home-city-map{padding-block:4.8rem}.bb-home-city-map__layout{min-height:0}.bb-home-city-map__copy h2{font-size:clamp(3.4rem,10vw,4.8rem)}.bb-home-city-map__actions{margin-top:2.4rem}.bb-home-city-map__actions .button{flex:1 1 100%}.bb-home-city-map__visual{min-height:0;padding-top:25rem}.bb-home-city-map__image{inset:0 auto auto 50%;width:27rem;height:29rem;transform:translate(-50%)}.bb-home-city-map__cities{justify-content:center;padding:0}.bb-home-city-map__city{font-size:1.4rem}}@media(prefers-reduced-motion:reduce){.bb-home-city-map__city{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-bb-home-city-map.css.map */