.hotel-bubble-layer{--ring:var(--color-flame);z-index:30;pointer-events:none;color:var(--color-navy);position:fixed;inset:0}.hotel-bubble__host{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.hotel-bubble__pin{background:var(--ring);width:16px;height:16px;box-shadow:0 0 0 2px var(--color-navy), 0 4px 10px #2e354f59;border:3px solid #fff;border-radius:50%;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.hotel-bubble__card,.hotel-bubble__pill-wrap{pointer-events:auto;filter:drop-shadow(0 8px 18px #2e354f47);position:absolute}.hotel-bubble__card{width:236px;animation:.3s cubic-bezier(.3,1.4,.5,1) hotel-bubble-open}.hotel-bubble__card:after{content:"";box-shadow:inset 0 0 0 2.5px var(--ring);pointer-events:none;border-radius:16px;position:absolute;inset:0}.hotel-bubble__scroll{max-height:inherit;overscroll-behavior:contain;background:#fff;border-radius:16px;overflow:hidden auto}.hotel-bubble__tail{z-index:-1;width:18px;height:18px;box-shadow:inset 0 0 0 2.5px var(--ring);background:#fff;border-radius:3px;position:absolute}[data-side=top]>.hotel-bubble__tail{left:var(--tail);bottom:-8px;transform:translate(-50%)rotate(45deg)}[data-side=bottom]>.hotel-bubble__tail{left:var(--tail);top:-8px;transform:translate(-50%)rotate(45deg)}[data-side=left]>.hotel-bubble__tail{right:-8px;top:var(--tail);transform:translateY(-50%)rotate(45deg)}[data-side=right]>.hotel-bubble__tail{left:-8px;top:var(--tail);transform:translateY(-50%)rotate(45deg)}.hotel-bubble__pic{background:linear-gradient(165deg,#9fd7ef 0%,#cfe7f1 35%,#f6c98a 70%,#e89a5a 100%) 50%/cover;border-radius:16px 16px 0 0;height:96px;position:relative}.hotel-bubble__kicker{background:var(--color-navy);color:#fff;font:900 9.5px/1.2 var(--font-nunito), system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 8px;position:absolute;top:10px;left:10px}.hotel-bubble__close{width:32px;height:32px;color:var(--color-navy);cursor:pointer;font:900 18px/1 var(--font-nunito), system-ui, sans-serif;background:#fffffff0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.hotel-bubble__body{padding:10px 12px 12px}.hotel-bubble__category{color:var(--color-navy-2);font:900 9.5px/1.2 var(--font-nunito), system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:0}.hotel-bubble__name{font:900 14.5px/1.25 var(--font-nunito), system-ui, sans-serif;overflow-wrap:anywhere;margin:3px 0 4px}.hotel-bubble__intro{color:var(--color-navy-2);margin:0 0 7px;font-size:12px;line-height:1.4}.hotel-bubble__tags{flex-wrap:wrap;gap:4px;margin:0 0 8px;padding:0;list-style:none;display:flex}.hotel-bubble__tag{background:var(--color-cream-2);color:var(--color-navy);font:700 11px/1.4 var(--font-nunito), system-ui, sans-serif;border-radius:999px;padding:2px 7px}.hotel-bubble__tag--transport{background:#e3eafc}.hotel-bubble__tag--perk{background:var(--color-sun-soft);box-shadow:inset 0 0 0 1px var(--color-sun)}.hotel-bubble__price{font:800 12.5px/1.35 var(--font-nunito), system-ui, sans-serif;font-variant-numeric:tabular-nums;margin:0}.hotel-bubble__price-note{color:var(--color-navy-2);margin:1px 0 0;font-size:11.5px;line-height:1.4}.hotel-bubble__credit{overflow-wrap:anywhere;color:var(--color-navy-2);margin-top:7px;font-size:10px;text-decoration:none;display:block}.hotel-bubble__credit:hover{text-decoration:underline}.hotel-bubble__pill{width:max-content;max-width:220px;color:var(--color-navy);cursor:pointer;pointer-events:auto;font:800 12px/1.2 var(--font-nunito), system-ui, sans-serif;text-align:left;background:#fff;border:0;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;display:flex;box-shadow:0 6px 16px #2e354f47}.hotel-bubble__pill--compact{width:132px;height:44px;padding-right:10px}.hotel-bubble__pill--compact .hotel-bubble__pill-name{font:900 9.5px/1.2 var(--font-nunito), system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase}.hotel-bubble__pill-wrap{width:max-content;max-width:220px}.hotel-bubble__pill-wrap .hotel-bubble__pill{max-width:100%;box-shadow:none}.hotel-bubble__avatar{background:var(--color-cream-2) center / cover;width:36px;height:36px;box-shadow:0 0 0 3px var(--ring);border-radius:50%;flex:none}.hotel-bubble__pill-name{overflow-wrap:anywhere}.hotel-bubble__scrim{pointer-events:auto;background:#2e354f8c;animation:.2s ease-out hotel-bubble-fade;position:absolute;inset:0}.hotel-bubble__sheet{left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));max-width:420px;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overscroll-behavior:contain;box-shadow:inset 0 0 0 2.5px var(--ring), 0 12px 32px #2e354f66;pointer-events:auto;background:#fff;border-radius:16px;margin:0 auto;animation:.3s cubic-bezier(.3,1.4,.5,1) hotel-bubble-open;position:absolute;overflow-y:auto}.hotel-bubble__sheet .hotel-bubble__pic{height:140px}.hotel-bubble-layer button:focus-visible,.hotel-bubble-layer a:focus-visible{outline:3px solid var(--color-sky);outline-offset:3px}@keyframes hotel-bubble-open{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes hotel-bubble-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.hotel-bubble__card,.hotel-bubble__scrim,.hotel-bubble__sheet{animation:none}}