@layer components{.sv-scene{display:grid;width:100%}.sv-scene>*{grid-area:1 / 1;min-width:0;min-height:0}.sv-win{display:none}.sv-win .dapp{flex:1;min-height:0;overflow:hidden}.sv-duo{display:flex;flex-direction:column;width:100%;align-self:center}.sv-msg{display:flex;align-items:center;gap:.625rem;width:fit-content;max-width:100%;margin:0 auto .875rem;padding:.375rem .875rem .375rem .375rem;border-radius:999px;background:var(--color-stage);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink);font-size:var(--text-small);line-height:1.35}.sv-msg b{font-weight:600}.sv-msg-av{width:1.625rem;height:1.625rem;font-size:var(--text-caption);background:var(--color-role-finance);color:#1a1f2e}.sv-fork{display:none;width:100%;height:1.5rem;margin-top:-.875rem}.sv-fork path{fill:none;stroke:var(--color-ink-2);stroke-width:1.5;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.sv-pair{display:grid;gap:.75rem}.sv-field{display:flex;flex-direction:column;gap:.625rem;min-width:0;padding:.625rem;border-radius:var(--radius-panel);background:var(--role);color:#1a1f2e}.sv-who{display:flex;align-items:center;gap:.625rem;padding:.125rem .25rem 0;line-height:1.2}.sv-av{flex:none;display:grid;place-items:center;width:2.125rem;height:2.125rem;border-radius:50%;background:#fff;font-weight:700}.sv-id{display:flex;flex-direction:column}.sv-name{font-size:var(--text-h3);font-weight:700;letter-spacing:-.01em}.sv-area{color:#3d4457;font-size:var(--text-small)}.sv-field .dapp{flex:1}.sv-field[data-role=salesnl]{--role-deep: #9B7AD6}.sv-field[data-role=salesde]{--role-deep: #3E9EA3}.sv-map{flex:none;width:4.5rem;height:4.5rem;align-self:center}.sv-map-c{fill:#e3e7ef;stroke:#fff;stroke-width:1.2;stroke-linejoin:round}.sv-map[data-region=NL] [data-c=NL],.sv-map[data-region=DE] [data-c=DE]{fill:var(--role-deep)}.dapp-compact .dapp-top{flex-direction:row;align-items:center}.sv-cap{margin-top:1.125rem;text-align:center;font-size:var(--text-lede);font-weight:600;line-height:1.3;letter-spacing:-.01em;text-wrap:balance}.sv-cap-2{color:var(--color-ink-2);font-weight:500}.dapp-compact .dapp-body{position:relative}.dapp-compact .dapp-addc,.dapp-compact .dapp-region,.dapp-compact .dapp-gap span{display:none}.dapp-compact .dapp-tr{grid-template-columns:minmax(0,1fr) auto auto}.dapp-compact .dapp-th{grid-template-columns:minmax(0,1fr) auto}.dapp-opening{display:none}@media(min-width:1024px){.sv-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-fork{display:block}.sv-map{width:5.25rem;height:5.25rem}.sv-field .dapp-fig b{font-size:var(--text-figure)}}@media(min-width:1024px)and (max-width:1199px){.sv-field{padding:.75rem .625rem .625rem}.sv-field .dapp-chrome{padding-inline:.5rem}}:where(.motion) .loop .sv-win{display:flex;transition:opacity .4s linear}:where(.motion) .loop.is-roles .sv-win{opacity:0}:where(.motion) .loop .sv-duo{opacity:0;transition:opacity .5s linear .2s}:where(.motion) .loop.is-roles .sv-duo{opacity:1}:where(.motion) .loop .sv-duo :is(.dapp-top,.dapp-th,.dapp-tr){opacity:0;transform:translateY(6px)}:where(.motion) .loop.is-dkpi .sv-duo :is(.dapp-top,.dapp-th){opacity:1;transform:none}:where(.motion) .loop.is-drows .sv-duo .dapp-tr{opacity:1;transform:none}:where(.motion) .loop .sv-field{background:color-mix(in srgb,var(--role) 40%,#fff);transition:background-color var(--duration-ui) linear}:where(.motion) .loop.is-fill .sv-field{background:var(--role)}:where(.motion) .loop .dapp-opening{display:block;position:absolute;top:1.125rem;left:1.25rem;color:var(--color-ink-2);font-size:var(--text-small);transition:opacity var(--duration-state) linear}:where(.motion) .loop.is-land .dapp-opening{opacity:0}@media(min-width:1024px){:where(.motion) .how-vis[data-vis=share].loop .dapp-cursor{transition:opacity .24s linear,transform .8s var(--ease-out)}}:where(.motion) .loop :is(.sv-msg,.sv-pair){opacity:0;transform:translateY(6px);transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}:where(.motion) .loop.is-roles .sv-msg,:where(.motion) .loop.is-pair .sv-pair{opacity:1;transform:none}:where(.motion) .loop :is(.sv-fork,.sv-cap){opacity:0;transition:opacity var(--duration-state) linear}:where(.motion) .loop.is-fork .sv-fork,:where(.motion) .loop.is-cap .sv-cap{opacity:1}:where(.motion) .loop .sv-map-c{transition:fill var(--duration-ui) linear}:where(.motion) .loop:not(.is-dkpi) .sv-map-c{fill:#e3e7ef}}