/* Destination summaries unfold from their blue map pins. */
:root{--property-panel-full-width:460px}
@media(min-width:1600px){:root{--property-panel-full-width:500px}}
@media(max-width:1100px) and (min-width:761px){:root{--property-panel-full-width:390px}}
@media(min-width:761px){
 body.has-destination{--panel-width:calc(var(--property-panel-full-width) * .8 + 7.2px)}
 #workspace.detail-mode #panel{transition:width 480ms cubic-bezier(.22,1,.36,1)}
 .has-destination #panel .gallery-main{height:200px}
 .has-destination #panel h1{font-size:25px}
}
:root #destination-card.destination-card--anchored{
 position:fixed;inset:auto;left:max(12px,calc(50% - 130px));top:32%;right:auto;bottom:auto;
 width:min(260px,calc(100vw - 24px));max-width:none;
 max-height:min(340px,var(--popover-max-height,100dvh));padding:14px;z-index:9;overflow:visible;
 transform:none;translate:none;transform-origin:var(--popover-origin-x,50%) var(--popover-origin-y,50%);
}
:root #destination-card.destination-card--anchored[data-popover-positioned=true]{left:var(--popover-left);top:var(--popover-top)}
:root #destination-card.destination-card--anchored::after{
 content:'';position:absolute;left:var(--popover-tail-x);top:var(--popover-tail-y);
 width:var(--popover-link-length,0px);height:2px;background:rgba(175,175,175,.78);border-radius:1px;
 transform:rotate(var(--popover-link-angle,0deg));transform-origin:left center;pointer-events:none;
}
:root #destination-card.destination-card--anchored:not([data-popover-positioned=true])::after{display:none}
:root #destination-card.destination-card--anchored .destination-heading{
 position:absolute;top:6px;right:6px;left:auto;width:44px;height:44px;
 margin:0;padding:0;min-height:0;z-index:2;
}
:root #destination-card.destination-card--anchored .destination-heading :is(.service-icon,.eyebrow){display:none}
:root #destination-card.destination-card--anchored #close-destination{width:44px;height:44px;flex:none;margin:0}
:root #destination-card.destination-card--anchored h2{font-size:20px;line-height:1.15;padding-right:35px;margin:3px 0 12px;min-height:29px}
:root #destination-card.destination-card--anchored .destination-photos{margin-bottom:8px;gap:6px}
:root #destination-card.destination-card--anchored .destination-photos button{height:64px}
:root #destination-card.destination-card--anchored .destination-photos button>span{right:4px;bottom:4px;padding:4px}
:root #destination-card.destination-card--anchored .route-summary{font-size:11px;margin:8px 0;gap:4px;min-height:18px;flex-wrap:wrap}
:root #destination-card.destination-card--anchored .route-estimate{font-size:9px}
:root #destination-card.destination-card--anchored .destination-scroll-content>p{
 font-size:11px;line-height:1.5;margin:8px 0 4px;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
:root #destination-card.destination-card--anchored .destination-scroll-content>.destination-location-note{display:none}
:root #destination-card.destination-card--anchored .destination-actions{gap:6px;padding-top:8px}
:root #destination-card.destination-card--anchored .destination-actions>a{min-height:44px;padding:8px;font-size:11px}
:root #destination-card.destination-card--anchored :is(.call-button,.destination-website){flex:0 0 44px;display:grid;place-items:center;font-size:0!important}
:root #destination-card.destination-card--anchored .destination-actions .icon{width:15px;height:15px}
:root #destination-card.destination-card--anchored .directions-button .icon:last-child{display:none}
:root #map .atlas-pin--service[aria-expanded=true] .atlas-pin__label{display:none}
:root #map .atlas-pin--service.atlas-pin--selected .atlas-pin__dot{
 background:#397eaa!important;color:#fff!important;box-shadow:0 0 0 5px #397eaa30,0 4px 14px #0003;
}
@media(max-width:760px){
 .has-destination .map-controls{display:none}
 .has-destination .maplibregl-ctrl-bottom-right{top:auto;bottom:3px!important;right:8px;max-width:calc(100vw - 16px)}
}
@media(prefers-reduced-motion:no-preference){
 #destination-card.destination-card--anchored[data-popover-positioned=true]{animation:pin-unfold 360ms cubic-bezier(.22,1,.36,1) both}
 @keyframes pin-unfold{from{opacity:0;scale:.88}to{opacity:1;scale:1}}
}
.has-destination #map .atlas-pin--service:not([aria-expanded=true]) .atlas-pin__label{display:none}