@layer components{.member-map{--map-card:var(--background);--map-dot:color-mix(in srgb, var(--text) 16%, var(--background));--map-muted:var(--text-2);--map-chip:var(--background-2);--map-shadow:0 1px 2px color-mix(in srgb, var(--text) 14%, transparent), 0 6px 18px color-mix(in srgb, var(--text) 10%, transparent);color:var(--text);gap:1.25rem;display:grid}.member-map_head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;display:flex}.member-map_title{font:600 clamp(1.9rem, 4.4vw, 2.75rem) / 1 var(--heading-family);text-wrap:balance;margin:0 0 .15em}.member-map_title em{color:var(--role-primary);font-style:normal}.member-map_sub{color:var(--map-muted);margin:0;font-size:.9rem}.member-map_tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.member-map_goto{border-radius:var(--radius-small);background:var(--map-chip) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='%23888' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M3 4.5l3 3 3-3'/%3E%3C/svg%3E") no-repeat right .75rem center / .75rem;max-width:100%;min-height:2.6rem;color:var(--text);font:500 .9rem / 1 var(--primary-family);appearance:none;cursor:pointer;border:0;padding:0 2.2rem 0 .9rem}.member-map_goto:focus-visible{outline:2px solid var(--text);outline-offset:2px}.member-map_toggle{border-radius:var(--radius-small);background:var(--map-chip);gap:2px;padding:3px;display:inline-flex}.member-map_toggle button{border-radius:calc(var(--radius-small) - 2px);color:var(--map-muted);font:500 .9rem / 1 var(--primary-family);cursor:pointer;padding:.55rem .9rem}.member-map_toggle button[aria-pressed=true]{background:var(--background-3);color:var(--text);box-shadow:var(--map-shadow)}.member-map_body{grid-template-columns:minmax(0,1fr) 18.75rem;align-items:start;gap:1.4rem;display:grid}@media (max-width:860px){.member-map_body{grid-template-columns:minmax(0,1fr)}}.member-map_stage-box{justify-items:center;display:grid}.member-map_stage{width:min(100%, calc(74svh * var(--map-aspect)));aspect-ratio:var(--map-aspect);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.member-map_stage.is-dragging{cursor:grabbing}.member-map_world{transform-origin:0 0;will-change:transform;position:absolute;inset:0 auto auto 0}.member-map_world svg{width:100%;max-width:none;height:100%;overflow:visible}.member-map_dots,.member-map_gm{fill:var(--map-dot);transition:fill .25s,opacity .2s}.member-map_dots circle{transition:fill .45s ease-out var(--glow-delay,0s)}.member-map[data-mode=kringen] .member-map_gm.is-kring,.member-map[data-mode=leden] .member-map_gm.has-leden{fill:var(--k);opacity:.85}.member-map[data-mode=leden] .member-map_gm.has-leden:not(.is-kring){opacity:.6}.member-map_stage.is-focus .member-map_gm:not(.is-lit){opacity:.4}.member-map_stage.is-focus .member-map_gm.is-lit{opacity:1}.member-map_stage.is-area :is(.member-map_dots,.member-map_gm):not(.is-in){opacity:.35}.member-map_stage.is-area .member-map_dots.is-in{fill:color-mix(in srgb, var(--text) 30%, var(--background))}.member-map_stage.member-map_stage .member-map_dots.is-glow{fill:color-mix(in srgb, var(--role-primary) 75%, var(--map-dot));opacity:1}.map-regio{z-index:1;pointer-events:auto;cursor:pointer;width:1.5rem;height:1.5rem;transform:translate(var(--px), var(--py));background:0 0;border:0;place-items:center;margin:-.75rem 0 0 -.75rem;padding:0;display:grid;position:absolute;inset:0 auto auto 0}.map-regio:before{content:"";border:1.5px dashed var(--map-muted);background:var(--map-card);border-radius:50%;width:.65rem;height:.65rem;transition:transform .2s}.map-regio .map-pin_label{opacity:0;pointer-events:none;top:calc(100% - .1rem)}.map-regio:is(:hover,:focus-visible,.is-open){z-index:3}.map-regio:is(:hover,:focus-visible,.is-open):before{border-color:var(--text);transform:scale(1.3)}.map-regio:is(:hover,:focus-visible,.is-open) .map-pin_label{opacity:1}.map-regio:focus-visible{outline:none}.member-map_pins{pointer-events:none;position:absolute;inset:0}.member-map_controls{z-index:5;gap:.4rem;display:grid;position:absolute;top:.6rem;left:.6rem}.member-map_controls button{width:2.15rem;height:2.15rem;color:var(--text);background:var(--map-card);border:1px solid var(--border);border-radius:var(--radius-small);box-shadow:var(--map-shadow);cursor:pointer;place-items:center;display:grid}.member-map_controls button:disabled{opacity:.45;cursor:default}.member-map_controls svg{width:1rem;height:1rem}.member-map_hint{color:var(--map-muted);pointer-events:none;margin:0;font-size:.75rem;transition:color .2s;position:absolute;bottom:.6rem;left:.75rem;right:.75rem}.member-map_hint.is-flash{color:var(--text)}.member-map_hint .is-touch{display:none}@media (pointer:coarse){.member-map_hint .is-mouse{display:none}.member-map_hint .is-touch{display:inline}}.member-map_world circle{r:var(--dot-r)}.member-map_empty{text-align:center;color:var(--map-muted);position:absolute;inset:auto 1rem 40%}.member-map .map-av{width:var(--av,1.9rem);height:var(--av,1.9rem);min-width:var(--av,1.9rem);aspect-ratio:1;object-fit:cover;background:var(--map-chip);max-width:none;color:var(--map-muted);font:600 .75rem / 1 var(--primary-family);border-radius:50%;flex:none;place-items:center;display:grid}.map-pin{--c:var(--role-primary);z-index:2;font:inherit;color:var(--text);pointer-events:auto;cursor:pointer;transform:translate(var(--px), var(--py));background:0 0;border:0;padding:0;position:absolute;inset:0 auto auto 0}.map-pin:hover,.map-pin:focus-visible,.map-pin.is-open{z-index:4}.map-pin:focus-visible{outline:none}.map-pin:focus-visible .map-pin_stack{outline:2px solid var(--text);outline-offset:3px}.map-pin_anchor{justify-items:center;display:grid;position:relative;translate:-50% -50%}.map-pin_stack{border-radius:var(--radius-round);background:var(--map-card);box-shadow:0 0 0 2.5px var(--c), var(--map-shadow);padding:3px;transition:opacity .15s;display:flex}.map-pin_stack .map-av+.map-av{box-shadow:0 0 0 2px var(--map-card);margin-left:-.7rem}.map-pin_count{background:var(--c);color:#fff;min-width:1.25rem;height:1.25rem;font:600 .7rem / 1.25rem var(--primary-family);font-variant-numeric:tabular-nums;text-align:center;box-shadow:0 0 0 2px var(--map-card);border-radius:.625rem;padding:0 .3rem;transition:opacity .15s;position:absolute;top:-.45rem;right:-.55rem}.map-pin.is-light .map-pin_count{color:var(--ink-fixed)}.map-pin_label{background:color-mix(in srgb, var(--map-card) 85%, transparent);font:400 .625rem / 1 var(--font-eyebrow);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:.25rem;padding:.2rem .3rem;transition:opacity .15s;position:absolute;top:calc(100% + .25rem)}.map-pin.is-leeg .map-pin_stack{box-shadow:none;background:0 0}.map-pin_ghost{border:2px dashed var(--c);background:color-mix(in srgb, var(--c) 12%, var(--map-card));border-radius:50%;width:1.6rem;height:1.6rem}.map-pin.is-los{--av:1.5rem}.map-pin.is-los .map-pin_stack{box-shadow:0 0 0 1.5px var(--border), var(--map-shadow);opacity:.8}.map-pin.is-los .map-pin_stack .map-av{filter:grayscale(.5)}.map-pin.is-los .map-pin_count{background:color-mix(in srgb, var(--text) 55%, var(--background));color:var(--background)}.map-pin_fan{left:calc(50% + var(--fx,0px));top:calc(50% + var(--fy,0px) - 7px);pointer-events:none;width:0;height:0;position:absolute}.map-pin_halo{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);background:color-mix(in srgb, var(--c) 16%, color-mix(in srgb, var(--map-card) 80%, transparent));box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 35%, transparent);opacity:0;border-radius:50%;transition:transform .35s cubic-bezier(.4,0,.6,1) .22s,opacity .25s .3s;position:absolute;top:0;left:0;transform:scale(.3)}.map-pin_fi{--av:2rem;opacity:0;justify-items:center;gap:.15rem;transition:transform .3s cubic-bezier(.4,0,.6,1),opacity .2s 80ms;display:grid;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.4)}.map-pin_fi .map-av{box-shadow:0 0 0 2px var(--map-card), 0 0 0 3.5px var(--c)}.map-pin_fi b{font:600 .7rem / 1.1 var(--primary-family);white-space:nowrap;text-shadow:0 0 3px var(--map-card), 0 0 3px var(--map-card), 0 0 2px var(--map-card)}.map-pin.has-fan:is(:hover,:focus-visible,.is-open) .map-pin_halo{opacity:1;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .3s;transform:scale(1)}.map-pin.has-fan:is(:hover,:focus-visible,.is-open) .map-pin_fi{opacity:1;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) scale(1);transition:transform .55s cubic-bezier(.2, .9, .25, 1.15) calc(var(--i) * 35ms), opacity .3s calc(var(--i) * 35ms)}.map-pin.has-fan:is(:hover,:focus-visible,.is-open) :is(.map-pin_stack,.map-pin_count,.map-pin_label){opacity:0}.map-pin_tip{background:var(--text);color:var(--background);white-space:nowrap;opacity:0;pointer-events:none;border-radius:.375rem;padding:.3rem .5rem;font-size:.75rem;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + .5rem);transform:translateY(3px)}.map-pin_tip small{opacity:.7;font-size:.7rem;display:block}.map-pin.is-solo:is(:hover,:focus-visible) .map-pin_tip{opacity:1;transform:none}.member-map_panel{gap:.85rem;min-width:0;display:grid}.member-map_panel .map-eyebrow{font:400 .7rem / 1 var(--font-eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--map-muted)}.member-map_panel h3{font:600 1.6rem / 1.05 var(--heading-family);margin:0}.map-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.map-row{border-radius:var(--radius-small);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;grid-template-columns:.75rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding:.55rem .6rem;display:grid}.map-row:hover{background:var(--map-chip)}.map-row_sw{background:var(--c);border-radius:.2rem;width:.75rem;height:.75rem}.map-row_sw.is-dashed{border:2px dashed var(--c);background:0 0}.map-row_name{flex-wrap:wrap;align-items:center;gap:.2rem .35rem;font-weight:600;display:flex}.map-row_meta{color:var(--map-muted);font-size:.8rem}.map-mini{--av:1.4rem;display:flex}.map-mini .map-av{box-shadow:0 0 0 2px var(--map-card)}.map-mini .map-av+.map-av{margin-left:-.45rem}.map-chip{background:var(--map-chip);color:var(--map-muted);font:400 .6rem / 1 var(--font-eyebrow);letter-spacing:.04em;text-transform:uppercase;border-radius:.25rem;padding:.25rem .4rem;display:inline-block}.map-chip.is-on{background:var(--brand-500);color:var(--brand-text)}.map-back{color:var(--map-muted);font:500 .85rem var(--primary-family);cursor:pointer;justify-self:start;padding:0}.map-back:hover{color:var(--text)}.map-status{border-radius:var(--radius-small);background:var(--map-chip);margin:0;padding:.65rem .75rem;font-size:.85rem}.map-status a{font-weight:600}.map-person{--av:2.25rem;border-radius:var(--radius-small);color:inherit;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.4rem .5rem;text-decoration:none;display:grid}a.map-person:hover{background:var(--map-chip)}.map-person b{font-weight:600;display:block}.map-person small{color:var(--map-muted);font-size:.8rem}.map-divider{background:var(--border);height:1px}.member-map :is(.map-row,.map-back,.member-map_controls button,.member-map_toggle button):focus-visible{outline:2px solid var(--text);outline-offset:2px}@media (prefers-reduced-motion:reduce){.member-map *,.map-pin *{transition:none!important}}}
