/* as26-dfr-problem (redesigned 2026-10-27, "dfr4"): a night section with one airspace scope split by a scan line.
   Left of the line: without airspace awareness (fogged, colourless). Right of the line: with AirSight Metro for DFR.
   The line position is --x (0 to 100) on .d-ba; module.js animates and drags it, the default 50 is the no-JS state.
   Colours (brief): your fleet green, manned aircraft amber, Remote ID drones cyan, unknown drone red. */
.d-prob { --ba-green: #3FD68C; --ba-amber: #F5B454; --ba-cyan: #22D3EE; --ba-red: #FF4D57;
  position: relative; isolation: isolate; overflow: clip; padding-block: var(--d-pad, clamp(88px, 9vw, 128px));
  background: radial-gradient(1100px 520px at 72% 0%, rgba(32, 50, 110, .55), transparent 70%), radial-gradient(800px 420px at 0% 100%, rgba(0, 105, 183, .12), transparent 70%), var(--as26-n900); }
.d-prob__glow { position: absolute; left: 50%; top: 58%; z-index: -1; width: min(1200px, 96vw); height: 420px; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: none;
  background: radial-gradient(50% 50% at 62% 50%, rgba(34, 211, 238, .10), transparent 70%); filter: blur(40px); }
.d-prob .as26-container { position: relative; }

/* optional header and cards (empty on the page today; kept working on night) */
.d-prob__head { margin-bottom: clamp(28px, 3.4vw, 44px); }
.d-prob__head .m-sh__eb { color: var(--as26-link-night); }
.d-prob__head h2 { color: var(--as26-ice); }
.d-prob .m-sh h2.d-prob__eb { margin: 0; color: var(--as26-link-night); font-family: var(--as26-mono); font-size: 13px; font-weight: 600; letter-spacing: .14em; line-height: 1.5; text-transform: uppercase; }
.d-prob .m-sh h2.d-prob__eb::before { flex: none; }
.d-prob__cards { list-style: none; margin: 0 0 clamp(48px, 6vw, 80px); padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 1.6vw, 24px); }
.d-prob__card { position: relative; padding: clamp(24px, 2.2vw, 30px); border-radius: 18px; background: linear-gradient(180deg, rgba(238, 243, 250, .06), rgba(238, 243, 250, .02)); border: 1px solid var(--as26-line-n); }
.d-prob__card::before { content: ""; position: absolute; left: clamp(24px, 2.2vw, 30px); top: -1px; width: 32px; height: 2px; background: var(--as26-sig); }
.d-prob__card h3 { margin: 0 0 10px; color: var(--as26-ice); font-size: clamp(1.1rem, 1.35vw, 1.3rem); font-weight: 700; letter-spacing: -.015em; line-height: 1.3; }
.d-prob__card p { margin: 0; color: var(--as26-ice-2); font-size: 16px; line-height: 1.6; }

/* ---------- heading: the two panel titles, mirrored around the scan line ---------- */
.d-ba { --x: 50; margin: 0; }
.d-ba__h { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(40px, 6vw, 96px); align-items: end; margin: 0 0 clamp(24px, 3vw, 40px);
  font-size: clamp(1.4rem, 2.5vw, 2.25rem); font-weight: 700; letter-spacing: -.025em; line-height: 1.12; text-wrap: balance; }
