.bbs-ci{position:relative;width:100%;isolation:isolate}
.bbs-ci .bbs-ci-stage{position:relative;width:100%;line-height:0}
.bbs-ci .bbs-ci-map{display:block;width:100%;height:auto;max-width:100%;margin:0;border:0}
.bbs-ci .bbs-ci-point{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--bbs-color);margin:0;padding:0;border:0;box-shadow:none;cursor:pointer;color:#fff;min-height:0;min-width:0;transition:opacity .15s;z-index:1;box-sizing:border-box}
/* Invisible circles keep their circular hit area, including when alpha is zero. */
.bbs-ci .bbs-ci-dot{width:var(--bbs-size);height:auto;aspect-ratio:1;border-radius:50%;clip-path:circle(50%);min-width:12px;opacity:0;visibility:visible;pointer-events:auto}
.bbs-ci .bbs-ci-dot.is-active{opacity:1;z-index:3;filter:none;box-shadow:none}
.bbs-ci .bbs-ci-hidden{opacity:0;visibility:hidden;pointer-events:none}
.bbs-ci .bbs-ci-hidden.is-active{opacity:1;visibility:visible;pointer-events:auto}
.bbs-ci .bbs-ci-point:focus-visible{outline:3px solid #202020;outline-offset:4px}
.bbs-ci .bbs-ci-dot:focus-visible{border:2px solid #202020}
.bbs-ci .bbs-ci-pin{border:0;background:transparent;box-shadow:none;display:flex;align-items:center;gap:6px;white-space:nowrap;border-radius:0;font:600 13px/1.3 system-ui,sans-serif;color:#222;transform:translate(-8px,-50%);max-width:45%}
.bbs-ci .bbs-ci-pin-right{transform:translate(calc(-100% + 8px),-50%);flex-direction:row-reverse}
.bbs-ci-pin-icon{display:block;width:17px;height:22px;background:var(--bbs-color);border-radius:50% 50% 50% 0;transform:rotate(-45deg);color:white;text-align:center;line-height:19px;font-size:13px;box-shadow:0 1px 3px #0003;flex:0 0 17px}
.bbs-ci .bbs-ci-pin-name{background:#fffe;border-radius:4px;padding:4px 7px;box-shadow:0 1px 4px #0002;white-space:normal;overflow-wrap:anywhere;text-align:left;line-height:1.3;min-width:0}
.bbs-ci .bbs-ci-popup{position:absolute;z-index:20;left:0;top:0;box-sizing:border-box;width:min(380px,calc(100vw - 24px));max-height:min(440px,calc(100vh - 24px));overflow:auto;background:#fff;color:#242424;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 12px 40px #0002;padding:20px 22px;margin:0;font:16px/1.5 system-ui,sans-serif}
.bbs-ci .bbs-ci-popup[hidden]{display:none!important}
.bbs-ci .bbs-ci-popup h3{margin:0 35px 18px 0;font:600 20px/1.3 system-ui,sans-serif;color:inherit}
.bbs-ci .bbs-ci-close{position:absolute;right:8px;top:8px;background:transparent;color:#333;border:0;cursor:pointer;font:28px/1 system-ui;padding:5px 10px;box-shadow:none;border-radius:4px}
.bbs-ci .bbs-ci-logos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px}
.bbs-ci .bbs-ci-logos img{display:block;width:100%;max-width:100%;height:75px;object-fit:contain;background:white;border:0;margin:0}
@media(prefers-reduced-motion:reduce){.bbs-ci .bbs-ci-point{transition:none}}

@media(min-width:769px){.bbs-ci .bbs-ci-popup{width:min(520px,calc(100vw - 24px))}.bbs-ci .bbs-ci-logos{grid-template-columns:repeat(4,minmax(0,1fr))}}