body{background:#fff;margin:0}.bn{--bn-bg:#fff;--bn-text:#1c2231;--bn-muted:#5d6d7e;--bn-line:#e4e8ed;--bn-surface:#f4f6f8;--bn-accent:#2381a9;--bn-accent-soft:#e1f0f7;--bn-accent-light:#5db7de;--bn-map-land:#e9edf1;--bn-map-border:#b9c3cd;--bn-font:system-ui, sans-serif;--black-lighter:var(--bn-map-land);--white-45:var(--bn-map-border);--accent:var(--bn-accent);--accent-light:var(--bn-accent-light);--white:#fff;--black:var(--bn-text);box-sizing:border-box;background:var(--bn-bg);max-width:900px;color:var(--bn-text);font-family:var(--bn-font);border:1px solid var(--bn-line);border-radius:10px;margin:0 auto;padding:16px}.bn *,.bn :before,.bn :after{box-sizing:inherit}.bn-tabbar{border-bottom:1px solid var(--bn-line);align-items:center;gap:8px;display:flex}.bn-demo{background:var(--bn-accent-soft);color:var(--bn-accent);letter-spacing:.03em;white-space:nowrap;border-radius:999px;flex:none;padding:3px 8px;font-size:.72rem;font-weight:700}.bn-tabs{scrollbar-width:none;flex:auto;gap:4px;min-width:0;display:flex;overflow-x:auto}.bn-tab{color:var(--bn-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:none;padding:8px 12px;font-size:.92rem;font-weight:500}.bn-tab:hover{color:var(--bn-text)}.bn-tab-active{color:var(--bn-text);border-bottom-color:var(--bn-accent);font-weight:700}.bn-subtitle{color:var(--bn-muted);margin:10px 0 12px;font-size:.88rem;line-height:1.35}.bn-body{flex-direction:column;gap:14px;display:flex}.bn-list{scrollbar-width:thin;flex-direction:column;gap:2px;height:300px;margin:0;padding:0 4px 0 0;list-style:none;display:flex;overflow-y:auto}.bn-copy{border:1px solid var(--bn-accent);background:var(--bn-bg);color:var(--bn-accent);font:inherit;white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;padding:3px 10px;font-size:.72rem;font-weight:700}.bn-copy:hover{background:var(--bn-accent-soft)}@media (width<=479px){.bn{padding:12px}.bn-tabbar{flex-wrap:wrap;gap:0}.bn-tabs{display:contents}.bn-demo{margin-left:auto}.bn-tab{padding:8px 6px;font-size:.82rem}.bn-demo,.bn-copy{padding:2px 6px;font-size:.65rem}.bn-copy{margin-left:4px}.bn-demo-long{display:none}}@media (width<=639px){.bn-subtitle{min-height:2.7em}}@media (width>=640px){.bn-body{flex-direction:row;align-items:stretch}.bn-list{contain:size;flex:0 0 44%;height:auto}.bn-map-col{flex:1;min-width:0}}.bn-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:8px;padding:7px 8px;display:flex}.bn-item:hover{background:var(--bn-surface)}.bn-item-active{background:var(--bn-surface);border-color:var(--bn-accent)}.bn-rank{text-align:right;color:var(--bn-muted);font-variant-numeric:tabular-nums;flex:0 0 22px;font-size:.8rem;line-height:1.4rem}.bn-main{flex-direction:column;flex:1;min-width:0;display:flex}.bn-name-row{justify-content:space-between;gap:8px;font-size:.95rem;font-weight:600;line-height:1.4rem;display:flex}.bn-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bn-count{font-variant-numeric:tabular-nums;flex:none}.bn-note{color:var(--bn-muted);font-size:.78rem;line-height:1.3}.bn-bar{background:var(--bn-line);border-radius:2px;height:4px;margin-top:5px;display:block;overflow:hidden}.bn-bar-fill{background:var(--bn-accent);height:100%;display:block}.bn-map-col{flex-direction:column;justify-content:center;gap:8px;display:flex}.bn-map-frame,.bn-map{width:100%}.bn-county{fill:var(--bn-accent-soft);stroke:var(--bn-accent);stroke-width:.006px;pointer-events:none}.bn-map-zoomed .croatia-map-land,.bn-map-zoomed .bn-county{stroke-width:.003px}.bn-map-zoomed .croatia-map-dot{stroke-width:.002px}.bn-group{margin-top:4px;display:block}.bn-group-street{font-size:.9rem;display:block}.bn-caption{text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--bn-muted);margin:0;font-size:.88rem;overflow:hidden}.bn-caption strong{color:var(--bn-text)}.bn-footer{border-top:1px solid var(--bn-line);color:var(--bn-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:10px;font-size:.75rem;display:flex}.bn-vx-logo{color:var(--bn-text);font-family:Nunito,sans-serif;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.bn-vx-o{letter-spacing:-.025em}.bn-vx-v{letter-spacing:-.11em}.bn-vx-dot{color:#2381a9}.bn-vx-xyz{font-weight:300}