.d-ba__h > span:not(.as26-sr-only) { display: block; min-width: 0; }
.d-ba__hw { text-align: right; color: #7E8AA0; }
.d-ba__ha { color: #fff; }
.d-ba__hq { display: inline-grid; vertical-align: .02em; margin-right: .42em; place-items: center; width: .95em; height: .95em; border-radius: 50%; border: 2px dashed #5D6A82; color: #7E8AA0; font-style: normal; font-size: .62em; font-weight: 800; }
.d-ba__live { display: inline-block; vertical-align: .18em; margin-right: .55em; position: relative; width: 12px; height: 12px; border-radius: 50%; background: var(--ba-green); box-shadow: 0 0 14px var(--ba-green); }
.d-ba__live::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid var(--ba-green); opacity: 0; animation: d-ba-live 2.4s var(--as26-ease-out) infinite; }
.d-anim .d-ba__ha.d-rv { transition-delay: 160ms; }

/* ---------- the scope ---------- */
.d-ba__stage { position: relative; isolation: isolate; overflow: hidden; aspect-ratio: 1200 / 560; border-radius: 26px; border: 1px solid rgba(90, 169, 255, .22); background: #0B111C;
  box-shadow: 0 60px 120px -60px rgba(0, 0, 0, .95), 0 0 0 1px rgba(5, 11, 22, .6), inset 0 1px 0 rgba(238, 243, 250, .06); user-select: none; -webkit-user-select: none; cursor: ew-resize; }
.d-ba__stage::after { content: ""; position: absolute; inset: 0; z-index: 6; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 80px rgba(3, 7, 14, .75); }
.d-anim .d-ba__stage.d-rv.d-rise { transition-delay: 240ms; }
.d-ba__layer { position: absolute; inset: 0; z-index: 0; isolation: isolate; overflow: hidden; }
.d-ba__layer--after { z-index: 1; }
.d-ba__layer--before { --ba-grid: rgba(150, 160, 180, .07); --ba-road: rgba(150, 160, 180, .12); --ba-river: rgba(120, 132, 156, .10); --ba-block: rgba(150, 160, 180, .05);
  background: linear-gradient(180deg, #131A26, #0C111B); }
.d-ba__layer--after { --ba-grid: rgba(90, 169, 255, .10); --ba-road: rgba(90, 169, 255, .22); --ba-river: rgba(0, 105, 183, .30); --ba-block: rgba(90, 169, 255, .08);
  background: radial-gradient(90% 120% at 50% 46%, #1E3478 0%, #15275F 40%, #0B1638 100%);
  clip-path: inset(0 0 0 calc(var(--x) * 1%)); -webkit-clip-path: inset(0 0 0 calc(var(--x) * 1%)); }
.d-ba__map { position: absolute; inset: 0; width: 100%; height: 100%; }
.d-ba__grid path { stroke: var(--ba-grid); stroke-width: 1; fill: none; }
.d-ba__road { stroke: var(--ba-road); stroke-width: 3; fill: none; stroke-linecap: round; }
.d-ba__road--b { stroke-width: 2; }
.d-ba__river { stroke: var(--ba-river); stroke-width: 16; fill: none; stroke-linecap: round; }
.d-ba__blocks rect { fill: var(--ba-block); }

/* without: fog banks drifting over a dead screen, faint static */
.d-ba__fog { position: absolute; inset: -20%; pointer-events: none; }
.d-ba__fog i { position: absolute; width: 60%; height: 70%; border-radius: 50%; background: radial-gradient(closest-side, rgba(168, 178, 198, .13), transparent); }
.d-ba__fog i:first-child { left: 8%; top: 10%; animation: d-ba-fog1 18s ease-in-out infinite alternate; }
.d-ba__fog i:last-child { right: 4%; bottom: 6%; animation: d-ba-fog2 22s ease-in-out infinite alternate; }
.d-ba__layer--before::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .018) 0 1px, transparent 1px 3px); }

/* with: three Remote ID sensor footprints around the drone */
.d-ba__cov { position: absolute; inset: 0; pointer-events: none; }
.d-ba__cov i { position: absolute; width: 27%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%);
  background: radial-gradient(closest-side, rgba(34, 211, 238, .10), rgba(34, 211, 238, .03) 80%, transparent); border: 1px dashed rgba(34, 211, 238, .32); }
.d-ba__cov i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; margin: -3.5px; border-radius: 50%; background: var(--ba-cyan); box-shadow: 0 0 10px var(--ba-cyan); }
.d-ba__cov i:nth-child(1) { left: 41%; top: 40%; } .d-ba__cov i:nth-child(2) { left: 59%; top: 38%; } .d-ba__cov i:nth-child(3) { left: 50%; top: 66%; }

/* contacts */
.d-ba__list { list-style: none; margin: 0; padding: 0; }
.d-ba__mk { position: absolute; z-index: 2; display: flex; align-items: center; gap: 14px; max-width: 36%; animation: d-ba-drift 9s ease-in-out infinite alternate; animation-delay: calc(var(--k, 0) * -2.3s); }
.p-tl { left: 8%; top: 14%; --dx: 16px; --dy: 4px; --ta: 192deg; }
.p-tr { right: 8%; top: 12%; --dx: -14px; --dy: 6px; --ta: -12deg; }
.p-bl { left: 11%; bottom: 14%; --dx: 12px; --dy: -8px; --ta: 150deg; }
.p-br { right: 10%; bottom: 12%; --dx: -12px; --dy: -6px; --ta: 28deg; }
.p-tr, .p-br { flex-direction: row-reverse; text-align: right; }
.d-ba__ic { position: relative; flex: none; width: 44px; height: 44px; }
.d-ba__lb { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.d-ba__lb b { font-size: clamp(15px, 1.3vw, 18px); font-weight: 700; letter-spacing: -.01em; line-height: 1.25; white-space: nowrap; }
.d-ba__lb span { font-size: 15px; line-height: 1.35; white-space: nowrap; }
.d-ba__layer--before .d-ba__lb b { color: #8D98AC; }
.d-ba__layer--before .d-ba__lb span { color: #5F6B80; }
.d-ba__layer--after .d-ba__lb b { color: #fff; text-shadow: 0 1px 12px rgba(5, 11, 22, .8); }
.d-ba__layer--after .d-ba__lb span { color: var(--as26-ice-2); font-variant-numeric: tabular-nums; }
.d-ba__q { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; border: 2px dashed #56627A; font-style: normal; font-size: 18px; font-weight: 800; color: #6F7B91; background: rgba(12, 17, 27, .6);
  animation: d-ba-q 4s ease-in-out infinite; animation-delay: calc(var(--k, 0) * -1s); }
.d-ba__mk.is-air { --c: var(--ba-amber); } .d-ba__mk.is-rid { --c: var(--ba-cyan); } .d-ba__mk.is-unk { --c: var(--ba-red); } .d-ba__mk.is-dfr { --c: var(--ba-green); }
.d-ba__dot { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; border-radius: 50%; color: #0B1526; background: var(--c);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--c) 18%, transparent), 0 0 28px color-mix(in srgb, var(--c) 70%, transparent); }
.d-ba__dot svg { width: 22px; height: 22px; }
.d-ba__trail { position: absolute; left: 50%; top: 50%; width: clamp(80px, 11vw, 150px); height: 2px; margin-top: -1px; transform-origin: 0 50%; transform: rotate(var(--ta)); pointer-events: none;
  background: linear-gradient(90deg, color-mix(in srgb, var(--c) 85%, transparent), transparent);
  -webkit-mask-image: repeating-linear-gradient(90deg, #000 0 7px, transparent 7px 12px); mask-image: repeating-linear-gradient(90deg, #000 0 7px, transparent 7px 12px); }
.d-ba__ping { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--c); opacity: 0; pointer-events: none; }
.d-ba__mk.is-hit .d-ba__ping { animation: d-ba-ping 1100ms var(--as26-ease-out) both; }
.d-ba__mk.is-hit .d-ba__dot { animation: d-ba-pop 520ms cubic-bezier(.34, 1.56, .64, 1) both; }
/* unknown drone: the located pilot, tethered to the drone */
.d-ba__pilot { position: absolute; z-index: 1; left: 50%; top: calc(100% + 22px); width: 13px; height: 13px; margin-left: -6.5px; border-radius: 3px; transform: rotate(45deg); border: 2px solid var(--c); background: #0E1A40; box-shadow: 0 0 12px color-mix(in srgb, var(--c) 60%, transparent); }
.d-ba__pilot::before { content: ""; position: absolute; left: 50%; bottom: calc(100% + 3px); width: 2px; height: 20px; margin-left: -1px; transform: rotate(-45deg); transform-origin: 50% 100%;
  background: repeating-linear-gradient(180deg, var(--c) 0 3px, transparent 3px 6px); }

/* centre: your DFR drone */
.d-ba__ctr { position: absolute; z-index: 3; left: 50%; top: 46%; display: grid; justify-items: center; transform: translate(-50%, -32px); }
.d-ba__me { position: relative; z-index: 1; display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; }
.d-ba__me svg { width: 28px; height: 28px; }
.d-ba__ring { position: absolute; left: 50%; top: 32px; width: 220px; height: 220px; margin: -110px 0 0 -110px; border-radius: 50%; border: 1.5px dashed; pointer-events: none; }
.d-ba__ring--2 { width: 128px; height: 128px; margin: -64px 0 0 -64px; }
.d-ba__ctr b { position: relative; z-index: 1; margin-top: 14px; padding: 3px 10px; border-radius: 8px; font-size: clamp(15px, 1.3vw, 18px); font-weight: 700; letter-spacing: -.01em; white-space: nowrap; }
.d-ba__layer--before .d-ba__me { color: #8D98AC; background: #222B3A; border: 2px solid #3A4558; }
.d-ba__layer--before .d-ba__ring { border-color: rgba(120, 132, 156, .28); }
.d-ba__layer--before .d-ba__ctr b { color: #8D98AC; background: rgba(12, 17, 27, .7); }
.d-ba__layer--after .d-ba__me { color: #06301C; background: var(--ba-green); border: 3px solid #fff; box-shadow: 0 0 0 8px rgba(63, 214, 140, .16), 0 0 44px rgba(63, 214, 140, .7); }
.d-ba__layer--after .d-ba__me::after { content: ""; position: absolute; inset: -3px; border-radius: 50%; border: 2px solid var(--ba-green); animation: d-ba-ping 2.6s var(--as26-ease-out) infinite; }
.d-ba__layer--after .d-ba__ring { border-color: rgba(34, 211, 238, .45); }
.d-ba__layer--after .d-ba__ring:not(.d-ba__ring--2) { animation: d-ba-spin 60s linear infinite; }
.d-ba__layer--after .d-ba__ctr b { color: #fff; background: rgba(11, 22, 56, .82); }
.d-ba__sweep { position: absolute; left: 50%; top: 32px; width: 300px; height: 300px; margin: -150px 0 0 -150px; border-radius: 50%; pointer-events: none;
  background: conic-gradient(from 0deg, transparent 0deg 290deg, rgba(34, 211, 238, .03) 300deg, rgba(34, 211, 238, .22) 360deg); animation: d-ba-spin 5s linear infinite; }

/* the scan line and its handle */
.d-ba__div { position: absolute; z-index: 5; top: 0; bottom: 0; left: calc(var(--x) * 1%); width: 0; pointer-events: none; }
.d-ba__beam { position: absolute; top: 0; bottom: 0; left: -1px; width: 2px; background: linear-gradient(180deg, rgba(125, 227, 244, 0), #7DE3F4 12%, #22D3EE 50%, #7DE3F4 88%, rgba(125, 227, 244, 0)); box-shadow: 0 0 16px rgba(34, 211, 238, .8); }
.d-ba__beam::after { content: ""; position: absolute; top: 0; bottom: 0; left: 2px; width: 120px; background: linear-gradient(90deg, rgba(34, 211, 238, .16), transparent); }
.d-ba__hdl { position: absolute; left: 0; top: 84%; display: grid; place-items: center; width: 52px; height: 52px; transform: translate(-50%, -50%); border-radius: 50%; pointer-events: auto; cursor: ew-resize; touch-action: none;
  color: var(--as26-ice); background: rgba(8, 15, 30, .92); border: 1.5px solid #5FE0F2; box-shadow: 0 0 0 6px rgba(34, 211, 238, .12), 0 0 30px rgba(34, 211, 238, .45), 0 12px 30px -10px rgba(0, 0, 0, .8);
  transition: transform 300ms var(--as26-ease-out), box-shadow 300ms; }
.d-ba__hdl svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.d-ba__stage:hover .d-ba__hdl, .d-ba.is-drag .d-ba__hdl { transform: translate(-50%, -50%) scale(1.08); box-shadow: 0 0 0 8px rgba(34, 211, 238, .16), 0 0 40px rgba(34, 211, 238, .6), 0 12px 30px -10px rgba(0, 0, 0, .8); }
.d-ba.is-hint .d-ba__hdl { animation: d-ba-hint 2.4s var(--as26-ease-out) 2; }
.d-ba__range { position: absolute; left: 0; bottom: 0; width: 1px; height: 1px; margin: 0; padding: 0; opacity: 0; pointer-events: none; }
.d-ba__range:focus-visible + .d-ba__div .d-ba__hdl { outline: 3px solid #fff; outline-offset: 4px; }
/* without JS the line cannot move: no handle, no drag cursor */
.d-ba:not(.is-js) .d-ba__hdl { display: none; }
.d-ba:not(.is-js) .d-ba__stage { cursor: default; }
.d-ba__note { margin-top: 16px; font-family: var(--as26-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--as26-ice-3); text-align: center; }

@keyframes d-ba-q { 0%, 100% { transform: rotate(0deg); opacity: .9; } 50% { transform: rotate(16deg); opacity: .55; } }
@keyframes d-ba-spin { to { transform: rotate(360deg); } }
@keyframes d-ba-ping { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(2.4); opacity: 0; } }
@keyframes d-ba-pop { 0% { transform: scale(.55); } 100% { transform: none; } }
@keyframes d-ba-live { 0% { transform: scale(.6); opacity: .8; } 100% { transform: scale(1.6); opacity: 0; } }
@keyframes d-ba-drift { to { transform: translate(var(--dx, 0), var(--dy, 0)); } }
@keyframes d-ba-fog1 { to { transform: translate(18%, 8%) scale(1.15); } }
@keyframes d-ba-fog2 { to { transform: translate(-16%, -10%) scale(1.1); } }
@keyframes d-ba-hint { 0%, 100% { transform: translate(-50%, -50%); } 30% { transform: translate(calc(-50% - 10px), -50%); } 60% { transform: translate(calc(-50% + 10px), -50%); } }

@media (max-width: 1023px) {
  .d-prob__cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .d-ba__stage { aspect-ratio: 1200 / 700; }
  .d-ba__mk { max-width: 40%; }
}
@media (max-width: 639px) {
  .d-prob__cards { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .d-ba__h { column-gap: 28px; font-size: 17px; letter-spacing: -.015em; line-height: 1.2; margin-bottom: 18px; }
  .d-ba__hq { display: none; }
  .d-ba__live { width: 9px; height: 9px; vertical-align: .1em; }
  .d-ba__stage { aspect-ratio: auto; height: clamp(440px, 128vw, 520px); border-radius: 20px; }
  .d-ba__mk { flex-direction: column; align-items: flex-start; gap: 8px; max-width: 46%; }
  .p-tl { left: 5%; top: 6%; } .p-tr { right: 5%; top: 6%; } .p-bl { left: 5%; bottom: 7%; } .p-br { right: 5%; bottom: 7%; }
  .p-tr, .p-br { flex-direction: column; align-items: flex-end; }
  .p-bl, .p-br { flex-direction: column-reverse; }
  .d-ba__ic { width: 36px; height: 36px; }
  .d-ba__q { font-size: 15px; }
  .d-ba__dot svg { width: 18px; height: 18px; }
  .d-ba__trail { width: 64px; }
  .d-ba__pilot { left: auto; right: -20px; top: 50%; margin: -6.5px 0 0; }
  .p-tr .d-ba__pilot, .p-br .d-ba__pilot { right: auto; left: -20px; }
  .d-ba__pilot::before { display: none; }
  .d-ba__lb b { font-size: 15px; white-space: normal; }
  .d-ba__lb span { font-size: 13px; white-space: normal; }
  .d-ba__ctr { top: 47%; }
  .d-ba__me { width: 52px; height: 52px; } .d-ba__me svg { width: 24px; height: 24px; }
  .d-ba__ring { top: 26px; width: 168px; height: 168px; margin: -84px 0 0 -84px; }
  .d-ba__ring--2 { width: 100px; height: 100px; margin: -50px 0 0 -50px; }
  .d-ba__sweep { top: 26px; width: 220px; height: 220px; margin: -110px 0 0 -110px; }
  .d-ba__ctr { transform: translate(-50%, -26px); }
  .d-ba__ctr b { margin-top: 10px; font-size: 15px; }
  .d-ba__cov i { width: 46%; }
  .d-ba__cov i:nth-child(1) { left: 36%; top: 42%; } .d-ba__cov i:nth-child(2) { left: 64%; top: 40%; } .d-ba__cov i:nth-child(3) { left: 50%; top: 62%; }
  .d-ba__hdl { top: 69%; width: 44px; height: 44px; }
  .d-ba__beam::after { width: 64px; }
}
@media (prefers-reduced-motion: reduce) {
  .d-ba *, .d-ba *::before, .d-ba *::after { animation: none !important; }
  .d-ba__hdl { transition: none; }
}

/* ===== 2026-10-29 (mx, Tarek): the scope was as wide as the page and taller than the screen. It is now capped at
   1000 px wide, centred, and never taller than the viewport minus the sticky header, the two panel titles and some
   breathing room (200 px), so titles and the whole map fit on one screen. The grey "without" sub-labels are a touch
   lighter and the "with" sub-labels brighter, so both pass 4.5:1 over the map. The stage keeps its 1200 x 560 aspect, so the
   contacts, rings and the handle keep their places; only the width shrinks. Phones: a fixed band no taller than 64svh. ===== */
.d-ba { --ba-room: 200px; --ba-ar: calc(1200 / 560); }
.d-ba__stage { width: 100%; margin-inline: auto;
  max-width: max(560px, min(1000px, calc((100vh - var(--as26-header-h, 72px) - var(--ba-room)) * var(--ba-ar)))); }
@supports (height: 100svh) {
  .d-ba__stage { max-width: max(560px, min(1000px, calc((100svh - var(--as26-header-h, 72px) - var(--ba-room)) * var(--ba-ar)))); }
}
.d-ba__h { max-width: 1000px; margin-inline: auto; margin-bottom: clamp(16px, 2vw, 26px); font-size: clamp(1.25rem, 2vw, 1.85rem); column-gap: clamp(40px, 5vw, 72px); }
.d-ba__lb b { font-size: clamp(15px, 1.15vw, 17px); }
.d-ba__ctr b { font-size: clamp(15px, 1.15vw, 17px); }
.d-ba__trail { width: clamp(70px, 8vw, 120px); }
.d-ba__ring:not(.d-ba__ring--2) { width: 200px; height: 200px; margin: -100px 0 0 -100px; }
.d-ba__sweep { width: 270px; height: 270px; margin: -135px 0 0 -135px; }
.d-ba__layer--before .d-ba__lb span { color: #8A95A9; }
.d-ba__layer--after .d-ba__lb span { color: #D2DDEC; text-shadow: 0 1px 10px rgba(5, 11, 22, .8); }
.d-ba__q { color: #9AA5B8; border-color: #6A768C; }
.d-ba__hq { color: #9AA5B8; border-color: #6A768C; }
@media (max-width: 1023px) {
  .d-ba { --ba-ar: calc(1200 / 700); }
}
@media (max-width: 639px) {
  .d-ba__stage { max-width: none; height: clamp(360px, min(122vw, 64svh), 500px); }
  .d-ba__h { font-size: 17px; column-gap: 28px; }
  .d-ba__trail { width: 64px; }
  .d-ba__ring:not(.d-ba__ring--2) { width: 160px; height: 160px; margin: -80px 0 0 -80px; }
  .d-ba__ring--2 { width: 96px; height: 96px; margin: -48px 0 0 -48px; }
  .d-ba__sweep { width: 210px; height: 210px; margin: -105px 0 0 -105px; }
}