:root {
  --bg: #f4f1ea;
  --ink: #171717;
  --muted: #6c675f;
  --line: rgba(25,25,25,.32);
  --card: rgba(255,255,255,.88);
  --card-strong: rgba(255,255,255,.96);
  --shadow: 0 18px 50px rgba(20,18,14,.16);
  --green: #bfe7c8;
  --green-line: #2d8b57;
  --yellow: #f4df93;
  --yellow-line: #ad7b00;
  --orange: #f6bc82;
  --orange-line: #b75a10;
  --blue: #bcd8f2;
  --blue-line: #236aa6;
  --red: #efb1a8;
  --red-line: #b3362c;
  --history: #d9d5cd;
  --focus: #111;
  --focus-frame-inset: 32px;
  --header-h: 76px;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; }
body {
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.95), transparent 34%),
    linear-gradient(135deg, #efe9dc 0%, #f8f4ec 46%, #e9e2d5 100%);
  overflow: hidden;
}

button, select { font: inherit; }
button { cursor: pointer; }

.controlbar {
  position: fixed;
  z-index: 80;
  inset: 14px 18px auto 18px;
  height: var(--header-h);
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto auto auto auto;
  gap: 18px;
  align-items: center;
  padding: 10px 14px;
  border: 1px solid rgba(20,20,20,.18);
  border-radius: 18px;
  background: rgba(255,255,255,.76);
  backdrop-filter: blur(18px);
  box-shadow: 0 18px 45px rgba(20,18,14,.14);
}

.brand { display: flex; gap: 12px; align-items: center; min-width: 0; }
.brand-mark {
  width: 104px; height: 56px;
  display: grid; place-items: center;
  border: 2px solid #111;
  border-radius: 12px;
  font-weight: 850;
  letter-spacing: -.04em;
  background: #fff;
  appearance: none;
  padding: 0;
}
.brand h1 { margin: 0; font-size: 20px; line-height: 1.05; letter-spacing: -.03em; }
.brand p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }

.legend { display: flex; flex-wrap: wrap; gap: 10px 13px; justify-content: center; font-size: 12px; color: #39352e; }
.legend span { display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; }
.dot { width: 10px; height: 10px; border-radius: 99px; border: 1px solid rgba(0,0,0,.28); display: inline-block; }
.dot-green { background: #31a861; }
.dot-blue { background: #347ec2; }
.dot-orange { background: #e68624; }
.dot-red { background: #d94535; }

.toolbar { display: flex; align-items: center; gap: 8px; justify-content: flex-end; }
.select-wrap { display: flex; gap: 7px; align-items: center; color: var(--muted); font-size: 12px; }
.select-wrap select {
  border: 1px solid rgba(0,0,0,.22);
  background: rgba(255,255,255,.9);
  border-radius: 999px;
  padding: 8px 10px;
}
.btn {
  border: 1px solid rgba(0,0,0,.22);
  background: rgba(255,255,255,.86);
  color: #151515;
  border-radius: 999px;
  padding: 8px 12px;
  transition: transform .16s ease, background .16s ease, border-color .16s ease;
}
.btn:hover { transform: translateY(-1px); background: #fff; border-color: rgba(0,0,0,.38); }
.btn.primary { background: #171717; color: #fff; border-color: #171717; }
.btn.ghost { color: #444; background: rgba(255,255,255,.42); }

.atlas-shell {
  width: 100vw;
  height: 100vh;
  padding: 108px 24px 22px;
}
.atlas-stage {
  position: relative;
  width: 100%; height: 100%;
  display: grid;
  grid-template-columns: 1.03fr 1.08fr 1.28fr 1.08fr 1.22fr 1.10fr 1fr;
  grid-template-rows: repeat(7, minmax(58px, 1fr));
  column-gap: 20px;
  row-gap: 10px;
  border: 1px solid rgba(20,20,20,.18);
  border-radius: 26px;
  padding: 46px 22px 22px;
  background:
    linear-gradient(rgba(255,255,255,.76), rgba(255,255,255,.66)),
    repeating-linear-gradient(0deg, transparent 0, transparent 68px, rgba(0,0,0,.025) 69px),
    repeating-linear-gradient(90deg, transparent 0, transparent 84px, rgba(0,0,0,.018) 85px);
  box-shadow: var(--shadow);
  overflow: hidden;
}

.edge-layer {
  position: absolute;
  inset: 0;
  z-index: 30;
  width: 100%; height: 100%;
  pointer-events: none;
  overflow: visible;
}
.edge-path {
  fill: none;
  stroke: rgba(20,20,20,.58);
  stroke-width: 2;
  marker-end: url(#edgeArrow);
  transition: opacity .2s ease, stroke-width .2s ease, stroke .2s ease;
}
.edge-path.active { stroke: rgba(20,20,20,.72); }
.edge-path.prepared { stroke: rgba(115,90,50,.52);  }
.edge-path.release { stroke: var(--red-line); stroke-width: 2.4; }
.edge-path.history { stroke: rgba(80,72,63,.58);  }
.edge-path.is-highlighted { stroke-width: 4; opacity: 1; }
.edge-path.is-dimmed { opacity: .15; }
#edgeArrow path { fill: currentColor; }

.zone {
  grid-column: var(--c1) / var(--c2);
  grid-row: var(--r1) / var(--r2);
  z-index: 5;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.13);
  padding: 12px 14px;
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  opacity: .74;
  pointer-events: none;
}
.zone strong { font-size: 12px; letter-spacing: .12em; }
.zone span { font-size: 12px; color: rgba(0,0,0,.58); text-align: right; }
.zone-green { background: linear-gradient(135deg, rgba(191,231,200,.86), rgba(191,231,200,.32)); }
.zone-yellow { background: linear-gradient(135deg, rgba(244,223,147,.82), rgba(244,223,147,.28)); }
.zone-orange { background: linear-gradient(135deg, rgba(246,188,130,.8), rgba(246,188,130,.26)); }
.zone-blue { background: linear-gradient(135deg, rgba(188,216,242,.8), rgba(188,216,242,.28)); }
.zone-red { background: linear-gradient(135deg, rgba(239,177,168,.82), rgba(239,177,168,.3)); }
.zone-history { background: linear-gradient(135deg, rgba(217,213,205,.86), rgba(217,213,205,.32)); }

.lane-label {
  position: relative;
  z-index: 45;
  align-self: start;
  justify-self: center;
  transform: translateY(-32px);
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.14);
  background: rgba(255,255,255,.74);
  color: #565049;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  appearance: none;
  cursor: pointer;
}
.lane-1 { grid-column: 1; grid-row: 1; }
.lane-2 { grid-column: 2; grid-row: 1; }
.lane-3 { grid-column: 3; grid-row: 1; }
.lane-4 { grid-column: 4; grid-row: 1; }
.lane-5 { grid-column: 5; grid-row: 1; }
.lane-6 { grid-column: 6; grid-row: 1; }
.lane-7 { grid-column: 7; grid-row: 1; }

.focus-frame {
  grid-column: var(--c1) / var(--c2);
  grid-row: 1 / 7;
  z-index: 18;
  margin: var(--focus-frame-inset);
  border: 0;
  border-radius: 18px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease, box-shadow .2s ease;
}
.focus-frame.is-active {
  opacity: 1;
  border: 0;
  box-shadow: 0 0 0 9999px rgba(18,17,15,.20);
}

.tile {
  grid-column: var(--col);
  grid-row: var(--row);
  z-index: 40;
  align-self: center;
  min-height: 76px;
  border: 1.5px solid rgba(0,0,0,.45);
  border-radius: 18px;
  background: var(--card);
  box-shadow: 0 12px 25px rgba(20,18,14,.10);
  padding: 12px 12px 11px;
  display: grid;
  gap: 4px;
  transition: transform .18s ease, opacity .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
  position: relative;
}
.tile:hover { transform: translateY(-2px); background: var(--card-strong); box-shadow: 0 18px 35px rgba(20,18,14,.14); }
.tile .kind {
  width: max-content;
  border: 1px solid rgba(0,0,0,.20);
  border-radius: 999px;
  padding: 2px 7px;
  font-size: 10px;
  color: #5c554b;
  background: rgba(255,255,255,.72);
  text-transform: uppercase;
  letter-spacing: .04em;
  position: relative;
  overflow: hidden;
}
.tile.is-locked .kind {
  color: rgba(92,85,75,.50);
  border-color: rgba(0,0,0,.15);
  background: rgba(255,255,255,.46);
}
.tile.is-locked .kind::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 4px;
  top: 50%;
  height: 1.5px;
  background: rgba(20,20,20,.64);
  transform: rotate(-9deg);
  transform-origin: center;
}
.tile strong { font-size: 13px; line-height: 1.12; letter-spacing: -.015em; overflow-wrap: anywhere; }
.tile small { color: var(--muted); font-size: 11px; line-height: 1.2; }
.tile.active::after,
.tile.candidate::after,
.tile.prepared::after {
  content: "";
  position: absolute;
  right: 10px; top: 10px;
  width: 9px; height: 9px;
  border-radius: 99px;
  border: 1px solid rgba(0,0,0,.22);
}
.tile.active::after { background: #31a861; }
.tile.candidate::after { background: #347ec2; }
.tile.prepared::after { background: #e68624; }

.tile.node { border-color: rgba(45,139,87,.72); }
.tile.segment { border-color: rgba(70,90,70,.52); }
.tile.system { border-color: rgba(35,106,166,.78); background: rgba(245,250,255,.88); }
.tile.artifact { border-color: rgba(30,80,130,.55); }
.tile.release { border-color: rgba(179,54,44,.80); background: rgba(255,248,247,.90); }
.tile.edge, .tile.history { border-color: rgba(64,58,51,.58); }
.tile.is-dimmed { opacity: .22; transform: none; box-shadow: none; }
.tile.is-highlighted { opacity: 1; border-color: #111; box-shadow: 0 0 0 3px rgba(255,255,255,.9), 0 0 0 6px rgba(17,17,17,.74), 0 18px 38px rgba(0,0,0,.22); background: #fff; }
.tile.is-case-related { opacity: 1; border-color: rgba(17,17,17,.62); box-shadow: 0 0 0 2px rgba(255,255,255,.72), 0 12px 28px rgba(20,18,14,.13); background: rgba(255,255,255,.96); }
.tile.is-completed { border-style: solid; box-shadow: 0 12px 25px rgba(45,130,85,.18); }

.panel-dock {
  position: fixed;
  z-index: 82;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  gap: 8px;
}
.panel-toggle {
  border: 1px solid rgba(0,0,0,.20);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(12px);
  padding: 8px 11px;
  box-shadow: 0 8px 20px rgba(20,18,14,.09);
  font-size: 12px;
}
.panel-toggle.is-active { background: #171717; color: #fff; }

.floating-panel {
  position: fixed;
  z-index: 76;
  right: 82px;
  width: 292px;
  border: 1px solid rgba(0,0,0,.17);
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  backdrop-filter: blur(17px);
  box-shadow: 0 20px 55px rgba(20,18,14,.16);
  padding: 13px;
  overflow: auto;
  transform: translateX(calc(100% + 120px));
  opacity: 0;
  pointer-events: none;
  transition: transform .24s ease, opacity .2s ease;
}
.floating-panel.is-open { transform: translateX(0); opacity: 1; pointer-events: auto; }
.floating-panel header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; cursor: move; user-select: none; }
.floating-panel header strong { font-size: 13px; }
.floating-panel header button {
  width: 26px; height: 26px;
  border-radius: 99px;
  border: 1px solid rgba(0,0,0,.16);
  background: rgba(255,255,255,.75);
}
.floating-panel p, .floating-panel dd, .floating-panel dt { font-size: 12px; }
.floating-panel p { color: var(--muted); line-height: 1.42; margin: 9px 0 0; }
.draggable-panel.is-dragging {
  transition: none !important;
  cursor: grabbing;
}
.resizable-panel {
  resize: both;
  min-width: 244px;
  min-height: 224px;
  max-width: calc(100vw - 120px);
  max-height: calc(100vh - 80px);
  border-bottom-right-radius: 0;
}
.resizable-panel::after {
  content: none;
}
.resizable-panel::-webkit-resizer {
  width: 36px;
  height: 36px;
  background:
    linear-gradient(135deg, transparent 0 21px, #000 21px 22.6px, transparent 22.6px) right 0 bottom 0 / 30px 30px no-repeat,
    linear-gradient(135deg, transparent 0 15px, #000 15px 16.6px, transparent 16.6px) right 0 bottom 0 / 21px 21px no-repeat;
}
.floating-panel.mini { top: 172px; }
.floating-panel.monitor { top: 172px; }
.floating-panel.preview { top: 370px; }
.floating-panel.map { top: 370px; }
.monitor.is-open + .preview.is-open { top: 420px; }

#monitorList { display: grid; grid-template-columns: 90px 1fr; gap: 7px 10px; margin: 0; }
#monitorList dt { color: var(--muted); }
#monitorList dd { margin: 0; font-weight: 650; }

.mini-map {
  height: 84px;
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.15);
  display: grid;
  grid-template-columns: 1.2fr .8fr .8fr 1.2fr 1fr .7fr;
  gap: 5px;
  padding: 8px;
  background: rgba(250,248,242,.78);
}
.mini-zone { border-radius: 11px; border: 1px solid rgba(0,0,0,.12); }
.mini-zone.green { background: var(--green); }
.mini-zone.yellow { background: var(--yellow); }
.mini-zone.orange { background: var(--orange); }
.mini-zone.blue { background: var(--blue); }
.mini-zone.red { background: var(--red); }
.mini-zone.hist { background: var(--history); }

.phone-preview {
  height: 210px;
  border: 2px solid #171717;
  border-radius: 30px;
  background: linear-gradient(180deg, #fafafa, #eae7df);
  display: grid;
  place-items: center;
  text-align: center;
  padding: 22px;
}
.phone-preview span, .phone-preview em { color: var(--muted); font-size: 12px; }
.phone-preview strong { font-size: 18px; }

.map-preview {
  height: 190px;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  border: 1px solid rgba(0,0,0,.16);
  background:
    radial-gradient(circle at 24% 32%, rgba(35,106,166,.16), transparent 18%),
    radial-gradient(circle at 70% 66%, rgba(45,139,87,.18), transparent 20%),
    linear-gradient(135deg, #f7f4ea, #ded8c9);
}
.map-preview span { position: absolute; left: 14px; top: 13px; color: #575046; font-size: 12px; }
.map-preview i {
  position: absolute;
  width: 34px; height: 34px;
  border: 2px solid #171717;
  border-radius: 99px;
  background: rgba(255,255,255,.74);
}
.map-preview i:nth-child(2) { left: 64px; top: 82px; }
.map-preview i:nth-child(3) { right: 58px; top: 62px; }
.map-preview i:nth-child(4) { right: 88px; bottom: 34px; }

body.permission-stakeholder .tile:not([data-required*="stakeholder"]),
body.permission-editor .tile:not([data-required*="editor"]):not([data-required*="stakeholder"]),
body.permission-developer .tile,
body.permission-customer .tile:not([data-required*="customer"]):not([data-required*="stakeholder"]),
body.permission-validator .tile:not([data-required*="validator"]):not([data-required*="stakeholder"]),
body.permission-reviewer .tile:not([data-required*="reviewer"]):not([data-required*="stakeholder"]),
body.permission-release .tile:not([data-required*="release"]):not([data-required*="stakeholder"]),
body.permission-admin .tile { }

@media (max-width: 1180px) {
  .controlbar { grid-template-columns: 1fr; height: auto; align-items: start; }
  .legend { justify-content: flex-start; }
  .toolbar { justify-content: flex-start; flex-wrap: wrap; }
  .atlas-shell { padding-top: 176px; }
  .atlas-stage { grid-template-columns: repeat(7, minmax(135px, 1fr)); overflow: auto; }
  .floating-panel { right: 72px; }
}

@media (max-width: 760px) {
  body { overflow: auto; }
  .controlbar, .panel-dock, .floating-panel { position: fixed; }
  .atlas-shell { min-width: 1040px; min-height: 760px; }
}

:root {
  --edge-gap: 16px;
  --tile-compact: clamp(122px, 62%, 188px);
  --tile-secondary: clamp(112px, 56%, 172px);
  --tile-placeholder: clamp(102px, 48%, 154px);
  --tile-release: clamp(130px, 66%, 198px);
  --tile-release-panel: clamp(150px, 74%, 224px);
}

.atlas-stage {
  grid-template-columns: 1.02fr 1.04fr 1.30fr 1.08fr 1.20fr 1.06fr 1fr;
  grid-template-rows: repeat(7, minmax(58px, 1fr));
  column-gap: clamp(48px, 4.6vw, 84px);
  row-gap: clamp(7px, 1.2vh, 14px);
  padding-left: clamp(24px, 2.6vw, 42px);
  padding-right: clamp(24px, 2.6vw, 42px);
}

.edge-layer {
  z-index: 20;
}

.edge-path {
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  opacity: .62;
}
.edge-path.active { stroke-width: 1.85; opacity: .64; }
.edge-path.prepared { stroke-width: 1.65; opacity: .48; }
.edge-path.release { stroke-width: 2.05; opacity: .72; }
.edge-path.history { stroke-width: 1.65; opacity: .48; }
.edge-path.is-highlighted {
  stroke-width: 4.2;
  opacity: 1;
  filter: drop-shadow(0 2px 5px rgba(0,0,0,.20));
}
.edge-path.is-dimmed { opacity: .10; }
#edgeArrow path { fill: #171717; }

.tile {
  justify-self: center;
  width: var(--tile-compact);
  max-width: 100%;
  min-height: 62px;
  padding: 8px 10px 8px;
  z-index: 34;
  background: rgba(255,255,255,.94);
}
.tile strong { font-size: 12.4px; }
.tile small { font-size: 10.6px; }
.tile .kind { font-size: 9.5px; padding: 2px 6px; }
.tile.node { width: var(--tile-secondary); }
.tile.segment { width: var(--tile-secondary); }
.tile.segment.prepared { width: var(--tile-placeholder); }
.tile.system { width: var(--tile-secondary); }
.tile.artifact { width: var(--tile-secondary); }
.tile.release { width: var(--tile-release); }
#release_panel_main { width: var(--tile-release-panel); }
.tile.edge, .tile.history { width: var(--tile-secondary); }

.tile::before {
  pointer-events: none;
}
.tile.is-highlighted {
  z-index: 48;
}

.focus-frame { z-index: 24; }
.zone { z-index: 5; }
.lane-label { z-index: 46; }

.atlas-stage::before {
  content: "";
  position: absolute;
  inset: 46px clamp(24px, 2.6vw, 42px) 22px;
  z-index: 19;
  pointer-events: none;
  opacity: 0;
  background: repeating-linear-gradient(90deg, transparent 0 9.5%, rgba(0,0,0,.06) 9.5% 10.2%);
}

@media (max-width: 1180px) {
  .atlas-stage {
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    column-gap: 36px;
  }
  .tile { width: min(150px, 78%); }
  #release_panel_main { width: min(178px, 86%); }
}

.edge-path.bus {
  marker-end: none;
  stroke-width: 2.05;
  opacity: .68;
}
.edge-path.branch {
  stroke-width: 1.85;
  opacity: .62;
}
.edge-path.final {
  stroke-width: 2.05;
  opacity: .70;
}
.edge-path.release.bus,
.edge-path.release.final,
.edge-path.release.branch {
  stroke: var(--red-line);
}
.edge-path.is-highlighted.bus,
.edge-path.is-highlighted.branch,
.edge-path.is-highlighted.final {
  stroke-width: 4.2;
  opacity: 1;
}

.edge-path.bus {
  stroke-width: 2.05;
  opacity: .70;
}
.edge-path.branch {
  stroke-width: 1.65;
  opacity: .56;
}
.edge-path.final {
  stroke-width: 1.95;
  opacity: .72;
}
.edge-path.release.bus {
  stroke: var(--red-line);
  stroke-width: 2.2;
  opacity: .74;
}
.edge-path.release.branch {
  stroke: var(--red-line);
  opacity: .56;
}
.edge-path.release.final {
  stroke: var(--red-line);
  stroke-width: 2.2;
  opacity: .82;
}

.edge-path.bus {
  stroke-width: 2.65;
  opacity: .86;
}
.edge-path.branch {
  stroke-width: 1.45;
  opacity: .50;
}
.edge-path.final {
  stroke-width: 2.15;
  opacity: .78;
}
.edge-path.release.bus {
  stroke: var(--red-line);
  stroke-width: 2.8;
  opacity: .90;
}
.edge-path.release.branch {
  stroke: var(--red-line);
  stroke-width: 1.55;
  opacity: .54;
}
.edge-path.release.final {
  stroke: var(--red-line);
  stroke-width: 2.35;
  opacity: .88;
}

.edge-path.branch,
.edge-path.bus {
  marker-end: none;
}
.edge-path.terminal {
  marker-end: url(#edgeArrow);
}
.edge-path.bus {
  stroke-linecap: round;
  stroke-width: 2.7;
}
.edge-path.branch {
  stroke-width: 1.45;
}
.edge-path.terminal {
  stroke-width: 2.05;
}
.edge-path.release.bus {
  stroke-width: 2.9;
}
.edge-path.release.terminal {
  stroke-width: 2.35;
}

:root {
  --edge-stroke: 2px;
  --edge-opacity: .70;
}

.edge-path,
.edge-path.active,
.edge-path.prepared,
.edge-path.release,
.edge-path.history,
.edge-path.branch,
.edge-path.bus,
.edge-path.terminal,
.edge-path.release.branch,
.edge-path.release.bus,
.edge-path.release.terminal {
  stroke-width: var(--edge-stroke);
  opacity: var(--edge-opacity);
}

.edge-path.is-highlighted {
  stroke-width: 3.2px;
  opacity: 1;
}
.edge-path.is-case-related {
  opacity: .88;
}

.tile.request-tile {
  width: clamp(190px, 96%, 250px);
  min-height: 84px;
  justify-self: start;
  padding: 13px 15px 12px;
  transform: translateX(2px);
}

.tile.request-tile strong {
  font-size: 13.2px;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.tile.request-tile small {
  font-size: 11.2px;
}

.focus-frame {
  margin: var(--focus-frame-inset);
  border: 0;
}
.focus-frame.is-active {
  border: 0;
  box-shadow: 0 0 0 9999px rgba(18,17,15,.20);
}

.tile.request-tile {
  transform: translateX(66px);
}

.focus-frame[data-frame="input"] {
  margin-left: var(--focus-frame-inset);
  margin-right: calc(var(--focus-frame-inset) - 128px);
}

.focus-frame {
  grid-row: 1 / 8;
}

.edge-path.bus-segment {
  stroke-linecap: butt;
}

.tile.case-member {
  opacity: 1;
  border-color: rgba(17,17,17,.62);
  box-shadow: 0 0 0 2px rgba(255,255,255,.86), 0 12px 28px rgba(20,18,14,.13);
  background: rgba(255,255,255,.96);
}

.tile.case-current {
  opacity: 1;
  border-color: #111;
  box-shadow: 0 0 0 3px rgba(255,255,255,.94), 0 0 0 6px rgba(17,17,17,.72), 0 18px 38px rgba(0,0,0,.22);
  background: #fff;
}

.tile.case-upcoming {
  opacity: 1;
  border-style: dashed;
  border-color: rgba(17,17,17,.50);
  box-shadow: 0 0 0 2px rgba(255,255,255,.70), 0 10px 24px rgba(20,18,14,.10);
  background: rgba(255,255,255,.82);
}

.tile.case-completed {
  opacity: 1;
  border-color: rgba(0,0,0,.34);
  box-shadow: 0 8px 18px rgba(20,18,14,.08);
  background: rgba(255,255,255,.82);
}

.edge-path.edge-overview {
  opacity: .98;
  stroke-width: 3px;
  stroke-dasharray: none;
  visibility: visible;
}

.edge-path.edge-current {
  opacity: 1;
  stroke-width: 3.2px;
  stroke-dasharray: none;
  visibility: visible;
}

.edge-path.edge-upcoming {
  opacity: .72;
  stroke-width: var(--edge-stroke);
  stroke-dasharray: 7 6;
  visibility: visible;
}

.edge-path.edge-completed {
  opacity: .62;
  stroke-width: var(--edge-stroke);
  stroke-dasharray: none;
  visibility: visible;
}

.edge-path.edge-hidden {
  opacity: 0;
  visibility: hidden;
}

.edge-path.release.edge-overview {
  opacity: 1;
  stroke-width: 3.45px;
  stroke-dasharray: none;
  visibility: visible;
}

.edge-path.release.edge-current {
  opacity: 1;
  stroke-width: 3.85px;
  stroke-dasharray: none;
  visibility: visible;
}

.edge-path.release.edge-upcoming {
  opacity: .86;
  stroke-width: 2.45px;
  stroke-dasharray: 7 6;
  visibility: visible;
}

.edge-path.release.edge-completed {
  opacity: .78;
  stroke-width: 2.25px;
  stroke-dasharray: none;
  visibility: visible;
}

.case-ops-toggle.is-active {
  background: #171717;
  color: #fff;
  border-color: #171717;
}

.case-ops-panel {
  position: fixed;
  z-index: 84;
  top: calc(14px + var(--header-h) + 10px);
  right: 18px;
  width: min(560px, calc(100vw - 36px));
  max-height: calc(100vh - var(--header-h) - 46px);
  overflow: auto;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 70px rgba(20,18,14,.18);
  padding: 14px;
  transform: translateY(-8px) scale(.985);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.case-ops-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.case-ops-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  cursor: move;
  user-select: none;
}

.case-ops-header strong {
  display: block;
  font-size: 15px;
  line-height: 1.15;
}

.case-ops-kicker {
  display: block;
  color: var(--muted);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 3px;
}

.case-ops-close {
  width: 30px;
  height: 30px;
  border-radius: 99px;
  border: 1px solid rgba(0,0,0,.18);
  background: rgba(255,255,255,.72);
}

.case-ops-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.case-ops-section {
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 18px;
  background: rgba(255,255,255,.58);
  padding: 11px;
}

.case-ops-section h2 {
  margin: 0 0 9px;
  color: #514b43;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.case-field {
  display: grid;
  gap: 5px;
  margin-bottom: 9px;
  color: var(--muted);
  font-size: 11px;
}

.case-field select {
  width: 100%;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.9);
  padding: 8px 10px;
  color: #191919;
}

.case-ops-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.case-ops-controls .btn {
  padding: 7px 10px;
  font-size: 12px;
}

.case-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.case-action {
  min-height: 32px;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  color: #171717;
  padding: 6px 9px;
  font-size: 11.5px;
  text-align: center;
}

.case-action:disabled,
.case-action.is-disabled {
  cursor: not-allowed;
  opacity: .34;
  background: rgba(255,255,255,.36);
}

.case-action.is-enabled {
  border-color: rgba(0,0,0,.34);
  background: rgba(255,255,255,.96);
}

.case-ops-status dl,
#caseOpsStatus {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 6px 9px;
  margin: 0;
}

#caseOpsStatus dt {
  color: var(--muted);
  font-size: 11.5px;
}

#caseOpsStatus dd {
  margin: 0;
  font-size: 11.5px;
  font-weight: 650;
  min-width: 0;
}

@media (max-width: 1180px) {
  .case-ops-panel {
    top: 176px;
  }
}

@media (max-width: 760px) {
  .case-ops-panel {
    left: 18px;
    right: 18px;
    width: auto;
  }
  .case-ops-grid {
    grid-template-columns: 1fr;
  }
}

#node_content,
#node_closure {
  width: clamp(190px, 96%, 250px);
  min-height: 76px;
  justify-self: start;
  transform: translateX(66px);
}

#node_content strong,
#node_closure strong {
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.case-door-gate-section {
  grid-column: 1 / -1;
}

#doorGateStatus {
  display: grid;
  grid-template-columns: 82px 1fr;
  gap: 6px 9px;
  margin: 0 0 9px;
}

#doorGateStatus dt {
  color: var(--muted);
  font-size: 11.5px;
}

#doorGateStatus dd {
  margin: 0;
  font-size: 11.5px;
  font-weight: 650;
  min-width: 0;
}

.door-gate-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.door-gate-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: #2b2925;
  padding: 4px 8px;
  font-size: 11px;
  line-height: 1.2;
}

.door-gate-chip.is-empty {
  color: var(--muted);
  background: rgba(255,255,255,.42);
}

.case-action.is-gate-blocked:not(:disabled) {
  opacity: .42;
}

.case-door-gate-section.is-compact {
  grid-column: 1 / -1;
  padding: 9px 11px;
}

.door-gate-summary {
  display: grid;
  grid-template-columns: auto minmax(120px, .8fr) minmax(180px, 1.4fr);
  align-items: center;
  gap: 8px;
  min-height: 28px;
}

.door-gate-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 74px;
  border: 1px solid rgba(0,0,0,.20);
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  padding: 4px 8px;
  color: #2b2925;
  font-size: 11px;
  font-weight: 750;
  line-height: 1.1;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.door-gate-pill.is-available {
  border-color: rgba(45,139,87,.48);
  background: rgba(191,231,200,.55);
}

.door-gate-pill.is-blocked {
  border-color: rgba(179,54,44,.38);
  background: rgba(239,177,168,.38);
}

.door-gate-scope,
.door-gate-allowed {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #514b43;
  font-size: 11.5px;
}

.door-gate-allowed {
  color: var(--muted);
  text-align: right;
}

.door-gate-details {
  margin-top: 7px;
  border-top: 1px solid rgba(0,0,0,.10);
  padding-top: 7px;
}

.door-gate-details summary {
  cursor: pointer;
  color: var(--muted);
  font-size: 11px;
  user-select: none;
}

.door-gate-details:not([open]) #doorGateStatus,
.door-gate-details:not([open]) #doorGateList {
  display: none;
}

@media (max-width: 760px) {
  .door-gate-summary {
    grid-template-columns: 1fr;
  }

  .door-gate-allowed {
    text-align: left;
  }
}

.atlas-shell {
  position: relative;
}

.atlas-shell::before,
.atlas-shell::after {
  position: absolute;
  z-index: 62;
  pointer-events: none;
  opacity: 0;
  transition: opacity .24s ease;
}

.atlas-shell::before {
  content: "";
  left: 24px;
  top: 108px;
  bottom: 22px;
  width: clamp(250px, 24vw, 360px);
  border: 1px dashed rgba(17,17,17,.28);
  border-radius: 24px;
  background: linear-gradient(90deg, rgba(255,255,255,.16), rgba(255,255,255,.04));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.35);
}

.atlas-shell::after {
  content: "Focus Bay";
  left: 44px;
  top: 122px;
  padding: 4px 9px;
  border: 1px solid rgba(0,0,0,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: rgba(0,0,0,.56);
  font-size: 10px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.atlas-shell.is-focus-shifted::before,
.atlas-shell.is-focus-shifted::after {
  opacity: 1;
}

.atlas-stage {
  transform: translateX(var(--focus-shift-x, 0px));
  transition: transform .42s cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}

.tile {
  cursor: pointer;
}

.focus-control.is-shift-source,
.tile.is-shift-source {
  box-shadow: 0 0 0 2px rgba(255,255,255,.88), 0 0 0 5px rgba(17,17,17,.34), 0 16px 32px rgba(0,0,0,.16);
}

body.focus-shift-active .focus-control.is-active {
  border-color: rgba(0,0,0,.34);
  background: rgba(255,255,255,.92);
  color: #171717;
}

body:not(.focus-window-active) .tile,
.tile.is-selection-disabled {
  cursor: default;
}

.tile.is-selection-disabled {
  pointer-events: none;
}

.tile.is-selection-disabled:hover {
  transform: none;
  background: rgba(255,255,255,.94);
  box-shadow: 0 12px 25px rgba(20,18,14,.10);
}

body.focus-window-active .tile.is-selection-enabled {
  cursor: pointer;
}

body.focus-window-active .tile.is-out-of-focus {
  opacity: .16;
}

body.focus-window-active .tile.is-selection-enabled:not(.is-locked)::before {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 22px;
  border: 1px solid rgba(17,17,17,.12);
  pointer-events: none;
}

body.focus-window-active .tile.is-selection-disabled.case-member,
body.focus-window-active .tile.is-selection-disabled.case-current,
body.focus-window-active .tile.is-selection-disabled.case-upcoming,
body.focus-window-active .tile.is-selection-disabled.case-completed {
  box-shadow: none;
}

.case-ops-view-controls {
  display: grid;
  grid-template-columns: 1fr;
  gap: 7px;
}

.case-ops-control-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.case-ops-view-controls .btn {
  width: 100%;
}

.focus-frame.is-active {
  z-index: 58;
}

.atlas-stage {
  border-color: rgba(20,20,20,.08);
  background:
    linear-gradient(rgba(255,255,255,.50), rgba(255,255,255,.40)),
    repeating-linear-gradient(0deg, transparent 0, transparent 68px, rgba(0,0,0,.014) 69px),
    repeating-linear-gradient(90deg, transparent 0, transparent 84px, rgba(0,0,0,.010) 85px);
  box-shadow: 0 12px 34px rgba(20,18,14,.09);
}

body.focus-window-active .edge-layer {
  z-index: 20;
}

body.focus-window-active .focus-frame.is-active {
  pointer-events: none;
}

.atlas-shell::before,
.atlas-shell::after,
.atlas-shell.is-focus-shifted::before,
.atlas-shell.is-focus-shifted::after {
  content: none;
  display: none;
  opacity: 0;
}
.atlas-stage {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
}
body.focus-window-active .edge-layer {
  z-index: 12;
}
body.focus-window-active .edge-path {
  opacity: .22;
}
body.focus-window-active .edge-path.edge-focus-visible {
  opacity: .58;
}
body.focus-window-active .edge-path.edge-overview.edge-focus-visible {
  opacity: .72;
}
body.focus-window-active .edge-path.edge-current.edge-focus-visible {
  opacity: .86;
}
body.focus-window-active .edge-path.edge-completed.edge-focus-visible {
  opacity: .48;
}
body.focus-window-active .edge-path.edge-upcoming.edge-focus-visible {
  opacity: .44;
}
body.focus-window-active .edge-path.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-overview.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-current.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-completed.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-upcoming.edge-focus-dimmed {
  opacity: .10;
  filter: none;
}
#edgeArrow path {
  fill: context-stroke;
}
body.focus-window-active .focus-frame.is-active {
  z-index: 58;
}

.focus-dim-layer {
  position: fixed;
  inset: 0;
  z-index: 50;
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
}
.focus-dim-layer.is-active {
  opacity: 1;
}
.focus-dim-segment {
  position: absolute;
  display: block;
  background: rgba(18, 17, 15, .22);
  pointer-events: none;
}
.controlbar { z-index: 80; }
.panel-dock { z-index: 82; }
.case-ops-panel { z-index: 84; }
.floating-panel { z-index: 86; }
.atlas-shell {
  background: transparent;
}
.atlas-stage {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.atlas-stage::before {
  content: none;
  display: none;
}
.focus-frame,
.focus-frame.is-active,
body.focus-window-active .focus-frame.is-active {
  opacity: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
  pointer-events: none;
}
body.focus-window-active .tile.is-selection-enabled:not(.is-locked)::before {
  content: none;
  display: none;
  border: 0;
  box-shadow: none;
}
.focus-control.is-active,
body.focus-shift-active .focus-control.is-active,
.focus-control.is-shift-source,
.tile.is-shift-source {
  border-color: transparent;
  box-shadow: none;
}
.focus-control.is-active {
  background: rgba(255,255,255,.92);
  color: #171717;
}
body.focus-window-active .edge-layer {
  z-index: 12;
}
body.focus-window-active .edge-path,
body.focus-window-active .edge-path.edge-overview,
body.focus-window-active .edge-path.edge-current,
body.focus-window-active .edge-path.edge-completed,
body.focus-window-active .edge-path.edge-upcoming {
  filter: none;
}

.focus-dim-layer {
  z-index: 50;
  overflow: visible;
}
.focus-dim-layer.is-active {
  opacity: 1;
}
.focus-dim-segment {
  display: none !important;
}
.focus-dim-cutout {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 18px;
  background: transparent;
  box-shadow: 0 0 0 9999px rgba(18, 17, 15, .22);
  pointer-events: none;
  transition: left .18s ease, top .18s ease, width .18s ease, height .18s ease;
}
body.focus-shift-active .focus-dim-cutout {
  transition: none;
}
.focus-pill-overlay {
  position: fixed;
  inset: 0;
  z-index: 61;
  pointer-events: none;
}
.focus-pill-clone {
  position: fixed;
  left: 0;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  border-radius: 999px;
  border: 0;
  background: rgba(255,255,255,.74);
  color: #565049;
  font-size: 11px;
  letter-spacing: .04em;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none;
  pointer-events: none;
  will-change: transform, width, height;
  transform: translate3d(0, 0, 0);
}
.focus-pill-clone.is-active {
  background: rgba(255,255,255,.94);
  color: #171717;
  border: 0;
  box-shadow: none;
}
body.focus-window-active .lane-label {
  opacity: 0;
}
body:not(.focus-window-active) .lane-label {
  opacity: 1;
}

.focus-pill-clone {
  transition: background .16s ease, color .16s ease;
}

.case-overview-toggle {
  border-color: rgba(0,0,0,.22);
  background: rgba(255,255,255,.86);
  color: #151515;
}

.case-overview-toggle.is-view-active {
  border-color: rgba(17,17,17,.42);
  background: rgba(17,17,17,.085);
  box-shadow: inset 0 0 0 1px rgba(17,17,17,.18);
  color: #171717;
}

.case-overview-toggle.is-view-active::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  border-radius: 999px;
  background: rgba(17,17,17,.72);
  vertical-align: 1px;
}

.tile.node,
.tile.node.is-shift-source {
  border-color: rgba(45,139,87,.72) !important;
}
.tile.segment,
.tile.segment.is-shift-source {
  border-color: rgba(70,90,70,.52) !important;
}
.tile.system,
.tile.system.is-shift-source {
  border-color: rgba(35,106,166,.78) !important;
}
.tile.artifact,
.tile.artifact.is-shift-source {
  border-color: rgba(30,80,130,.55) !important;
}
.tile.release,
.tile.release.is-shift-source {
  border-color: rgba(179,54,44,.80) !important;
}
.tile.edge,
.tile.edge.is-shift-source,
.tile.history,
.tile.history.is-shift-source {
  border-color: rgba(64,58,51,.58) !important;
}

.tile.case-member,
body.focus-window-active .tile.case-member,
body.focus-window-active .tile.is-selection-disabled.case-member {
  border-color: rgba(17,17,17,.62) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.86), 0 12px 28px rgba(20,18,14,.13) !important;
  background: rgba(255,255,255,.96);
}

.tile.case-current,
body.focus-window-active .tile.case-current,
body.focus-window-active .tile.is-selection-disabled.case-current {
  border-color: #111 !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.94), 0 0 0 6px rgba(17,17,17,.72), 0 18px 38px rgba(0,0,0,.22) !important;
  background: #fff;
}

.tile.case-upcoming,
body.focus-window-active .tile.case-upcoming,
body.focus-window-active .tile.is-selection-disabled.case-upcoming {
  border-style: dashed;
  border-color: rgba(17,17,17,.50) !important;
  box-shadow: 0 0 0 2px rgba(255,255,255,.70), 0 10px 24px rgba(20,18,14,.10) !important;
  background: rgba(255,255,255,.82);
}

.tile.case-completed,
body.focus-window-active .tile.case-completed,
body.focus-window-active .tile.is-selection-disabled.case-completed {
  border-color: rgba(0,0,0,.34) !important;
  box-shadow: 0 8px 18px rgba(20,18,14,.08) !important;
  background: rgba(255,255,255,.82);
}

body.focus-window-active .tile.is-selection-enabled:not(.is-locked)::before {
  content: none !important;
  display: none !important;
}

.case-path-toggle,
.case-overview-toggle {
  white-space: nowrap;
}

.case-path-toggle.is-path-cta,
.case-overview-toggle.is-path-cta {
  background: #171717;
  color: #fff;
  border-color: #171717;
  box-shadow: none;
}

.case-path-toggle.is-path-off,
.case-overview-toggle.is-path-off {
  border-color: rgba(0,0,0,.22);
  background: rgba(255,255,255,.86);
  color: #151515;
  box-shadow: none;
}

.case-path-toggle::before,
.case-overview-toggle::before {
  content: none !important;
  display: none !important;
}

.brand-mark,
.brand-mark.focus-control,
.brand-mark.focus-control.is-active,
.brand-mark.focus-control.is-shift-source,
body.focus-shift-active .brand-mark.focus-control.is-active {
  width: 78px;
  height: 46px;
  border: 0 !important;
  border-radius: 10px;
  box-shadow: none !important;
  background: transparent !important;
  color: #171717 !important;
  padding: 0;
}

.controlbar {
  cursor: default;
}
.controlbar button,
.controlbar select,
.controlbar label {
  cursor: pointer;
}

.it-todo-panel-layer { position: fixed; inset: 0; z-index: 90; pointer-events: none; }
.it-todo-panel { position: fixed; width: min(304px, calc(100vw - 36px)); max-height: min(448px, calc(100vh - 108px)); overflow: auto; pointer-events: auto; color: #f7f7f2; background: rgba(13,13,12,.96); border: 1px solid rgba(255,255,255,.18); border-radius: 18px; box-shadow: 0 24px 80px rgba(0,0,0,.34); backdrop-filter: blur(18px); }
.it-todo-panel.is-front { box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 28px 88px rgba(0,0,0,.40); }
.it-todo-panel-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding: 13px 13px 10px; border-bottom: 1px solid rgba(255,255,255,.12); cursor: move; user-select: none; }
.it-todo-panel-header strong { display: block; color: #fff; font-size: 14px; line-height: 1.1; letter-spacing: -.015em; }
.it-todo-kicker { display: block; margin-bottom: 4px; color: rgba(255,255,255,.56); font-size: 10px; text-transform: uppercase; letter-spacing: .09em; }
.it-todo-close { flex: 0 0 auto; width: 28px; height: 28px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; color: #fff; background: rgba(255,255,255,.08); }
.it-todo-close:hover { background: rgba(255,255,255,.18); }
.it-todo-panel-body { padding: 12px 13px 14px; }
.it-todo-subtitle { margin: 0 0 10px; color: rgba(255,255,255,.66); font-size: 12px; line-height: 1.35; }
.it-todo-panel dl { display: grid; grid-template-columns: 92px 1fr; gap: 8px 10px; margin: 0 0 12px; }
.it-todo-panel dt { color: rgba(255,255,255,.50); font-size: 11px; line-height: 1.25; }
.it-todo-panel dd { margin: 0; color: rgba(255,255,255,.88); font-size: 11.8px; line-height: 1.35; }
.it-todo-panel ul { margin: 0; padding-left: 17px; color: rgba(255,255,255,.84); font-size: 11.8px; line-height: 1.38; }
.it-todo-panel li + li { margin-top: 5px; }

body.permission-developer:not(.focus-window-active) .tile.is-selection-disabled,
body.permission-developer:not(.focus-window-active) .tile {
  pointer-events: auto;
  cursor: pointer;
}

body.permission-developer:not(.focus-window-active) .tile.is-selection-disabled:hover,
body.permission-developer:not(.focus-window-active) .tile:hover {
  transform: translateY(-2px);
  background: var(--card-strong);
  box-shadow: 0 18px 35px rgba(20,18,14,.14);
}

:root {
  --tile-hover-lift: -1px;
  --tile-hover-shadow-opacity: .245;
  --intake-tile-offset-x: 66px;
}

.tile .kind {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: start;
  justify-self: start;
  width: max-content;
  max-width: max-content;
  height: auto;
  min-height: 0;
  line-height: 1;
  flex: 0 0 auto;
}

.tile:hover,
body.permission-developer:not(.focus-window-active) .tile.is-selection-disabled:hover,
body.permission-developer:not(.focus-window-active) .tile:hover {
  transform: translateY(var(--tile-hover-lift));
  background: var(--card-strong);
  box-shadow: 0 18px 35px rgba(20,18,14,var(--tile-hover-shadow-opacity));
}

.tile.request-tile:hover,
body.permission-developer:not(.focus-window-active) .tile.request-tile:hover {
  transform: translateX(var(--intake-tile-offset-x)) translateY(var(--tile-hover-lift));
}

#node_content:hover,
#node_closure:hover,
body.permission-developer:not(.focus-window-active) #node_content:hover,
body.permission-developer:not(.focus-window-active) #node_closure:hover {
  transform: translateX(var(--intake-tile-offset-x)) translateY(var(--tile-hover-lift));
}

.lane-label.lane-1 {
  transform: translateX(var(--intake-tile-offset-x, 66px)) translateY(-32px);
}

.brand {
  gap: 28px;
}

.brand-mark img {
  display: block;
  width: 100px;
  height: 49px;
  object-fit: contain;
  pointer-events: none;
}

.brand-mark:hover {
  background: rgba(255,255,255,.48) !important;
}

.brand-mark:focus-visible {
  outline: 2px solid rgba(17,17,17,.62);
  outline-offset: 4px;
}

.brand-copy {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.brand-copy h1 {
  margin: 0;
  font-size: 20px;
  line-height: 1.02;
  letter-spacing: -.035em;
  white-space: nowrap;
}

.brand-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 11.6px;
  line-height: 1.2;
  letter-spacing: .006em;
  white-space: nowrap;
}

.brand {
  margin-left: 18px;
  gap: 34px;
}

.brand-mark,
.brand-mark.focus-control,
.brand-mark.focus-control.is-active,
.brand-mark.focus-control.is-shift-source,
body.focus-shift-active .brand-mark.focus-control.is-active {
  transform: translateY(-5px);
}

.controlbar {
  padding-right: 28px;
}

.legend {
  padding-right: 4px;
}

.toolbar {
  padding-right: 6px;
}

.case-ops-toggle {
  transform: scale(.8);
  transform-origin: right center;
  font-size: 88%;
}

.case-ops-toggle:hover {
  transform: scale(.8) translateY(-1px);
}

.atlas-intro-layer {
  position: fixed;
  inset: 0;
  z-index: 150;
  overflow: hidden;
  pointer-events: auto;
  color: var(--ink);
  background:
    radial-gradient(circle at 50% 46%, rgba(255,255,255,.96), rgba(255,255,255,.42) 28%, transparent 52%),
    linear-gradient(135deg, rgba(239,233,220,.92), rgba(248,244,236,.88));
  transition: opacity .42s ease, visibility .42s ease;
}

body:not(.intro-active) .atlas-intro-layer,
body.intro-complete .atlas-intro-layer {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.intro-active .atlas-shell {
  opacity: .12;
  filter: saturate(.55) blur(.2px);
  pointer-events: none;
  transition: opacity .82s ease, filter .82s ease;
}

body.intro-active.intro-expanding .atlas-shell {
  opacity: .18;
}

body.intro-active.intro-header-drop .atlas-shell {
  opacity: 1;
  filter: none;
}

body.intro-active .controlbar {
  z-index: 170 !important;
  opacity: 0;
  transform: translateY(-132%);
  pointer-events: none;
  transition: transform .42s cubic-bezier(.15,.86,.22,1.08), opacity .22s ease;
}

body.intro-active.intro-header-drop .controlbar {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.intro-brand-lockup {
  position: fixed;
  left: 50%;
  top: clamp(64px, 12vh, 118px);
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 20px;
  min-width: min(560px, calc(100vw - 44px));
  justify-content: center;
  opacity: 1;
  transition: opacity .30s ease, transform .42s ease;
}

.intro-brand-lockup img {
  width: 144px;
  max-width: 28vw;
  height: auto;
  display: block;
  filter: drop-shadow(0 14px 24px rgba(20,18,14,.12));
}

.intro-brand-lockup strong {
  display: block;
  font-size: clamp(24px, 3.2vw, 42px);
  line-height: 1;
  letter-spacing: -.045em;
}

.intro-brand-lockup span {
  display: block;
  margin-top: 6px;
  color: var(--muted);
  font-size: clamp(12px, 1.1vw, 15px);
  letter-spacing: .012em;
}

.intro-brand-lockup .intro-subline {
  padding-left: .36em;
  box-sizing: border-box;
}

body.intro-expanding .intro-brand-lockup,
body.intro-header-drop .intro-brand-lockup {
  opacity: 0;
  transform: translateX(-50%) translateY(-14px) scale(.96);
}

.intro-dependency-object {
  position: fixed;
  left: 50%;
  top: 50%;
  width: min(326px, calc(100vw - 44px));
  transform: translate(-50%, -50%);
  z-index: 155;
  display: grid;
  justify-items: center;
  gap: 10px;
  transition: opacity .22s ease, transform .52s cubic-bezier(.2,.8,.2,1);
}

.intro-dependency-tile {
  width: 218px;
  min-height: 86px;
  display: grid;
  gap: 5px;
  padding: 13px 15px 12px;
  border: 1.5px solid rgba(35,106,166,.82);
  border-radius: 18px;
  background: rgba(255,255,255,.95);
  box-shadow: 0 0 0 3px rgba(255,255,255,.84), 0 18px 42px rgba(20,18,14,.20);
}

.intro-dependency-tile .kind {
  width: max-content;
  border: 1px solid rgba(0,0,0,.20);
  border-radius: 999px;
  padding: 2px 7px;
  color: #5c554b;
  background: rgba(255,255,255,.72);
  font-size: 10px;
  line-height: 1;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.intro-dependency-tile strong {
  font-size: 13px;
  line-height: 1.12;
  letter-spacing: -.015em;
}

.intro-dependency-tile small {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.2;
}

.intro-access-dialog {
  width: 100%;
  display: grid;
  gap: 7px;
  padding: 13px 15px 14px;
  border: 1px solid rgba(20,20,20,.18);
  border-radius: 18px;
  background: rgba(255,255,255,.80);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  box-shadow: 0 16px 38px rgba(20,18,14,.16);
  transform-origin: top center;
  transition: transform .30s cubic-bezier(.7,0,.3,1), opacity .24s ease, filter .24s ease;
}

.intro-access-kicker {
  color: var(--muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .10em;
}

.intro-access-dialog strong {
  font-size: 14px;
  line-height: 1.12;
  letter-spacing: -.015em;
}

.intro-access-dialog p {
  margin: 0;
  color: #514b43;
  font-size: 12px;
  line-height: 1.36;
}

.intro-access-button {
  width: 100%;
  min-height: 34px;
  margin-top: 3px;
  border: 1px solid #171717;
  border-radius: 999px;
  background: #171717;
  color: #fff;
  font-size: 12px;
  font-weight: 740;
}

.intro-dependency-object.is-crashing .intro-access-dialog {
  opacity: 0;
  transform: translateY(16px) scaleY(.08) skewX(-2deg);
  filter: blur(4px);
}

body.intro-expanding .intro-dependency-object,
body.intro-header-drop .intro-dependency-object {
  opacity: 0;
  transform: translate(-50%, -50%) scale(.84);
  pointer-events: none;
}

.intro-ghost-tile-layer {
  position: fixed;
  inset: 0;
  z-index: 153;
  pointer-events: none;
}

.intro-ghost-tile {
  position: fixed !important;
  margin: 0 !important;
  transform-origin: center center;
  pointer-events: none !important;
  will-change: transform, opacity;
  opacity: 0;
  transition:
    transform .98s cubic-bezier(.2,.8,.2,1),
    opacity .46s ease,
    filter .48s ease;
}

.intro-ghost-tile.is-intro-moving {
  opacity: 1;
  filter: none;
}

.intro-ghost-tile.is-intro-muted {
  opacity: .24;
  filter: saturate(.35) blur(.1px);
}

.intro-edge-layer {
  position: fixed;
  z-index: 152;
  pointer-events: none;
  overflow: visible;
  opacity: 0;
  transition: opacity .28s ease;
}

body.intro-path-reveal .intro-edge-layer {
  opacity: 1;
}

.intro-edge-layer path.intro-edge-path {
  fill: none;
  stroke: rgba(20,20,20,.74);
  stroke-width: 2.35px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  marker-end: none;
  stroke-dasharray: var(--intro-edge-length, 1);
  stroke-dashoffset: var(--intro-edge-length, 1);
  transition: stroke-dashoffset .72s ease var(--intro-edge-delay, 0ms), opacity .32s ease var(--intro-edge-delay, 0ms);
  opacity: .88;
}

.intro-edge-layer path.terminal {
  marker-end: url(#introEdgeArrow);
}

.intro-edge-layer marker path {
  fill: #171717;
}

body.intro-path-reveal .intro-edge-layer path.intro-edge-path.is-drawing {
  stroke-dashoffset: 0;
}

body.intro-header-drop .intro-edge-layer,
body.intro-header-drop .intro-ghost-tile-layer {
  opacity: 0;
  transition: opacity .78s ease;
}

@media (prefers-reduced-motion: reduce) {
  .atlas-intro-layer,
  .intro-ghost-tile,
  .intro-edge-layer path,
  .intro-access-dialog,
  body.intro-active .controlbar,
  body.intro-active .atlas-shell {
    transition: none !important;
  }
}

body.intro-hard-cut .atlas-intro-layer,
body.intro-complete .atlas-intro-layer {
  transition: opacity .10s linear, visibility .10s linear !important;
}

body.intro-active.intro-expanding .intro-brand-lockup,
body.intro-active.intro-path-reveal .intro-brand-lockup,
body.intro-active.intro-breath-hold .intro-brand-lockup {
  z-index: 159;
  top: clamp(42px, 8.2vh, 92px);
  min-width: min(740px, calc(100vw - 44px));
  opacity: 1 !important;
  transform: translateX(-50%) scale(1.10) !important;
}

body.intro-active.intro-path-reveal .intro-brand-lockup,
body.intro-active.intro-breath-hold .intro-brand-lockup {
  filter: drop-shadow(0 20px 38px rgba(20,18,14,.14));
}

body.intro-active.intro-path-reveal .intro-brand-lockup img,
body.intro-active.intro-breath-hold .intro-brand-lockup img {
  width: clamp(160px, 17vw, 218px);
  max-width: 34vw;
}

body.intro-active.intro-path-reveal .intro-brand-lockup strong,
body.intro-active.intro-breath-hold .intro-brand-lockup strong {
  font-size: clamp(28px, 4vw, 54px);
}

body.intro-active.intro-path-reveal .intro-brand-lockup span,
body.intro-active.intro-breath-hold .intro-brand-lockup span {
  font-size: clamp(13px, 1.35vw, 17px);
}

body.intro-hard-cut .intro-brand-lockup {
  opacity: 0 !important;
  transition: opacity .08s linear !important;
}

.intro-ghost-tile.is-path-tile.is-intro-moving {
  opacity: 1;
}

.intro-ghost-tile.is-intro-dimmed,
.intro-ghost-tile.is-intro-muted {
  opacity: .18 !important;
  filter: saturate(.28) blur(.1px);
}

body.intro-path-reveal .intro-ghost-tile.is-path-tile,
body.intro-breath-hold .intro-ghost-tile.is-path-tile {
  z-index: 154;
}

body.intro-path-reveal .intro-edge-layer {
  opacity: 1;
}

.intro-edge-layer path.intro-edge-path,
.intro-edge-layer path.intro-path-segment {
  marker-end: none !important;
  stroke-dasharray: var(--intro-edge-length, 1);
  stroke-dashoffset: var(--intro-edge-length, 1);
  transition:
    stroke-dashoffset var(--intro-edge-duration, 520ms) cubic-bezier(.25,.8,.30,1),
    opacity .18s ease !important;
  opacity: 0;
}

body.intro-path-reveal .intro-edge-layer path.intro-path-segment.is-drawing,
body.intro-path-reveal .intro-edge-layer path.intro-path-segment.is-drawn,
body.intro-breath-hold .intro-edge-layer path.intro-path-segment.is-drawn {
  stroke-dashoffset: 0;
  opacity: .90;
}

.intro-edge-layer path.intro-path-terminal.is-arrow-visible,
.intro-edge-layer path.terminal.intro-path-terminal.is-arrow-visible {
  marker-end: url(#introEdgeArrow) !important;
}

body.intro-breath-hold .intro-ghost-tile.is-path-tile {
  animation: introTileBreath 1100ms ease-in-out 4;
}

body.intro-breath-hold .intro-edge-layer path.intro-path-segment.is-drawn {
  animation: introPathBreath 1100ms ease-in-out 4;
}

body.intro-breath-hold .intro-brand-lockup {
  animation: introBrandBreath 1100ms ease-in-out 4;
}

@keyframes introTileBreath {
  0%, 100% { filter: none; }
  50% { filter: drop-shadow(0 0 10px rgba(20,18,14,.20)); }
}

@keyframes introPathBreath {
  0%, 100% { opacity: .90; stroke-width: 2.35px; }
  50% { opacity: 1; stroke-width: 2.95px; }
}

@keyframes introBrandBreath {
  0%, 100% { transform: translateX(-50%) scale(1.10); }
  50% { transform: translateX(-50%) scale(1.135); }
}

@media (prefers-reduced-motion: reduce) {
  body.intro-breath-hold .intro-ghost-tile.is-path-tile,
  body.intro-breath-hold .intro-edge-layer path.intro-path-segment.is-drawn,
  body.intro-breath-hold .intro-brand-lockup {
    animation: none !important;
  }
}

.intro-edge-layer path.intro-continuity-segment {
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.intro-active .intro-brand-lockup,
body.intro-active.intro-expanding .intro-brand-lockup,
body.intro-active.intro-path-reveal .intro-brand-lockup,
body.intro-active.intro-breath-hold .intro-brand-lockup {
  z-index: 159 !important;
  top: clamp(42px, 8.2vh, 92px) !important;
  min-width: min(740px, calc(100vw - 44px)) !important;
  opacity: 1 !important;
  transform: translateX(-50%) scale(1.10) !important;
  filter: drop-shadow(0 20px 38px rgba(20,18,14,.14));
  transition: opacity .12s linear, filter .18s ease !important;
}

body.intro-active .intro-brand-lockup img {
  width: clamp(160px, 17vw, 218px) !important;
  max-width: 34vw !important;
}

body.intro-active .intro-brand-lockup strong {
  font-size: clamp(28px, 4vw, 54px) !important;
}

body.intro-active .intro-brand-lockup span {
  font-size: clamp(13px, 1.35vw, 17px) !important;
}

body.intro-hard-cut .intro-brand-lockup,
body.intro-complete .intro-brand-lockup {
  opacity: 0 !important;
  transition: opacity .08s linear !important;
}

@keyframes introBrandBreath {
  0%, 100% { transform: translateX(-50%) scale(1.10); }
  50% { transform: translateX(-50%) scale(1.118); }
}

:root {
  --intro-brand-drop-y: 100%;
}

body.intro-active .intro-brand-lockup,
body.intro-active.intro-expanding .intro-brand-lockup,
body.intro-active.intro-path-reveal .intro-brand-lockup,
body.intro-active.intro-breath-hold .intro-brand-lockup {
  transform: translateX(-50%) translateY(var(--intro-brand-drop-y)) scale(1.10) !important;
}

body.intro-breath-hold .intro-brand-lockup {
  animation: introBrandBreath 1100ms ease-in-out 4;
}

@keyframes introBrandBreath {
  0%, 100% { transform: translateX(-50%) translateY(var(--intro-brand-drop-y)) scale(1.10); }
  50% { transform: translateX(-50%) translateY(calc(var(--intro-brand-drop-y) - 5px)) scale(1.118); }
}

.intro-dependency-object {
  width: min(540px, calc(100vw - 44px));
  min-height: 306px;
  display: grid;
  place-items: center;
  gap: 0;
  isolation: isolate;
}

.intro-dependency-tile {
  position: relative;
  z-index: 3;
}

.intro-access-dialog {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  width: min(500px, calc(100vw - 44px));
  min-height: 260px;
  padding: 154px 28px 24px;
  transform: translate(-50%, -50%);
  border-radius: 24px;
  justify-items: stretch;
  align-content: end;
  background: rgba(255,255,255,.82);
  box-shadow:
    0 1px 0 rgba(255,255,255,.58) inset,
    0 24px 62px rgba(20,18,14,.20),
    0 0 0 1px rgba(255,255,255,.42);
}

.intro-access-dialog::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 256px;
  height: 118px;
  transform: translate(-50%, -50%);
  border-radius: 22px;
  background: rgba(255,255,255,.36);
  box-shadow: inset 0 0 0 1px rgba(20,20,20,.07);
  pointer-events: none;
}

.intro-access-dialog > * {
  position: relative;
  z-index: 2;
}

.intro-dependency-object.is-crashing .intro-access-dialog {
  transform: translate(-50%, -50%) translateY(18px) scaleY(.08) skewX(-2deg);
}

@media (max-width: 760px) {
  .intro-dependency-object {
    width: min(500px, calc(100vw - 32px));
    min-height: 292px;
  }

  .intro-access-dialog {
    width: min(462px, calc(100vw - 32px));
    min-height: 250px;
    padding: 150px 22px 22px;
  }
}

.intro-dependency-object {
  width: min(660px, calc(100vw - 44px));
  min-height: 430px;
}

.intro-dependency-tile {
  border-color: rgba(35,106,166,.82);
  box-shadow: 0 18px 42px rgba(20,18,14,.18);
}

.intro-access-dialog {
  width: min(620px, calc(100vw - 44px));
  min-height: 390px;
  padding: 26px 34px 28px;
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  align-content: stretch;
  align-items: end;
  gap: 14px;
  border-radius: 30px;
}

.intro-access-dialog::before {
  content: none !important;
  display: none !important;
}

.intro-access-copy {
  align-self: start;
  justify-self: center;
  width: min(430px, 100%);
  display: grid;
  gap: 6px;
  text-align: center;
}

.intro-access-copy .intro-access-kicker,
.intro-access-copy strong,
.intro-access-copy p {
  justify-self: center;
}

.intro-access-fields {
  align-self: end;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.intro-access-field {
  display: grid;
  gap: 5px;
  color: var(--muted);
  font-size: 10.5px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.intro-access-field input {
  width: 100%;
  min-height: 36px;
  border: 1px solid rgba(20,20,20,.20);
  border-radius: 999px;
  background: rgba(255,255,255,.88);
  color: #171717;
  padding: 0 13px;
  font: inherit;
  font-size: 12px;
  letter-spacing: 0;
  text-transform: none;
  outline: none;
}

.intro-access-field input:focus {
  border-color: rgba(20,20,20,.46);
  box-shadow: 0 0 0 3px rgba(255,255,255,.62);
  background: #fff;
}

.intro-access-button {
  margin-top: 0;
}

@media (max-width: 760px) {
  .intro-dependency-object {
    width: min(548px, calc(100vw - 32px));
    min-height: 414px;
  }

  .intro-access-dialog {
    width: min(522px, calc(100vw - 32px));
    min-height: 384px;
    padding: 24px 22px 24px;
  }

  .intro-access-fields {
    grid-template-columns: 1fr;
  }
}

:root {
  --intro-object-shift-x: 0px;
  --intro-object-shift-y: 0px;
  --intro-copy-to-tile-gap: 18px;
  --intro-tile-to-fields-gap: 18px;
}

.intro-dependency-object {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(calc(-50% + var(--intro-object-shift-x)), calc(-50% + var(--intro-object-shift-y)));
  width: min(668px, calc(100vw - 44px));
  min-height: 454px;
  display: block;
}

.intro-dependency-tile.tile.system,
.intro-dependency-tile {
  position: absolute;
  left: 50%;
  top: 116px;
  z-index: 3;
  transform: translateX(-50%);
  min-height: 86px;
  width: 178px;
  box-shadow: 0 18px 42px rgba(20,18,14,.18);
}

.intro-dependency-tile.tile.system .kind,
.intro-dependency-tile .kind {
  margin-bottom: 2px;
}

.intro-access-dialog {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 0;
  width: min(640px, calc(100vw - 44px));
  min-height: 430px;
  padding: 28px 34px 30px;
  transform: translateX(-50%);
  display: grid;
  grid-template-rows: auto 1fr auto auto;
  align-content: stretch;
  align-items: start;
  gap: 0;
  border-radius: 30px;
}

.intro-access-copy {
  align-self: start;
  justify-self: center;
  width: min(430px, 100%);
  display: grid;
  gap: 6px;
  text-align: center;
  margin-top: 0;
  margin-bottom: calc(88px + var(--intro-copy-to-tile-gap) + var(--intro-tile-to-fields-gap));
}

.intro-access-fields {
  align-self: start;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 0;
}

.intro-access-button {
  margin-top: 12px;
}

.intro-dependency-object.is-crashing .intro-access-dialog {
  transform: translateX(-50%) translateY(18px) scaleY(.08) skewX(-2deg);
}

.intro-edge-layer path.intro-edge-flow {
  fill: none;
  stroke: rgba(255,255,255,.26);
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
  opacity: 0;
  filter: drop-shadow(0 0 10px rgba(255,255,255,.12));
  pointer-events: none;
}

body.intro-path-reveal .intro-edge-layer path.intro-edge-flow,
body.intro-breath-hold .intro-edge-layer path.intro-edge-flow {
  opacity: 1;
}

body.intro-path-reveal .intro-edge-layer path.intro-path-segment,
body.intro-breath-hold .intro-edge-layer path.intro-path-segment {
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.post-intro-pgl-callout .pgl-entry {
  animation: pglPostIntroPulse 1050ms ease-in-out 6;
  transform-origin: center center;
}

@keyframes pglPostIntroPulse {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50% { transform: translate(-50%, -50%) scale(1.16); }
}

@supports not (position: absolute) {
  body.post-intro-pgl-callout .pgl-entry {
    animation: none;
  }
}

@media (max-width: 760px) {
  .intro-dependency-object {
    width: min(560px, calc(100vw - 32px));
    min-height: 438px;
  }

  .intro-access-dialog {
    width: min(534px, calc(100vw - 32px));
    min-height: 410px;
    padding: 24px 22px 24px;
  }

  .intro-dependency-tile.tile.system,
  .intro-dependency-tile {
    top: 112px;
    width: 170px;
  }
}

.intro-edge-layer path.intro-edge-flow,
body.intro-path-reveal .intro-edge-layer path.intro-edge-flow,
body.intro-breath-hold .intro-edge-layer path.intro-edge-flow {
  display: none !important;
  opacity: 0 !important;
  stroke: transparent !important;
}

.intro-dependency-tile.intro-tile-twin,
.intro-dependency-tile.tile.system.intro-tile-twin {
  position: absolute !important;
  left: 50% !important;
  top: 116px !important;
  z-index: 3 !important;
  transform: translateX(-50%) !important;
  justify-self: auto !important;
  align-self: auto !important;
  margin: 0 !important;
  cursor: default !important;
}

.intro-dependency-tile.intro-tile-twin.tile,
.intro-dependency-tile.intro-tile-twin.tile.system {
  border: 1.5px solid rgba(35,106,166,.78) !important;
  border-radius: 18px !important;
  background: rgba(245,250,255,.88) !important;
  box-shadow: 0 12px 25px rgba(20,18,14,.10) !important;
  padding: 8px 10px 8px !important;
  display: grid !important;
  gap: 4px !important;
}

.intro-dependency-tile.intro-tile-twin .kind {
  width: max-content !important;
  max-width: max-content !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 2px 6px !important;
  border: 1px solid rgba(0,0,0,.20) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.72) !important;
  color: #5c554b !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.intro-dependency-tile.intro-tile-twin strong {
  font-size: 12.4px !important;
  line-height: 1.12 !important;
  letter-spacing: -.015em !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}

.intro-dependency-tile.intro-tile-twin small {
  color: var(--muted) !important;
  font-size: 10.6px !important;
  line-height: 1.2 !important;
}

.intro-access-fields {
  transform: translateY(54px) !important;
}

.intro-access-button {
  transform: translateY(54px) !important;
}

.intro-access-dialog {
  min-height: 484px !important;
}

body.post-intro-pgl-callout .pgl-mark {
  animation: pglPostIntroSignetPulse 1080ms ease-in-out 7 !important;
  transform-origin: center center !important;
  will-change: transform, filter;
}

body.post-intro-pgl-callout .pgl-toggle::after {
  content: "";
  position: absolute;
  inset: -10px;
  border-radius: 999px;
  border: 1px solid rgba(17,17,17,.24);
  opacity: 0;
  pointer-events: none;
  animation: pglPostIntroHaloPulse 1080ms ease-in-out 7 !important;
}

@keyframes pglPostIntroSignetPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 7px 12px rgba(20,18,14,.18)); }
  50% { transform: scale(1.22); filter: drop-shadow(0 13px 22px rgba(20,18,14,.28)); }
}

@keyframes pglPostIntroHaloPulse {
  0% { opacity: 0; transform: scale(.82); }
  18% { opacity: .36; }
  58% { opacity: .08; transform: scale(1.92); }
  100% { opacity: 0; transform: scale(2.05); }
}

@media (max-width: 760px) {
  .intro-dependency-tile.intro-tile-twin,
  .intro-dependency-tile.tile.system.intro-tile-twin {
    top: 112px !important;
  }

  .intro-access-dialog {
    min-height: 464px !important;
  }
}

:root {
  --intro-access-controls-shift: 54px;
}

.intro-access-dialog {
  min-height: 444px !important;
  padding-bottom: 18px !important;
  grid-template-rows: auto auto auto !important;
}

.intro-access-fields {
  align-self: start !important;
  transform: translateY(var(--intro-access-controls-shift)) !important;
  margin-bottom: calc(var(--intro-access-controls-shift) + 10px) !important;
}

.intro-access-button {
  width: 50% !important;
  min-width: 168px;
  justify-self: center !important;
  align-self: start !important;
  transform: translateY(var(--intro-access-controls-shift)) !important;
  margin-top: 0 !important;
}

@media (max-width: 760px) {
  .intro-access-dialog {
    min-height: 418px !important;
    padding-bottom: 16px !important;
  }

  .intro-access-fields {
    margin-bottom: calc(var(--intro-access-controls-shift) + 8px) !important;
  }

  .intro-access-button {
    width: 100% !important;
    min-width: 0;
  }
}

:root {
  --pgl-shadow-reserve: 34px;
  --intro-access-lower-gap: 16px;
}

.pgl-entry {
  overflow: visible !important;
  width: calc(var(--pgl-mark-size, 56px) + var(--pgl-shadow-reserve) * 2) !important;
  height: calc(var(--pgl-mark-size, 56px) + var(--pgl-shadow-reserve) * 2) !important;
  padding: var(--pgl-shadow-reserve) !important;
  box-sizing: border-box !important;
}

.pgl-toggle {
  overflow: visible !important;
  width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  flex: 0 0 var(--pgl-mark-size, 56px) !important;
}

.pgl-mark {
  overflow: visible !important;
  display: grid !important;
  place-items: center !important;
}

.pgl-mark img {
  overflow: visible !important;
}

.intro-access-dialog {
  min-height: 416px !important;
  padding: 28px 34px 22px !important;
  grid-template-rows: auto 1fr auto auto !important;
  align-content: stretch !important;
  row-gap: 0 !important;
}

.intro-access-copy {
  margin-bottom: calc(88px + var(--intro-copy-to-tile-gap) + 8px) !important;
}

.intro-access-fields {
  align-self: end !important;
  justify-self: center !important;
  width: min(452px, 100%) !important;
  transform: none !important;
  margin: 0 0 var(--intro-access-lower-gap) 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.intro-access-button {
  width: min(226px, 50%) !important;
  min-width: 178px !important;
  justify-self: center !important;
  align-self: end !important;
  transform: none !important;
  margin: 0 !important;
}

.intro-access-field input {
  min-height: 36px !important;
}

@media (max-width: 760px) {
  .pgl-entry {
    width: calc(var(--pgl-mark-size, 56px) + 44px) !important;
    height: calc(var(--pgl-mark-size, 56px) + 44px) !important;
    padding: 22px !important;
  }

  .intro-access-dialog {
    min-height: 410px !important;
    padding: 24px 22px 20px !important;
  }

  .intro-access-fields {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .intro-access-button {
    width: 100% !important;
    min-width: 0 !important;
  }
}

:root {
  --intro-dialog-width: 520px;
  --intro-dialog-fields-width: 404px;
}

.intro-edge-layer path.intro-edge-path,
.intro-edge-layer path.intro-edge-path.terminal,
body.intro-path-reveal .intro-edge-layer path.intro-edge-path,
body.intro-breath-hold .intro-edge-layer path.intro-edge-path {
  stroke-width: 2.5px !important;
  vector-effect: non-scaling-stroke !important;
  shape-rendering: geometricPrecision;
}

.intro-edge-layer marker path {
  fill: #171717 !important;
  stroke: none !important;
}

.intro-dependency-object {
  width: min(560px, calc(100vw - 44px)) !important;
  min-height: 392px !important;
}

.intro-access-dialog {
  width: min(var(--intro-dialog-width), calc(100vw - 44px)) !important;
  min-height: 388px !important;
  padding: 26px 28px 16px !important;
  grid-template-rows: auto auto auto !important;
  align-content: start !important;
  row-gap: 10px !important;
}

.intro-access-copy {
  width: min(368px, 100%) !important;
  margin-bottom: calc(84px + var(--intro-copy-to-tile-gap) - 14px) !important;
}

.intro-access-fields {
  align-self: start !important;
  justify-self: center !important;
  width: min(var(--intro-dialog-fields-width), 100%) !important;
  margin: 0 !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.intro-access-button {
  width: min(208px, 50%) !important;
  min-width: 164px !important;
  margin: 2px 0 0 !important;
}

@media (max-width: 760px) {
  .intro-dependency-object {
    width: min(500px, calc(100vw - 32px)) !important;
    min-height: 382px !important;
  }

  .intro-access-dialog {
    width: min(470px, calc(100vw - 32px)) !important;
    min-height: 376px !important;
    padding: 22px 20px 14px !important;
    row-gap: 9px !important;
  }

  .intro-access-copy {
    width: min(330px, 100%) !important;
    margin-bottom: calc(84px + var(--intro-copy-to-tile-gap) - 16px) !important;
  }

  .intro-access-fields {
    width: min(340px, 100%) !important;
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }

  .intro-access-button {
    width: min(208px, 100%) !important;
  }
}

:root {
  --intro-controls-downshift: 48px;
}

.intro-dependency-object {
  transition: opacity .24s ease, filter .24s ease !important;
}

body.intro-active:not(.intro-access-revealed) .intro-dependency-object {
  opacity: 0 !important;
  filter: blur(1.5px);
  pointer-events: none !important;
}

body.intro-active.intro-access-revealed .intro-dependency-object {
  opacity: 1 !important;
  filter: none !important;
  pointer-events: auto !important;
}

.intro-access-dialog {
  min-height: 340px !important;
  padding: 26px 28px 8px !important;
  row-gap: 0 !important;
}

.intro-access-fields {
  transform: translateY(var(--intro-controls-downshift)) !important;
  margin: 0 !important;
}

.intro-access-button {
  transform: translateY(var(--intro-controls-downshift)) !important;
  margin: 2px 0 0 !important;
}

.intro-access-copy {
  margin-bottom: calc(84px + var(--intro-copy-to-tile-gap) - 14px) !important;
}

body.intro-breath-hold .intro-edge-layer path.intro-path-segment.is-drawn,
body.intro-breath-hold .intro-edge-layer path.intro-path-terminal.is-arrow-visible {
  animation: introPathPulseConsistent 1100ms ease-in-out 4 !important;
}

@keyframes introPathPulseConsistent {
  0%, 100% { opacity: .90; stroke-width: 2.5px; filter: drop-shadow(0 0 0 rgba(20,18,14,0)); }
  50% { opacity: 1; stroke-width: 2.5px; filter: drop-shadow(0 0 8px rgba(20,18,14,.16)); }
}

@media (max-width: 760px) {
  .intro-access-dialog {
    min-height: 328px !important;
    padding: 22px 20px 6px !important;
  }
}

:root {
  --intro-fields-downshift: 24px;
  --intro-button-downshift: 48px;
}

.intro-access-dialog {
  border-radius: 11px !important;
}

.intro-access-dialog::before {
  border-radius: 9px !important;
}

.intro-access-fields {
  transform: translateY(var(--intro-fields-downshift)) !important;
}

.intro-access-button {
  transform: translateY(var(--intro-button-downshift)) !important;
}

@media (max-width: 760px) {
  .intro-access-dialog {
    border-radius: 10px !important;
  }

  .intro-access-dialog::before {
    border-radius: 8px !important;
  }
}

.intro-dependency-object {
  --intro-object-shift-x: 0px !important;
  --intro-object-shift-y: 0px !important;
  width: min(560px, calc(100vw - 44px)) !important;
}

.intro-dependency-tile.intro-dialog-anchor-tile,
.intro-dependency-tile.tile.system.intro-dialog-anchor-tile {
  position: absolute !important;
  left: 50% !important;
  top: 116px !important;
  z-index: 3 !important;
  transform: translateX(-50%) !important;
  width: 178px !important;
  min-height: 86px !important;
  height: auto !important;
  display: grid !important;
  gap: 5px !important;
  padding: 13px 15px 12px !important;
  border: 1.5px solid rgba(35,106,166,.82) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.95) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.84), 0 18px 42px rgba(20,18,14,.20) !important;
  cursor: default !important;
}

.intro-dependency-tile.intro-dialog-anchor-tile .kind {
  width: max-content !important;
  border: 1px solid rgba(0,0,0,.20) !important;
  border-radius: 999px !important;
  padding: 2px 7px !important;
  color: #5c554b !important;
  background: rgba(255,255,255,.72) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
}

.intro-dependency-tile.intro-dialog-anchor-tile strong {
  font-size: 13px !important;
  line-height: 1.12 !important;
  letter-spacing: -.015em !important;
}

.intro-dependency-tile.intro-dialog-anchor-tile small {
  color: var(--muted) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

@media (max-width: 760px) {
  .intro-dependency-tile.intro-dialog-anchor-tile,
  .intro-dependency-tile.tile.system.intro-dialog-anchor-tile {
    top: 112px !important;
    width: 170px !important;
  }
}

:root {
  --intro-button-downshift: 56px;
}

:root {
  --intro-fields-downshift: 44px;
  --intro-button-downshift: 68px;
}

.intro-dependency-object.is-crashing .intro-dependency-tile.intro-dialog-anchor-tile,
.intro-dependency-object.is-crashing .intro-dependency-tile.tile.system.intro-dialog-anchor-tile {
  opacity: 0 !important;
  transform: translateX(-50%) translateY(16px) scale(.86) !important;
  filter: blur(3px) !important;
  transition: opacity .22s ease, transform .24s cubic-bezier(.2,.7,.25,1), filter .22s ease !important;
}

.intro-dependency-object.is-crashing .intro-access-dialog {
  opacity: 0 !important;
  filter: blur(4px) !important;
}

.intro-access-fields {
  transform: translateY(var(--intro-fields-downshift)) !important;
}

.intro-access-button {
  transform: translateY(var(--intro-button-downshift)) !important;
}

:root {
  --intro-button-downshift: 56px;
}

.intro-access-fields {
  width: 100% !important;
  max-width: none !important;
  grid-template-columns:
    minmax(14px, 1fr)
    minmax(0, 176px)
    minmax(14px, 1fr)
    minmax(0, 176px)
    minmax(14px, 1fr) !important;
  column-gap: 0 !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}

.intro-access-fields > .intro-access-field:first-child {
  grid-column: 2 !important;
}

.intro-access-fields > .intro-access-field:nth-child(2) {
  grid-column: 4 !important;
}

@media (max-width: 760px) {
  .intro-access-fields {
    width: min(340px, 100%) !important;
    grid-template-columns: 1fr !important;
    column-gap: 0 !important;
    row-gap: 9px !important;
    justify-self: center !important;
  }

  .intro-access-fields > .intro-access-field:first-child,
  .intro-access-fields > .intro-access-field:nth-child(2) {
    grid-column: 1 !important;
  }
}

.intro-dependency-tile.intro-dialog-anchor-tile,
.intro-dependency-tile.tile.system.intro-dialog-anchor-tile {
  top: 104px !important;
}

@media (max-width: 760px) {
  .intro-dependency-tile.intro-dialog-anchor-tile,
  .intro-dependency-tile.tile.system.intro-dialog-anchor-tile {
    top: 100px !important;
  }
}

.intro-access-dialog strong {
  font-size: 17.5px !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
}

.atlas-intro-layer .intro-dependency-tile,
.atlas-intro-layer .intro-ghost-tile {
  pointer-events: none !important;
}

.atlas-intro-layer .intro-access-button:hover {
  transform: translateY(var(--intro-button-downshift)) !important;
  background: #171717 !important;
  color: #fff !important;
  border-color: #171717 !important;
  box-shadow: none !important;
}

.atlas-intro-layer .intro-access-field input:hover {
  border-color: rgba(20,20,20,.20) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: none !important;
}

@media (max-width: 760px) {
  .intro-access-dialog strong {
    font-size: 24px !important;
  }
}

.case-ops-panel .case-ops-header {
  touch-action: none;
}

.case-ops-panel.is-offscreen-docked {
  box-shadow: 0 18px 60px rgba(20,18,14,.22);
}

.case-ops-entry {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 88px;
}

.case-ops-entry .case-ops-toggle {
  transform-origin: center center;
}

.case-ops-entry .case-ops-toggle:hover {
  transform: scale(.8) translateY(-1px);
}

@media (max-width: 1180px) {
  .case-ops-entry {
    justify-content: flex-start;
  }
}

.intro-dependency-tile.intro-dialog-anchor-tile.is-locked .kind::after,
.intro-dependency-tile.tile.system.intro-dialog-anchor-tile.is-locked .kind::after,
.atlas-intro-layer .intro-dependency-tile.intro-dialog-anchor-tile .kind::after {
  content: none !important;
  display: none !important;
}

.intro-dependency-tile.intro-dialog-anchor-tile.is-locked .kind,
.intro-dependency-tile.tile.system.intro-dialog-anchor-tile.is-locked .kind {
  color: #5c554b !important;
  border-color: rgba(0,0,0,.20) !important;
  background: rgba(255,255,255,.72) !important;
}

.atlas-intro-layer .intro-access-field:hover {
  color: var(--muted) !important;
}

.atlas-intro-layer .intro-access-field:hover input,
.atlas-intro-layer .intro-access-field input:hover:not(:focus) {
  border-color: rgba(20,20,20,.20) !important;
  background: rgba(255,255,255,.88) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

.atlas-intro-layer .intro-access-field input:focus,
.atlas-intro-layer .intro-access-field input:focus:hover {
  border-color: rgba(20,20,20,.46) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.62) !important;
  background: #fff !important;
}

body.intro-path-reveal .intro-ghost-tile.is-path-tile.is-intro-moving,
body.intro-breath-hold .intro-ghost-tile.is-path-tile.is-intro-moving {
  background: #fff;
}

body.intro-path-reveal .intro-ghost-tile.is-path-tile.is-intro-moving.tile.system,
body.intro-breath-hold .intro-ghost-tile.is-path-tile.is-intro-moving.tile.system {
  background: rgb(245, 250, 255);
}

body.intro-path-reveal .intro-ghost-tile.is-path-tile.is-intro-moving.tile.release,
body.intro-breath-hold .intro-ghost-tile.is-path-tile.is-intro-moving.tile.release {
  background: rgb(255, 248, 247);
}

.pgl-ribbon-intro {
  flex-wrap: wrap;
  row-gap: 3px;
}

.pgl-ribbon-claim {
  flex: 0 0 100%;
  margin: 0;
  color: rgba(23,23,23,.72);
  font-size: 11.2px;
  line-height: 1.25;
  letter-spacing: .002em;
}

.pgl-ribbon-intro .pgl-ribbon-claim strong {
  display: inline;
  font-size: inherit;
  font-weight: 700;
  letter-spacing: inherit;
  text-transform: none;
  color: #171717;
}

@media (max-width: 760px) {
  .pgl-ribbon-claim {
    font-size: 10.8px;
    line-height: 1.22;
  }
}

.pgl-ribbon-intro [data-pgl-intro-subtitle] {
  display: none !important;
}

.pgl-ribbon-claim {
  font-size: 11.2px;
}

.pgl-ribbon-intro .pgl-ribbon-claim strong {
  font-size: inherit !important;
  font-weight: 700;
  letter-spacing: inherit;
}

.pgl-ribbon-intro .pgl-language-switch {
  top: 0 !important;
  transform: translateY(-4px) !important;
}

.pgl-ribbon-claim {
  margin-top: 2px !important;
}

@media (max-width: 760px) {
  .pgl-ribbon-intro .pgl-language-switch {
    transform: none !important;
    margin-top: 3px !important;
  }

  .pgl-ribbon-claim {
    margin-top: 2px !important;
  }
}

.representation-workspace-panel {
  position: fixed;
  z-index: 88;
  top: calc(14px + var(--header-h) + 92px);
  right: min(390px, calc(100vw - 424px));
  width: min(384px, calc(100vw - 36px));
  max-height: calc(100vh - var(--header-h) - 112px);
  overflow: auto;
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 20px;
  background: rgba(255,255,255,.90);
  backdrop-filter: blur(18px);
  box-shadow: 0 24px 70px rgba(20,18,14,.18);
  padding: 13px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-8px) scale(.985);
  transition: opacity .18s ease, transform .18s ease;
}

.representation-workspace-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0) scale(1);
}

.representation-workspace-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 12px;
  cursor: move;
  user-select: none;
  touch-action: none;
}

.representation-workspace-header strong {
  display: block;
  font-size: 15px;
  line-height: 1.08;
  letter-spacing: -.015em;
}

.workspace-kicker {
  display: block;
  margin-bottom: 4px;
  color: rgba(17,17,17,.52);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .095em;
}

.workspace-close {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(0,0,0,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.76);
  color: #171717;
}

.representation-workspace-body {
  display: grid;
  gap: 11px;
}

.workspace-gate-strip {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 30px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.64);
  padding: 4px 9px 4px 5px;
  color: rgba(17,17,17,.68);
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-gate-pill {
  flex: 0 0 auto;
  border-radius: 999px;
  background: #171717;
  color: #fff;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .075em;
}

.workspace-meta {
  display: grid;
  grid-template-columns: 76px 1fr;
  gap: 7px 10px;
  margin: 0;
}

.workspace-meta dt {
  color: var(--muted);
  font-size: 11.5px;
}

.workspace-meta dd {
  margin: 0;
  min-width: 0;
  color: #171717;
  font-size: 11.8px;
  font-weight: 650;
  line-height: 1.32;
}

.workspace-note {
  margin: 0;
  border-top: 1px solid rgba(0,0,0,.10);
  padding-top: 10px;
  color: rgba(17,17,17,.62);
  font-size: 12px;
  line-height: 1.42;
}

.tile.is-workspace-source {
  box-shadow: 0 0 0 2px rgba(255,255,255,.86), 0 0 0 5px rgba(17,17,17,.34), 0 18px 38px rgba(20,18,14,.18);
}

@media (max-width: 1020px) {
  .representation-workspace-panel {
    right: 18px;
    top: calc(14px + var(--header-h) + 92px);
  }
}

:root {
  --representation-workspace-gap: 22px;
}

.representation-workspace-panel {
  top: var(--representation-workspace-top, calc(14px + var(--header-h) + 92px)) !important;
  left: var(--representation-workspace-left, auto) !important;
  right: var(--representation-workspace-right, 18px) !important;
  width: var(--representation-workspace-width, min(384px, calc(100vw - 36px))) !important;
  height: var(--representation-workspace-height, auto) !important;
  max-height: var(--representation-workspace-height, calc(100vh - var(--header-h) - 112px)) !important;
  display: flex;
  flex-direction: column;
}

.representation-workspace-panel .representation-workspace-body {
  min-height: 0;
  overflow: auto;
}

.representation-workspace-panel.is-focus-window-sized {
  width: auto !important;
}

@media (max-width: 1020px) {
  .representation-workspace-panel.is-focus-window-sized {
    left: auto !important;
    right: 18px !important;
    width: min(384px, calc(100vw - 36px)) !important;
  }
}

.representation-workspace-panel.is-user-positioned {
  right: auto !important;
  width: var(--representation-workspace-width, min(384px, calc(100vw - 36px))) !important;
  height: var(--representation-workspace-height, auto) !important;
  max-height: var(--representation-workspace-height, calc(100vh - var(--header-h) - 112px)) !important;
}

.representation-workspace-panel.is-dragging {
  transition: none !important;
  cursor: grabbing;
}

.representation-workspace-panel.is-dragging .representation-workspace-header {
  cursor: grabbing;
}

:root {
  --z-workspace-panel: 88;
  --z-case-ops-panel: 96;
  --z-managed-panel-front: 105;
}

.representation-workspace-panel {
  z-index: var(--z-workspace-panel) !important;
}

.case-ops-panel {
  z-index: var(--z-case-ops-panel) !important;
}

.representation-workspace-panel.is-managed-panel-front,
.case-ops-panel.is-managed-panel-front {
  z-index: var(--z-managed-panel-front) !important;
}

:root {
  --z-managed-panel-base: 88;
  --z-managed-panel-front: 108;
  --z-panel-dock-pills: 122;
}

.panel-dock {
  z-index: var(--z-panel-dock-pills) !important;
  pointer-events: auto;
}

.panel-dock .panel-toggle,
.panel-toggle {
  position: relative;
  z-index: calc(var(--z-panel-dock-pills) + 1) !important;
}

.floating-panel,
.representation-workspace-panel,
.case-ops-panel {
  z-index: var(--z-managed-panel-base) !important;
}

.floating-panel.is-managed-panel-front,
.representation-workspace-panel.is-managed-panel-front,
.case-ops-panel.is-managed-panel-front {
  z-index: var(--z-managed-panel-front) !important;
}

.pgl-entry,
.pgl-toggle {
  z-index: 126 !important;
}

body,
.controlbar,
.brand,
.legend,
.toolbar,
.atlas-shell,
.atlas-stage,
.zone,
.lane-label,
.tile,
.panel-dock,
.panel-toggle,
.floating-panel,
.floating-panel header,
.case-ops-panel,
.case-ops-header,
.case-ops-grid,
.representation-workspace-panel,
.representation-workspace-header,
.representation-workspace-body,
.pgl-drawer,
.pgl-ribbon,
.pgl-menu,
.pgl-chip,
.pgl-frame,
.focus-pill-overlay,
.focus-pill-clone,
.it-todo-panel,
.it-todo-panel-header,
.atlas-intro-layer,
.intro-brand-lockup,
.intro-dependency-object,
.intro-access-dialog {
  -webkit-user-select: none;
  user-select: none;
}

input,
textarea,
select,
[contenteditable="true"],
.editable,
.allow-text-selection {
  -webkit-user-select: text !important;
  user-select: text !important;
}

.representation-workspace-panel.is-workspace-current {
  border-color: rgba(45,139,87,.34) !important;
}

.representation-workspace-panel.is-workspace-stale {
  border-color: rgba(173,123,0,.36) !important;
  background: rgba(255,255,255,.86) !important;
}

.representation-workspace-panel.is-workspace-stale .workspace-gate-strip {
  border-color: rgba(173,123,0,.28);
  background: rgba(244,223,147,.32);
}

.representation-workspace-panel.is-workspace-stale .workspace-gate-pill {
  background: rgba(173,123,0,.92);
}

.tile.is-workspace-source-stale {
  box-shadow: 0 0 0 2px rgba(255,255,255,.74), 0 0 0 5px rgba(173,123,0,.34), 0 14px 30px rgba(20,18,14,.13);
}

.representation-workspace-header {
  align-items: flex-start !important;
}

.workspace-title-stack {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.workspace-title-stack strong,
#representationWorkspaceTitle {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-identity-line {
  display: block;
  max-width: min(420px, 100%);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(17,17,17,.58);
  font-size: 11.2px;
  line-height: 1.22;
}

.workspace-header-actions {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
}

.workspace-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 156px;
  min-height: 25px;
  padding: 4px 8px;
  border: 1px solid rgba(0,0,0,.16);
  border-radius: 999px;
  background: rgba(255,255,255,.74);
  color: rgba(17,17,17,.70);
  font-size: 10px;
  font-weight: 780;
  line-height: 1.05;
  letter-spacing: .045em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-status-pill[data-workspace-status="current"] {
  border-color: rgba(45,139,87,.34);
  background: rgba(191,231,200,.46);
  color: rgba(30,92,58,.95);
}

.workspace-status-pill[data-workspace-status="stale"] {
  border-color: rgba(173,123,0,.34);
  background: rgba(244,223,147,.44);
  color: rgba(120,82,0,.95);
}

.workspace-status-pill[data-workspace-status="closed"] {
  opacity: .54;
}

@media (max-width: 760px) {
  .representation-workspace-header {
    gap: 10px !important;
  }

  .workspace-header-actions {
    gap: 5px;
  }

  .workspace-status-pill {
    max-width: 104px;
  }
}

.representation-workspace-panel[data-workspace-display-id] .workspace-kicker {
  letter-spacing: .085em;
}

.workspace-instance-tabs {
  display: flex;
  gap: 6px;
  margin: -3px 0 11px;
  padding: 1px 1px 3px;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-user-select: none;
  user-select: none;
}

.workspace-instance-tabs[hidden] {
  display: none !important;
}

.workspace-instance-tab {
  flex: 0 0 auto;
  min-width: 92px;
  max-width: 142px;
  min-height: 38px;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas:
    "id title"
    "id step";
  column-gap: 6px;
  align-items: center;
  border: 1px solid rgba(0,0,0,.14);
  border-radius: 13px;
  background: rgba(255,255,255,.54);
  color: #171717;
  padding: 5px 8px 5px 6px;
  text-align: left;
  box-shadow: 0 7px 16px rgba(20,18,14,.055);
}

.workspace-instance-tab:hover {
  background: rgba(255,255,255,.82);
  border-color: rgba(0,0,0,.26);
}

.workspace-instance-tab.is-active {
  background: #171717;
  border-color: #171717;
  color: #fff;
  box-shadow: 0 10px 22px rgba(20,18,14,.18);
}

.workspace-instance-tab.is-stale:not(.is-active) {
  border-color: rgba(173,123,0,.28);
  background: rgba(244,223,147,.28);
}

.workspace-instance-tab span {
  grid-area: id;
  align-self: stretch;
  display: grid;
  place-items: center;
  min-width: 34px;
  border-radius: 9px;
  background: rgba(17,17,17,.08);
  color: rgba(17,17,17,.72);
  font-size: 9px;
  font-weight: 820;
  letter-spacing: .045em;
}

.workspace-instance-tab.is-active span {
  background: rgba(255,255,255,.16);
  color: #fff;
}

.workspace-instance-tab strong {
  grid-area: title;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10.5px;
  line-height: 1.05;
}

.workspace-instance-tab em {
  grid-area: step;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(17,17,17,.55);
  font-size: 9.2px;
  line-height: 1.05;
  font-style: normal;
}

.workspace-instance-tab.is-active em {
  color: rgba(255,255,255,.68);
}

@media (max-width: 760px) {
  .workspace-instance-tab {
    min-width: 84px;
    max-width: 124px;
  }
}

.workspace-instance-tabs {
  position: relative;
  max-width: 100%;
  min-height: 44px;
  align-items: stretch;
  gap: 7px;
  margin: -2px -2px 10px;
  padding: 2px 2px 6px;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scroll-snap-type: x proximity;
  scrollbar-width: thin;
  border-bottom: 1px solid rgba(20,20,20,.07);
}

.workspace-instance-tabs.has-tabs::before,
.workspace-instance-tabs.has-tabs::after {
  content: "";
  position: sticky;
  z-index: 2;
  top: 0;
  width: 18px;
  flex: 0 0 18px;
  pointer-events: none;
}

.workspace-instance-tabs.has-tabs::before {
  left: 0;
  margin-right: -18px;
  background: linear-gradient(90deg, rgba(255,255,255,.86), rgba(255,255,255,0));
}

.workspace-instance-tabs.has-tabs::after {
  right: 0;
  margin-left: -18px;
  background: linear-gradient(270deg, rgba(255,255,255,.86), rgba(255,255,255,0));
}

.workspace-instance-tab {
  position: relative;
  scroll-snap-align: start;
  min-width: 104px;
  max-width: 156px;
  min-height: 40px;
  border-radius: 14px;
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.workspace-instance-tab:hover {
  transform: translateY(-1px);
}

.workspace-instance-tab.is-active {
  transform: none;
}

.workspace-instance-tab.is-stale:not(.is-active) {
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.38), 0 6px 14px rgba(173,123,0,.08);
}

.workspace-instance-tab.is-stale:not(.is-active)::after {
  content: "stale";
  position: absolute;
  right: 6px;
  top: 5px;
  border-radius: 999px;
  background: rgba(173,123,0,.12);
  color: rgba(92,70,20,.78);
  padding: 1px 5px;
  font-size: 7.5px;
  font-weight: 760;
  letter-spacing: .05em;
  text-transform: uppercase;
}

.workspace-instance-tab:focus-visible {
  outline: 2px solid rgba(17,17,17,.50);
  outline-offset: 2px;
}

.workspace-instance-tab strong,
.workspace-instance-tab em {
  padding-right: 2px;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    min-height: 42px;
  }

  .workspace-instance-tab {
    min-width: 96px;
    max-width: 138px;
  }
}

.workspace-tab-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: -3px 0 11px;
  padding: 0 1px 2px;
  -webkit-user-select: none;
  user-select: none;
}

.workspace-tab-controls[hidden] {
  display: none !important;
}

.workspace-tab-controls button {
  min-height: 25px;
  border: 1px solid rgba(20,20,20,.14);
  border-radius: 999px;
  background: rgba(255,255,255,.58);
  color: #34302b;
  padding: 4px 8px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .015em;
}

.workspace-tab-controls button:hover:not(:disabled) {
  background: rgba(255,255,255,.88);
  border-color: rgba(20,20,20,.28);
}

.workspace-tab-controls button:disabled {
  opacity: .32;
  cursor: not-allowed;
}

.workspace-tab-controls button[data-workspace-tab-action="close-all"]:not(:disabled) {
  border-color: rgba(179,54,44,.22);
  color: rgba(120,38,32,.86);
}

.workspace-tab-controls button:focus-visible {
  outline: 2px solid rgba(17,17,17,.50);
  outline-offset: 2px;
}

body.focus-window-active .edge-path,
body.focus-window-active .edge-path.edge-overview,
body.focus-window-active .edge-path.edge-current,
body.focus-window-active .edge-path.edge-upcoming,
body.focus-window-active .edge-path.edge-completed,
body.focus-window-active .edge-path.edge-focus-visible,
body.focus-window-active .edge-path.edge-overview.edge-focus-visible,
body.focus-window-active .edge-path.edge-current.edge-focus-visible,
body.focus-window-active .edge-path.edge-upcoming.edge-focus-visible,
body.focus-window-active .edge-path.edge-completed.edge-focus-visible {
  opacity: .20 !important;
  filter: none !important;
}

body.focus-window-active .edge-path.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-overview.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-current.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-upcoming.edge-focus-dimmed,
body.focus-window-active .edge-path.edge-completed.edge-focus-dimmed,
body.focus-window-active .edge-path.is-dimmed {
  opacity: .10 !important;
  filter: none !important;
}

body.focus-window-active .edge-path.edge-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  filter: none !important;
}

.representation-workspace-panel {
  display: grid !important;
  grid-template-columns: minmax(112px, 126px) minmax(0, 1fr);
  grid-template-rows: auto auto minmax(0, 1fr);
  column-gap: 10px;
  row-gap: 9px;
  overflow: visible;
}

.representation-workspace-header {
  grid-column: 1 / -1;
  grid-row: 1;
  margin-bottom: 0 !important;
}

.workspace-instance-tabs {
  grid-column: 1;
  grid-row: 2 / 4;
  position: relative;
  align-self: stretch;
  min-height: 0;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0 0 0 -3px;
  padding: 2px 0 4px 4px;
  overflow-x: visible;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scroll-snap-type: y proximity;
  scrollbar-width: thin;
  border-right: 1px solid rgba(20,20,20,.08);
  border-bottom: 0;
}

.workspace-instance-tabs[hidden] {
  display: none !important;
}

.workspace-instance-tabs.has-tabs::before,
.workspace-instance-tabs.has-tabs::after {
  display: none !important;
}

.workspace-instance-tab {
  position: relative;
  flex: 0 0 auto;
  width: calc(100% - 5px);
  min-width: 0;
  max-width: none;
  min-height: 48px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-template-areas:
    "id title"
    "id step";
  column-gap: 6px;
  align-items: center;
  scroll-snap-align: start;
  border-radius: 14px;
  padding: 6px 9px 6px 7px;
  overflow: visible;
}

.workspace-instance-tab::before {
  content: "";
  position: absolute;
  left: -4px;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 1.45px solid #000;
  border-radius: 999px;
  background: #fff;
  transform: translate(-50%, -50%);
  box-shadow: 0 1px 4px rgba(20,18,14,.18);
  opacity: .38;
  pointer-events: none;
  z-index: 4;
}

.workspace-instance-tab.is-active::before {
  opacity: 1;
  background: #fff;
}

.workspace-instance-tab.is-stale:not(.is-active)::before {
  opacity: .58;
  background: rgba(255,255,255,.86);
}

.workspace-instance-tab:hover {
  transform: translateX(1px);
}

.workspace-instance-tab.is-active {
  transform: none;
}

.workspace-instance-tab span {
  min-width: 0;
  width: 30px;
}

.workspace-instance-tab strong,
.workspace-instance-tab em {
  min-width: 0;
  padding-right: 2px;
}

.workspace-tab-controls {
  grid-column: 2;
  grid-row: 2;
  margin: 0;
  padding: 0 1px 1px;
  align-self: start;
}

.representation-workspace-body {
  grid-column: 2;
  grid-row: 3;
  min-width: 0;
  min-height: 0;
}

.representation-workspace-panel .representation-workspace-body {
  min-height: 0;
  overflow: auto;
}

.tile.is-workspace-source::before,
.tile.is-workspace-source-stale::before {
  content: "";
  position: absolute;
  right: -4px;
  top: 50%;
  width: 8px;
  height: 8px;
  border: 1.45px solid #000;
  border-radius: 999px;
  background: #fff;
  transform: translate(50%, -50%);
  box-shadow: 0 1px 4px rgba(20,18,14,.20);
  opacity: 1;
  pointer-events: none;
  z-index: 7;
}

.tile.is-workspace-source-stale::before {
  opacity: .62;
  background: rgba(255,255,255,.86);
}

.tile.is-workspace-source,
.tile.is-workspace-source-stale {
  box-shadow:
    0 0 0 2px rgba(255,255,255,.92),
    0 0 0 5px rgba(0,0,0,.28),
    0 18px 38px rgba(0,0,0,.16);
}

.tile.is-workspace-source-stale {
  box-shadow:
    0 0 0 2px rgba(255,255,255,.78),
    0 0 0 5px rgba(0,0,0,.16),
    0 14px 30px rgba(0,0,0,.12);
}

@media (max-width: 760px) {
  .representation-workspace-panel {
    grid-template-columns: minmax(96px, 108px) minmax(0, 1fr);
    column-gap: 8px;
  }

  .workspace-instance-tab {
    min-height: 44px;
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 5px 7px 5px 6px;
  }

  .workspace-instance-tab span {
    width: 28px;
  }
}

.representation-workspace-panel {
  grid-template-columns: minmax(126px, 142px) minmax(0, 1fr) !important;
}

.workspace-instance-tabs {
  margin-left: -13px !important;         

  padding-left: 0 !important;
  padding-right: 9px !important;
  width: calc(100% + 13px) !important;   

}

.workspace-instance-tab {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin-left: 0 !important;
  padding-left: 10px !important;
}

.workspace-instance-tab::before {
  left: 0 !important;                    

  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@media (max-width: 760px) {
  .representation-workspace-panel {
    grid-template-columns: minmax(112px, 126px) minmax(0, 1fr) !important;
  }

  .workspace-instance-tabs {
    width: calc(100% + 13px) !important;
  }
}

.workspace-instance-tabs {
  margin-left: -15px !important;          

  width: calc(100% + 15px) !important;
  overflow-x: visible !important;
}

.workspace-instance-tab {
  transform: translateX(-2px);
}

.workspace-instance-tab:hover {
  transform: translateX(-1px);
}

.workspace-instance-tab.is-active {
  transform: translateX(-2px);
}

.workspace-instance-tab::before {
  left: 0 !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -15px !important;
    width: calc(100% + 15px) !important;
  }
}

.workspace-instance-tabs {
  margin-left: -20px !important;          

  padding-left: 5px !important;           

  width: calc(100% + 20px) !important;
  overflow-x: visible !important;
}

.workspace-instance-tab {
  transform: translateX(0) !important;    

}

.workspace-instance-tab:hover {
  transform: translateX(1px) !important;
}

.workspace-instance-tab.is-active {
  transform: translateX(0) !important;
}

.workspace-instance-tab::before {
  left: 0 !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -19px !important;
    padding-left: 5px !important;
    width: calc(100% + 19px) !important;
  }
}

.workspace-instance-tabs {
  margin-left: -24px !important;          

  padding-left: 5px !important;
  width: calc(100% + 24px) !important;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -23px !important;
    padding-left: 5px !important;
    width: calc(100% + 23px) !important;
  }
}

.workspace-instance-tab,
.workspace-instance-tab.is-active,
.workspace-instance-tab.is-stale:not(.is-active) {
  box-shadow: none !important;
}

.workspace-instance-tab::before,
.tile.is-workspace-source::before,
.tile.is-workspace-source-stale::before {
  box-shadow: none !important;
}

.workspace-origin-cord-layer {
  position: fixed;
  inset: 0;
  z-index: calc(var(--z-managed-panel-front, 108) - 1);
  width: 100vw;
  height: 100vh;
  overflow: visible;
  pointer-events: none;
  opacity: 0;
  transition: opacity .14s ease;
}

.workspace-origin-cord-layer.is-visible {
  opacity: 1;
}

.workspace-origin-cord-path {
  fill: none;
  stroke: #000;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
  opacity: .96;
}

.workspace-origin-cord-layer.is-dashed .workspace-origin-cord-path {
  stroke-dasharray: 6 6;
}

.workspace-origin-cord-layer.is-settling .workspace-origin-cord-path {
  animation: workspaceOriginCordSettle .46s ease-out both;
}

@keyframes workspaceOriginCordSettle {
  0% {
    opacity: 0;
    stroke-dasharray: 3 9;
    stroke-dashoffset: 26;
  }
  45% {
    opacity: .72;
    stroke-dashoffset: 10;
  }
  100% {
    opacity: .96;
    stroke-dashoffset: 0;
  }
}

.workspace-origin-cord-layer.is-settling .workspace-origin-cord-path {
  animation: workspaceOriginCordSettleClean .32s ease-out both !important;
}

@keyframes workspaceOriginCordSettleClean {
  0% {
    opacity: 0;
  }
  58% {
    opacity: .76;
  }
  100% {
    opacity: .96;
  }
}

.tile.is-workspace-source::before,
.tile.is-workspace-source-stale::before {
  background: #000 !important;
  border-color: #000 !important;
  opacity: 1 !important;
}

.tile.is-workspace-source-stale::before {
  opacity: .74 !important;
}

.workspace-origin-cord-tile-dot {
  fill: #000;
  stroke: #000;
  stroke-width: 1.2px;
  vector-effect: non-scaling-stroke;
  opacity: 1;
}

.workspace-origin-cord-layer.is-dashed .workspace-origin-cord-tile-dot {
  opacity: .74;
}

.tile.is-workspace-source::before,
.tile.is-workspace-source-stale::before {
  display: none !important;
}

.workspace-instance-tab::before {
  left: -1px !important;
}

.workspace-title-stack {
  min-width: 0;
}

.workspace-kicker {
  letter-spacing: .055em;
}

.workspace-identity-line {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-instance-tab strong {
  font-size: 11px !important;
  letter-spacing: .045em;
}

.workspace-instance-tab em {
  font-size: 9px !important;
  opacity: .68;
}

.workspace-gate-strip {
  gap: 7px;
}

.workspace-meta {
  grid-template-columns: minmax(58px, .42fr) minmax(0, 1fr) !important;
}

.workspace-meta dt {
  white-space: nowrap;
}

.workspace-meta dd {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-note {
  margin-top: 8px !important;
}

.workspace-identity-line,
.workspace-gate-strip,
.workspace-meta,
.workspace-note,
.workspace-door,
.workspace-status-pill {
  display: none !important;
}

.representation-workspace-panel {
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  row-gap: 8px !important;
}

.representation-workspace-header {
  min-height: 32px;
  align-items: center !important;
}

.workspace-title-stack {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 7px;
  min-width: 0;
}

.workspace-kicker {
  margin: 0 !important;
  color: #111 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 820 !important;
  letter-spacing: .055em !important;
}

.representation-workspace-header strong {
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase;
}

.workspace-instance-tab {
  min-height: 42px !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas:
    "title" !important;
  padding: 7px 9px 7px 10px !important;
}

.workspace-instance-tab span,
.workspace-instance-tab em {
  display: none !important;
}

.workspace-instance-tab strong {
  grid-area: title;
  font-size: 10.5px !important;
  letter-spacing: .055em !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.workspace-tab-controls {
  align-self: start;
}

.representation-workspace-body {
  display: none !important;
}

.workspace-instance-tab {
  touch-action: none;
}

.workspace-instance-tab.is-tab-dragging {
  position: relative;
  z-index: 20;
  transform:
    translateX(var(--tab-drag-x, 0px))
    translateY(var(--tab-drag-y, 0px)) !important;
  opacity: var(--tab-drag-opacity, .92);
  transition: none !important;
  cursor: grabbing;
}

.workspace-instance-tab.is-tab-close-ready {
  opacity: .58;
  outline: 1.5px dashed rgba(0,0,0,.42);
  outline-offset: 2px;
}

body.workspace-tab-drag-active {
  cursor: grabbing;
  user-select: none;
}

:root {
  --workspace-tab-drag-gutter: 260px;
}

.workspace-instance-tabs {
  margin-left: calc(-24px - var(--workspace-tab-drag-gutter)) !important;
  padding-left: calc(5px + var(--workspace-tab-drag-gutter)) !important;
  width: calc(100% + 24px + var(--workspace-tab-drag-gutter)) !important;
  overflow-x: visible !important;
}

.workspace-instance-tab {
  background: #fff !important;
  border-color: rgba(0,0,0,.18) !important;
}

.workspace-instance-tab:hover {
  background: #fff !important;
  border-color: rgba(0,0,0,.30) !important;
}

.workspace-instance-tab.is-active {
  background: #171717 !important;
  border-color: #171717 !important;
  color: #fff !important;
}

.workspace-instance-tab.is-stale:not(.is-active) {
  background: #f4df93 !important;
  border-color: rgba(173,123,0,.38) !important;
}

.workspace-instance-tab.is-tab-dragging {
  background: #fff !important;
}

.workspace-instance-tab.is-tab-dragging.is-active {
  background: #171717 !important;
}

@media (max-width: 760px) {
  :root {
    --workspace-tab-drag-gutter: 220px;
  }

  .workspace-instance-tabs {
    margin-left: calc(-23px - var(--workspace-tab-drag-gutter)) !important;
    padding-left: calc(5px + var(--workspace-tab-drag-gutter)) !important;
    width: calc(100% + 23px + var(--workspace-tab-drag-gutter)) !important;
  }
}

:root {
  --workspace-tab-drag-gutter: 0px !important;
}

.workspace-instance-tabs {
  margin-left: -24px !important;
  padding-left: 5px !important;
  width: calc(100% + 24px) !important;
  overflow-x: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

.workspace-instance-tabs::before,
.workspace-instance-tabs::after {
  display: none !important;
  content: none !important;
}

.representation-workspace-panel {
  z-index: 88 !important;
}

.workspace-instance-tab {
  background: #fff !important;
}

.workspace-instance-tab.is-active {
  background: #171717 !important;
  color: #fff !important;
}

.workspace-instance-tab.is-stale:not(.is-active) {
  background: #f4df93 !important;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -23px !important;
    padding-left: 5px !important;
    width: calc(100% + 23px) !important;
  }
}

.workspace-kicker {
  display: none !important;
}

.representation-workspace-header strong {
  font-size: 12.5px !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
}

.workspace-instance-tab {
  min-height: 42px !important;
  display: grid !important;
  place-items: center start !important;
  background: rgba(0,0,0,.50) !important;
  border-color: rgba(0,0,0,.50) !important;
  color: #fff !important;
  opacity: 1 !important;
}

.workspace-instance-tab strong {
  align-self: center !important;
  justify-self: start !important;
  line-height: 1 !important;
}

.workspace-instance-tab.is-active {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

.workspace-instance-tab.is-connected-inactive {
  background: rgba(0,0,0,.50) !important;
  border-color: rgba(0,0,0,.50) !important;
  color: #fff !important;
}

.workspace-instance-tab.is-connected::after {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  width: 7px;
  height: 14px;
  border-radius: 0 9px 9px 0;
  background: rgba(255,255,255,.94);
  transform: translateY(-50%);
  pointer-events: none;
}

.workspace-instance-tab.is-active.is-connected::after {
  background: #fff;
}

.workspace-origin-cord-layer.is-solid .workspace-origin-cord-path,
.workspace-origin-cord-layer.is-solid .workspace-origin-cord-tile-dot {
  opacity: 1 !important;
}

.workspace-origin-cord-layer.is-dashed .workspace-origin-cord-path {
  opacity: .50 !important;
  stroke-dasharray: 6 6 !important;
}

.workspace-origin-cord-layer.is-dashed .workspace-origin-cord-tile-dot {
  opacity: .50 !important;
}

.workspace-instance-tab.is-tab-dragging {
  transform: none !important;
}

.workspace-instance-tab.is-connected-inactive,
.workspace-instance-tab.is-connected-inactive.is-stale {
  background: rgba(0,0,0,.50) !important;
  border-color: rgba(0,0,0,.50) !important;
  color: #fff !important;
}

.workspace-instance-tab.is-connected.is-active {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  content: "";
  display: block !important;
  position: absolute;
  left: -1px;
  top: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: #fff;
  border: 1.25px solid #000;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 5;
}

.workspace-instance-tab.is-connected-inactive::after {
  opacity: .68;
}

.workspace-instance-tab.is-active.is-connected::after {
  opacity: 1;
}

.workspace-origin-cord-tab-dot {
  display: none !important;
}

.workspace-origin-cord-layer.is-stabilizing {
  opacity: 0 !important;
}

.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before {
  content: "";
  display: block !important;
  position: absolute !important;
  left: -1px !important;
  top: 50% !important;
  width: 18px !important;
  height: 18px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  transform: translate(-50%, -50%) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
  z-index: 4 !important;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  width: 7px !important;
  height: 7px !important;
  left: -1px !important;
  top: 50% !important;
  background: #fff !important;
  border: 1.25px solid #000 !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
}

.workspace-instance-tab.is-connected-inactive::before {
  opacity: .92 !important;
}

.workspace-instance-tab.is-connected-inactive::after {
  opacity: .68 !important;
}

.workspace-instance-tabs {
  margin-left: -28px !important;
  padding-left: 5px !important;
  width: calc(100% + 28px) !important;
  overflow-x: visible !important;
}

.workspace-instance-tab {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.50) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20144%2048%27%3E%20%20%20%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%27144%27%20height%3D%2748%27%20rx%3D%2712%27%20ry%3D%2712%27%20fill%3D%27white%27/%3E%20%20%20%3Crect%20x%3D%27-1%27%20y%3D%2715.5%27%20width%3D%2717.5%27%20height%3D%2717%27%20rx%3D%277.5%27%20ry%3D%277.5%27%20fill%3D%27black%27/%3E%20%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20144%2048%27%3E%20%20%20%3Crect%20x%3D%270%27%20y%3D%270%27%20width%3D%27144%27%20height%3D%2748%27%20rx%3D%2712%27%20ry%3D%2712%27%20fill%3D%27white%27/%3E%20%20%20%3Crect%20x%3D%27-1%27%20y%3D%2715.5%27%20width%3D%2717.5%27%20height%3D%2717%27%20rx%3D%277.5%27%20ry%3D%277.5%27%20fill%3D%27black%27/%3E%20%3C/svg%3E");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.workspace-instance-tab.is-active::before,
.workspace-instance-tab.is-active.is-connected::before {
  background: #000 !important;
}

.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  background: rgba(0,0,0,.50) !important;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  width: 7px !important;
  height: 7px !important;
  left: -1px !important;
  top: 50% !important;
  background: #fff !important;
  border: 1.25px solid #000 !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
}

.workspace-instance-tab.is-connected-inactive::after {
  opacity: .68 !important;
}

.workspace-instance-tab strong {
  position: relative;
  z-index: 1;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -27px !important;
    padding-left: 5px !important;
    width: calc(100% + 27px) !important;
  }
}

.workspace-instance-tab {
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(0,0,0,.50) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: -1 !important;

  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20144%2048%27%3E%20%20%20%3Cpath%20d%3D%27M129%2C2H24c-7.2%2C0-13%2C5.8-13%2C13s.8%2C1.9%2C1.8%2C2c3.5.4%2C6.2%2C3.4%2C6.2%2C7s-2.7%2C6.5-6.2%2C7c-1%2C.1-1.8%2C1-1.8%2C2%2C0%2C7.2%2C5.8%2C13%2C13%2C13h104.9c7.2%2C0%2C13-5.8%2C13-13V15c0-7.2-5.8-13-13-13Z%27%20fill%3D%27black%27/%3E%20%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20144%2048%27%3E%20%20%20%3Cpath%20d%3D%27M129%2C2H24c-7.2%2C0-13%2C5.8-13%2C13s.8%2C1.9%2C1.8%2C2c3.5.4%2C6.2%2C3.4%2C6.2%2C7s-2.7%2C6.5-6.2%2C7c-1%2C.1-1.8%2C1-1.8%2C2%2C0%2C7.2%2C5.8%2C13%2C13%2C13h104.9c7.2%2C0%2C13-5.8%2C13-13V15c0-7.2-5.8-13-13-13Z%27%20fill%3D%27black%27/%3E%20%3C/svg%3E") !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.workspace-instance-tab.is-active::before,
.workspace-instance-tab.is-active.is-connected::before {
  background: #000 !important;
}

.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  background: rgba(0,0,0,.50) !important;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  width: 7px !important;
  height: 7px !important;
  left: 8.333% !important;
  top: 50% !important;
  background: #fff !important;
  border: 1.25px solid #000 !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
  z-index: 5 !important;
}

.workspace-instance-tab.is-connected-inactive::after {
  opacity: .68 !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20144%2048%27%3E%20%20%20%3Cpath%20d%3D%27M141.9%2C33c0%2C7.2-5.8%2C13-13%2C13H24c-7.2%2C0-13-5.8-13-13s.8-1.9%2C1.8-2c3.5-.5%2C6.2-3.4%2C6.2-7s-2.7-6.6-6.2-7c-1%2C0-1.8%2C0-1.8-2%2C0-7.2%2C5.8-13%2C13-13h104.9c7.2%2C0%2C13%2C5.8%2C13%2C13v18Z%27%20fill%3D%27black%27/%3E%20%3C/svg%3E") !important;
  mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%20144%2048%27%3E%20%20%20%3Cpath%20d%3D%27M141.9%2C33c0%2C7.2-5.8%2C13-13%2C13H24c-7.2%2C0-13-5.8-13-13s.8-1.9%2C1.8-2c3.5-.5%2C6.2-3.4%2C6.2-7s-2.7-6.6-6.2-7c-1%2C0-1.8%2C0-1.8-2%2C0-7.2%2C5.8-13%2C13-13h104.9c7.2%2C0%2C13%2C5.8%2C13%2C13v18Z%27%20fill%3D%27black%27/%3E%20%3C/svg%3E") !important;
  -webkit-mask-size: 100% 100% !important;
  mask-size: 100% 100% !important;
  -webkit-mask-repeat: no-repeat !important;
  mask-repeat: no-repeat !important;
  -webkit-mask-position: center !important;
  mask-position: center !important;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  left: 8.333% !important;
  top: 50% !important;
}

.workspace-instance-tab {
  --workspace-tab-anchor-x: 0.08333333;
  --workspace-tab-anchor-y: 0.50000000;
  position: relative !important;
  isolation: isolate;
  overflow: visible !important;
  background: transparent !important;
  border-color: transparent !important;
  color: #fff !important;
  min-height: 42px !important;
  display: grid !important;
  place-items: center start !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%20%3Csvg%20id%3D%22Ebene_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20version%3D%221.1%22%20viewBox%3D%220%200%20144%2048%22%3E%20%20%20%3C%21--%20Generator%3A%20Adobe%20Illustrator%2030.2.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%202.1.1%20Build%201%29%20%20--%3E%20%20%20%3Cdefs%3E%20%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20%20.st0%20%7B%20%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%20%20%20%20%20%20%20%20%20stroke%3A%20%23000%3B%20%20%20%20%20%20%20%20%20stroke-width%3A%201.2px%3B%20%20%20%20%20%20%20%7D%20%20%20%20%20%3C/style%3E%20%20%20%3C/defs%3E%20%20%20%3Cpath%20d%3D%22M129%2C2H24c-7.2%2C0-13%2C5.8-13%2C13s.8%2C1.9%2C1.8%2C2c3.5.4%2C6.2%2C3.4%2C6.2%2C7s-2.7%2C6.5-6.2%2C7c-1%2C.1-1.8%2C1-1.8%2C2%2C0%2C7.2%2C5.8%2C13%2C13%2C13h104.9c7.2%2C0%2C13-5.8%2C13-13V15c0-7.2-5.8-13-13-13Z%22/%3E%20%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: .50 !important;
  transform: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.workspace-instance-tab.is-active::before,
.workspace-instance-tab.is-active.is-connected::before {
  opacity: 1 !important;
}

.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  opacity: .50 !important;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: calc(var(--workspace-tab-anchor-x) * 100%) !important;
  top: calc(var(--workspace-tab-anchor-y) * 100%) !important;
  width: 7px !important;
  height: 7px !important;
  background: #fff !important;
  border: 1.25px solid #000 !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

.workspace-instance-tab.is-connected-inactive::after {
  opacity: .68 !important;
}

.workspace-instance-tab strong {
  position: relative;
  z-index: 1;
  padding-left: 12px;
}

.workspace-instance-tab,
.workspace-instance-tab:hover,
.workspace-instance-tab.is-active,
.workspace-instance-tab.is-connected,
.workspace-instance-tab.is-connected.is-active,
.workspace-instance-tab.is-connected-inactive,
.workspace-instance-tab.is-connected-inactive.is-stale,
.workspace-instance-tab.is-stale:not(.is-active),
.workspace-instance-tab.is-tab-dragging,
.workspace-instance-tab.is-tab-dragging.is-active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before {
  background-color: transparent !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  box-shadow: none !important;
  border: 0 !important;
}

.workspace-instance-tab::before {
  opacity: .50 !important;
}

.workspace-instance-tab.is-active::before,
.workspace-instance-tab.is-active.is-connected::before {
  opacity: 1 !important;
}

.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  opacity: .50 !important;
}

.workspace-instance-tabs {
  margin-left: -40px !important;
  padding-left: 5px !important;
  width: calc(100% + 40px) !important;
  overflow-x: visible !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before {
  transform: scaleX(-1) !important;
  transform-origin: 50% 50% !important;
}

.workspace-instance-tab strong,
.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  transform-origin: 50% 50% !important;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -39px !important;
    padding-left: 5px !important;
    width: calc(100% + 39px) !important;
  }
}

.workspace-instance-tabs {
  margin-left: -36px !important;
  padding-left: 5px !important;
  width: calc(100% + 36px) !important;
  overflow-x: visible !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  transform: scaleY(-1) !important;
  transform-origin: 50% 50% !important;
  opacity: 1 !important;
  filter: none !important;
}

.workspace-instance-tab {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.workspace-instance-tab::before {
  opacity: 1 !important;
}

.workspace-instance-tab.is-active::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  opacity: 1 !important;
}

.workspace-instance-tab strong {
  transform: none !important;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after {
  transform: translate(-50%, -50%) !important;
}

.workspace-instance-tab.is-connected-inactive::after {
  opacity: .68 !important;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -35px !important;
    padding-left: 5px !important;
    width: calc(100% + 35px) !important;
  }
}

.workspace-instance-tab {
  --workspace-tab-anchor-x: 0.08333333;
  --workspace-tab-anchor-y: 0.50000000;
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
}

.workspace-instance-tabs {
  margin-left: -36px !important;
  padding-left: 5px !important;
  width: calc(100% + 36px) !important;
  overflow-x: visible !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
  z-index: -1 !important;
  transform: scaleY(-1) !important;
  transform-origin: 50% 50% !important;
}

.workspace-instance-tab strong,
.workspace-instance-tab em,
.workspace-instance-tab span {
  position: relative;
  z-index: 1;
}

.workspace-instance-tab strong {
  transform: none !important;
  padding-left: 12px;
}

.workspace-instance-tab.is-connected::after,
.workspace-instance-tab.is-active.is-connected::after,
.workspace-instance-tab.is-connected-inactive::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: calc(var(--workspace-tab-anchor-x) * 100%) !important;
  top: calc(var(--workspace-tab-anchor-y) * 100%) !important;
  width: 7px !important;
  height: 7px !important;
  background: #fff !important;
  border: 1.25px solid #000 !important;
  border-radius: 999px !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: 50% 50% !important;
  pointer-events: none !important;
  z-index: 5 !important;
}

.workspace-instance-tab.is-connected-inactive::after {
  opacity: .68 !important;
}

.workspace-instance-tab.is-active.is-connected::after {
  opacity: 1 !important;
}

@media (max-width: 760px) {
  .workspace-instance-tabs {
    margin-left: -35px !important;
    padding-left: 5px !important;
    width: calc(100% + 35px) !important;
  }
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  transform: translateX(-1px) scaleY(-1) !important;
  transform-origin: 50% 50% !important;
}

.workspace-instance-tab::before,
.workspace-instance-tab.is-connected::before,
.workspace-instance-tab.is-active.is-connected::before,
.workspace-instance-tab.is-connected-inactive::before,
.workspace-instance-tab.is-connected-inactive.is-stale::before {
  transform: translateX(-2px) scaleY(-1) !important;
  transform-origin: 50% 50% !important;
}

body:not(.workspace-origin-cord-visible) .workspace-instance-tab.is-connected::after,
body:not(.workspace-origin-cord-visible) .workspace-instance-tab.is-active.is-connected::after,
body:not(.workspace-origin-cord-visible) .workspace-instance-tab.is-connected-inactive::after,
body:not(.workspace-origin-cord-visible) .workspace-instance-tab.is-connected-inactive.is-stale::after {
  opacity: 0 !important;
  visibility: hidden !important;
}

body.workspace-origin-cord-visible .workspace-instance-tab.is-connected::after,
body.workspace-origin-cord-visible .workspace-instance-tab.is-active.is-connected::after,
body.workspace-origin-cord-visible .workspace-instance-tab.is-connected-inactive::after,
body.workspace-origin-cord-visible .workspace-instance-tab.is-connected-inactive.is-stale::after {
  visibility: visible !important;
}

#node_request_order.tile.request-tile,
#node_content,
#node_closure {
  width: var(--tile-secondary) !important;
}

#node_request_order.tile.request-tile strong,
#node_content strong,
#node_closure strong {
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.lane-label.lane-1 {
  transform: translateY(-32px) !important;
}

#node_request_order.tile.request-tile,
#node_content,
#node_closure {
  justify-self: center !important;
  transform: none !important;
}

#node_request_order.tile.request-tile:hover,
#node_content:hover,
#node_closure:hover,
body.permission-developer:not(.focus-window-active) #node_request_order.tile.request-tile:hover,
body.permission-developer:not(.focus-window-active) #node_content:hover,
body.permission-developer:not(.focus-window-active) #node_closure:hover {
  transform: translateY(var(--tile-hover-lift)) !important;
}

.lane-label.lane-1 {
  transform: translateX(var(--intake-tile-offset-x, 66px)) translateY(-32px) !important;
}

#node_request_order.tile.request-tile,
#node_content,
#node_closure {
  justify-self: center !important;
  transform: translateX(var(--intake-tile-offset-x, 66px)) !important;
}

#node_request_order.tile.request-tile:hover,
#node_content:hover,
#node_closure:hover,
body.permission-developer:not(.focus-window-active) #node_request_order.tile.request-tile:hover,
body.permission-developer:not(.focus-window-active) #node_content:hover,
body.permission-developer:not(.focus-window-active) #node_closure:hover {
  transform: translateX(var(--intake-tile-offset-x, 66px)) translateY(var(--tile-hover-lift)) !important;
}

:root {
  --tile-global-system-bus-width: var(--tile-secondary);
}

.tile,
.tile.node,
.tile.segment,
.tile.segment.prepared,
.tile.system,
.tile.artifact,
.tile.release,
.tile.edge,
.tile.history,
#release_panel_main,
#node_request_order.tile.request-tile,
#node_content,
#node_closure {
  width: var(--tile-global-system-bus-width) !important;
  max-width: 100% !important;
}

:root {
  --tile-global-width: 112px;
}

.tile,
.tile.node,
.tile.segment,
.tile.segment.prepared,
.tile.system,
.tile.artifact,
.tile.release,
.tile.edge,
.tile.history,
#release_panel_main,
#node_request_order.tile.request-tile,
#node_content,
#node_closure {
  width: var(--tile-global-width) !important;
  max-width: 100% !important;
}

.atlas-shell {
  padding-top: 84px !important;
}

@media (max-width: 1180px) {
  .atlas-shell {
    padding-top: 152px !important;
  }
}

:root { --atlas-statusline-h: 34px; }

.atlas-statusline {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 78;
  height: var(--atlas-statusline-h);
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 18px;
  border-top: 1px solid rgba(20,20,20,.16);
  background: rgba(255,255,255,.78);
  -webkit-backdrop-filter: blur(18px) saturate(1.02);
  backdrop-filter: blur(18px) saturate(1.02);
  box-shadow: 0 -10px 28px rgba(20,18,14,.10);
  color: #2d2923;
  pointer-events: none;
  user-select: none;
  overflow: hidden;
}

.atlas-statusline-brand,
.atlas-statusline-item {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
  line-height: 1;
}

.atlas-statusline-brand {
  flex: 0 0 auto;
  margin-right: 16px;
  font-weight: 820;
  letter-spacing: .065em;
  text-transform: uppercase;
}

.atlas-statusline-item {
  position: relative;
  flex: 0 1 auto;
  max-width: 24vw;
  padding: 0 12px;
  color: rgba(45,41,35,.78);
  border-left: 1px solid rgba(20,20,20,.10);
}

.atlas-statusline[data-cord-state="visible"] [data-statusline-cord] {
  color: #171717;
  font-weight: 720;
}

.atlas-statusline[data-workspace-state="open"] [data-statusline-workspace] {
  color: #171717;
}

@media (max-width: 760px) {
  .atlas-statusline {
    height: 30px;
    padding: 0 10px;
  }

  .atlas-statusline-brand {
    margin-right: 8px;
  }

  .atlas-statusline-item {
    max-width: 34vw;
    padding: 0 8px;
    font-size: 10.5px;
  }

  .atlas-statusline-item[data-statusline-case],
  .atlas-statusline-item[data-statusline-workspace] {
    display: none;
  }
}

:root {
  --atlas-view-scale: 1;
}

.atlas-stage {
  transform: translateX(var(--focus-shift-x, 0px)) scale(var(--atlas-view-scale)) !important;
  transform-origin: top center;
}

.atlas-statusline {
  justify-content: space-between;
  pointer-events: auto;
}

.atlas-statusline-state {
  display: flex;
  align-items: center;
  min-width: 0;
  height: 100%;
  flex: 1 1 auto;
  pointer-events: none;
  overflow: hidden;
}

.atlas-view-controls {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
  height: 100%;
  margin-left: 14px;
  pointer-events: auto;
}

.atlas-view-control {
  min-width: 30px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(20,20,20,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.64);
  color: #171717;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 760;
  line-height: 1;
  cursor: pointer;
  user-select: none;
  transition: background .14s ease, border-color .14s ease, opacity .14s ease;
}

.atlas-view-control:hover:not(:disabled) {
  background: rgba(255,255,255,.94);
  border-color: rgba(20,20,20,.34);
}

.atlas-view-control:disabled {
  cursor: default;
  opacity: .38;
}

.atlas-view-reset {
  min-width: 48px;
  font-variant-numeric: tabular-nums;
}

@media (max-width: 760px) {
  .atlas-view-controls {
    margin-left: 8px;
    gap: 3px;
  }

  .atlas-view-control {
    min-width: 26px;
    height: 20px;
    padding: 0 6px;
    font-size: 10px;
  }

  .atlas-view-reset {
    min-width: 42px;
  }
}

:root {
  --z-header-layer: 120;
  --z-footer-statusline: 118;
  --z-work-panel-base: 150;
  --z-work-panel-front: 170;
  --z-work-panel-dragging: 180;
  --z-panel-dock-pills: 185;
  --z-pgl-drawer-top: 220;
  --z-pgl-trigger-top: 240;
  --z-it-todo-layer: 175;
}

.controlbar {
  z-index: var(--z-header-layer) !important;
}

.atlas-statusline {
  z-index: var(--z-footer-statusline) !important;
}

.floating-panel,
.representation-workspace-panel,
.case-ops-panel {
  z-index: var(--z-work-panel-base) !important;
}

.floating-panel.is-managed-panel-front,
.representation-workspace-panel.is-managed-panel-front,
.case-ops-panel.is-managed-panel-front {
  z-index: var(--z-work-panel-front) !important;
}

.floating-panel.is-dragging,
.representation-workspace-panel.is-dragging,
.case-ops-panel.is-dragging,
.draggable-panel.is-dragging {
  z-index: var(--z-work-panel-dragging) !important;
}

.panel-dock {
  z-index: var(--z-panel-dock-pills) !important;
}

.panel-dock .panel-toggle,
.panel-toggle {
  z-index: calc(var(--z-panel-dock-pills) + 1) !important;
}

.it-todo-panel-layer {
  z-index: var(--z-it-todo-layer) !important;
}

.pgl-drawer,
.pgl-ribbon,
.pgl-drawer.pgl-ribbon,
.pgl-drawer.pgl-ribbon.has-active-pane,
.pgl-drawer.pgl-ribbon.is-open,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  z-index: var(--z-pgl-drawer-top) !important;
}

.pgl-entry,
.pgl-toggle,
body.pgl-open .pgl-entry,
body.pgl-open .pgl-toggle,
.pgl-toggle.is-active {
  z-index: var(--z-pgl-trigger-top) !important;
}

:root {
  --z-managed-panel-base: var(--z-work-panel-base);
  --z-managed-panel-front: var(--z-work-panel-front);
}

:root {
  --pgl-content-body-top: calc(14px + var(--header-h));
  --pgl-content-body-inner-top-shadow: inset 0 18px 45px rgba(20,18,14,.14);
}

.pgl-drawer.pgl-ribbon,
.pgl-drawer.pgl-ribbon.has-active-pane,
.pgl-drawer.pgl-ribbon.is-open,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  top: var(--pgl-content-body-top) !important;
  box-shadow:
    var(--pgl-content-body-inner-top-shadow),
    0 20px 48px rgba(20,18,14,.20),
    0 6px 16px rgba(20,18,14,.12) !important;
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell {
  padding-top: 12px !important;
}

.pgl-ribbon .pgl-content-viewport,
.pgl-ribbon.has-active-pane .pgl-content-viewport {
  margin-top: 0 !important;
}

@media (max-width: 1180px) {
  :root {
    --pgl-content-body-top: 176px;
  }

  .pgl-ribbon .pgl-ribbon-shell,
  .pgl-ribbon.has-active-pane .pgl-ribbon-shell {
    padding-top: 12px !important;
  }
}

:root {
  --pgl-content-body-extra-bottom: 48px;
  --pgl-content-edge-shadow: 0 18px 45px rgba(20,18,14,.14);
}

.pgl-drawer.pgl-ribbon,
.pgl-drawer.pgl-ribbon.has-active-pane,
.pgl-drawer.pgl-ribbon.is-open,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  

  border-top: 0 !important;
  box-shadow:
    0 20px 48px rgba(20,18,14,.20),
    0 6px 16px rgba(20,18,14,.12) !important;
}

.pgl-drawer.pgl-ribbon::before,
.pgl-drawer.pgl-ribbon.has-active-pane::before {
  

  content: "" !important;
  display: block !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 1px;
  background: rgba(255,255,255,.82);
  box-shadow: var(--pgl-content-edge-shadow);
  pointer-events: none;
  z-index: 1;
}

.pgl-drawer.pgl-ribbon::after,
.pgl-drawer.pgl-ribbon.has-active-pane::after {
  content: none !important;
  display: none !important;
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell {
  padding-bottom: calc(14px + var(--pgl-content-body-extra-bottom)) !important;
}

@media (max-width: 1180px) {
  .pgl-ribbon .pgl-ribbon-shell,
  .pgl-ribbon.has-active-pane .pgl-ribbon-shell {
    padding-bottom: calc(14px + var(--pgl-content-body-extra-bottom)) !important;
  }
}

:root {
  --pgl-content-downshift: 68px;
  --z-intro-layer-top: 1000;
}

.controlbar {
  border-color: transparent !important;
}

body.pgl-open .controlbar {
  box-shadow: 0 12px 28px rgba(20,18,14,.10) !important;
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell {
  padding-top: calc(12px + var(--pgl-content-downshift)) !important;
}

.atlas-intro-layer {
  z-index: var(--z-intro-layer-top) !important;
}

body.intro-active .controlbar,
body.intro-active .pgl-entry,
body.intro-active .pgl-toggle,
body.intro-active .pgl-drawer,
body.intro-active .pgl-ribbon,
body.intro-active .floating-panel,
body.intro-active .representation-workspace-panel,
body.intro-active .case-ops-panel,
body.intro-active .panel-dock,
body.intro-active .atlas-statusline,
body.intro-active .it-todo-panel-layer {
  z-index: calc(var(--z-intro-layer-top) - 10) !important;
}

@media (max-width: 1180px) {
  .pgl-ribbon .pgl-ribbon-shell,
  .pgl-ribbon.has-active-pane .pgl-ribbon-shell {
    padding-top: calc(12px + var(--pgl-content-downshift)) !important;
  }
}

:root {
  --pgl-content-downshift: 34px;
  --pgl-content-body-extra-bottom: 14px;
}

.atlas-intro-layer {
  background:
    radial-gradient(circle at 50% 46%, #ffffff, #ffffff 28%, #f8f4ec 52%),
    linear-gradient(135deg, #efe9dc, #f8f4ec) !important;
}

@media (max-width: 1180px) {
  :root {
    --pgl-content-downshift: 34px;
    --pgl-content-body-extra-bottom: 14px;
  }
}

.pgl-ribbon-intro {
  transform: translateY(-20px) !important;
}

@media (max-width: 760px) {
  .pgl-ribbon-intro {
    transform: translateY(-20px) !important;
  }
}

:root {
  --z-pgl-drawer-top: var(--z-pgl-trigger-top);
}

.pgl-drawer,
.pgl-ribbon,
.pgl-drawer.pgl-ribbon,
.pgl-drawer.pgl-ribbon.has-active-pane,
.pgl-drawer.pgl-ribbon.is-open,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  z-index: var(--z-pgl-trigger-top) !important;
}

.atlas-statusline {
  position: fixed;
}

.atlas-statusline-copyright {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: rgba(45,41,35,.72);
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .018em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
  user-select: none;
}

.pgl-drawer.pgl-ribbon,
.pgl-drawer.pgl-ribbon.has-active-pane,
.pgl-drawer.pgl-ribbon.is-open,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  background: rgba(255,255,255,.76) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.02) !important;
  backdrop-filter: blur(18px) saturate(1.02) !important;
  box-shadow: none !important;
  overflow: visible !important;
  isolation: isolate;
}

.pgl-drawer.pgl-ribbon::before,
.pgl-drawer.pgl-ribbon.has-active-pane::before {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
}

.pgl-drawer.pgl-ribbon::after,
.pgl-drawer.pgl-ribbon.has-active-pane::after {
  content: "" !important;
  display: block !important;
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 0 0 26px 26px;
  background: transparent;
  box-shadow: 0 18px 45px rgba(20,18,14,.14);
  clip-path: inset(0 -70px -70px -70px);
  pointer-events: none;
}

@media (max-width: 760px) {
  .atlas-statusline-copyright {
    font-size: 10px;
    letter-spacing: .006em;
  }

  .pgl-drawer.pgl-ribbon::after,
  .pgl-drawer.pgl-ribbon.has-active-pane::after {
    border-radius: 0 0 24px 24px;
  }
}

:root {
  --pgl-body-fill: rgba(255,255,255,.76);
  --pgl-body-backdrop: blur(18px) saturate(1.02);
  --pgl-body-shadow-side-left: drop-shadow(-14px 14px 18px rgba(20,18,14,.075));
  --pgl-body-shadow-side-right: drop-shadow(14px 14px 18px rgba(20,18,14,.075));
  --pgl-body-shadow-bottom: drop-shadow(0 24px 32px rgba(20,18,14,.14));
}

.pgl-drawer.pgl-ribbon,
.pgl-drawer.pgl-ribbon.has-active-pane,
.pgl-drawer.pgl-ribbon.is-open,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  background: var(--pgl-body-fill) !important;
  -webkit-backdrop-filter: var(--pgl-body-backdrop) !important;
  backdrop-filter: var(--pgl-body-backdrop) !important;
  border: 0 !important;
  box-shadow: none !important;
  filter:
    var(--pgl-body-shadow-side-left)
    var(--pgl-body-shadow-side-right)
    var(--pgl-body-shadow-bottom) !important;
  overflow: hidden !important;
  isolation: isolate;
}

.pgl-drawer.pgl-ribbon::after,
.pgl-drawer.pgl-ribbon.has-active-pane::after,
.pgl-drawer.pgl-ribbon.is-open::after,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.pgl-drawer.pgl-ribbon::before,
.pgl-drawer.pgl-ribbon.has-active-pane::before,
.pgl-drawer.pgl-ribbon.is-open::before,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open::before {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell {
  background: transparent !important;
}

.pgl-ribbon .pgl-chip {
  background: rgba(255,255,255,.58) !important;
}

.pgl-ribbon .pgl-frame.pgl-declaration-card {
  background: rgba(255,255,255,.52) !important;
}

body.pgl-open .pgl-drawer.pgl-ribbon,
body.pgl-open .pgl-drawer.pgl-ribbon.has-active-pane {
  box-shadow: none !important;
}

@media (max-width: 760px) {
  :root {
    --pgl-body-shadow-side-left: drop-shadow(-10px 12px 14px rgba(20,18,14,.065));
    --pgl-body-shadow-side-right: drop-shadow(10px 12px 14px rgba(20,18,14,.065));
    --pgl-body-shadow-bottom: drop-shadow(0 20px 26px rgba(20,18,14,.13));
  }
}

:root {
  --pgl-body-fill: rgba(255,255,255,.76);
  --pgl-body-shadow-lrb:
    -18px 22px 34px -28px rgba(20,18,14,.22),
     18px 22px 34px -28px rgba(20,18,14,.22),
      0 26px 48px -22px rgba(20,18,14,.24);
}

.pgl-drawer.pgl-ribbon,
.pgl-drawer.pgl-ribbon.has-active-pane,
.pgl-drawer.pgl-ribbon.is-open,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  background: transparent !important;
  border: 0 !important;
  box-shadow: var(--pgl-body-shadow-lrb) !important;
  filter: none !important;
  clip-path: none !important;
  overflow: visible !important;
  isolation: isolate;
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell {
  background: var(--pgl-body-fill) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.02) !important;
  backdrop-filter: blur(18px) saturate(1.02) !important;
  border: 0 !important;
  border-radius: 0 0 26px 26px !important;
  clip-path: inset(0 50% 0 50% round 0 0 26px 26px) !important;
  transition: clip-path var(--pgl-panel-transition, 300ms) cubic-bezier(.2,.8,.2,1) !important;
  position: relative;
  z-index: 1;
}

.pgl-drawer.pgl-ribbon.is-open .pgl-ribbon-shell,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open .pgl-ribbon-shell {
  clip-path: inset(0 0 0 0 round 0 0 26px 26px) !important;
}

.pgl-drawer.pgl-ribbon.is-panel-closing:not(.is-open) .pgl-ribbon-shell,
.pgl-drawer.pgl-ribbon.has-active-pane.is-panel-closing:not(.is-open) .pgl-ribbon-shell {
  clip-path: inset(0 50% 0 50% round 0 0 26px 26px) !important;
}

.pgl-drawer.pgl-ribbon::before,
.pgl-drawer.pgl-ribbon.has-active-pane::before,
.pgl-drawer.pgl-ribbon.is-open::before,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open::before,
.pgl-drawer.pgl-ribbon::after,
.pgl-drawer.pgl-ribbon.has-active-pane::after,
.pgl-drawer.pgl-ribbon.is-open::after,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open::after {
  content: none !important;
  display: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.pgl-ribbon .pgl-chip {
  background: rgba(255,255,255,.58) !important;
}

.pgl-ribbon .pgl-frame.pgl-declaration-card {
  background: rgba(255,255,255,.52) !important;
}

@media (max-width: 760px) {
  :root {
    --pgl-body-shadow-lrb:
      -12px 18px 26px -22px rgba(20,18,14,.20),
       12px 18px 26px -22px rgba(20,18,14,.20),
        0 22px 38px -20px rgba(20,18,14,.22);
  }

  .pgl-ribbon .pgl-ribbon-shell,
  .pgl-ribbon.has-active-pane .pgl-ribbon-shell {
    border-radius: 0 0 24px 24px !important;
  }
}

body.pgl-open .pgl-drawer.pgl-ribbon,
body.pgl-open .pgl-drawer.pgl-ribbon.has-active-pane,
body.pgl-open .pgl-drawer.pgl-ribbon.is-open,
body.pgl-open .pgl-drawer.pgl-ribbon.has-active-pane.is-open {
  box-shadow: var(--pgl-body-shadow-lrb) !important;
  clip-path: none !important;
  overflow: visible !important;
}

:root {
  --header-skin-fill: rgba(255,255,255,.76);
  --header-skin-fill-strong: rgba(255,255,255,.92);
  --header-skin-shadow: 0 18px 45px rgba(20,18,14,.14);
  --header-right-cut: 26px;
  --header-right-controls-drop: 12px;
  --header-dissolve-start: 53%;
  --header-dissolve-knee: 66%;
  --header-dissolve-pixel: 3px;
  --pgl-body-fill: rgba(255,255,255,1);
}

.controlbar {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible;
  isolation: isolate;
}

.controlbar::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  border-radius: 18px;
  background: var(--header-skin-fill);
  -webkit-backdrop-filter: blur(18px) saturate(1.02);
  backdrop-filter: blur(18px) saturate(1.02);
  box-shadow: var(--header-skin-shadow);
  clip-path: polygon(
    0 0,
    var(--header-dissolve-start) 0,
    var(--header-dissolve-knee) var(--header-right-cut),
    100% var(--header-right-cut),
    100% 100%,
    0 100%
  );
}

.controlbar::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: calc(100% - var(--header-right-cut) - 8px);
  left: calc(var(--header-dissolve-start) - 36px);
  width: clamp(170px, 16vw, 280px);
  pointer-events: none;
  opacity: .72;
  background:
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.78) 44%, rgba(255,255,255,0) 100%),
    repeating-conic-gradient(
      from 0deg,
      rgba(255,255,255,.94) 0deg 90deg,
      rgba(248,244,236,.82) 90deg 180deg,
      rgba(255,252,244,.72) 180deg 270deg,
      rgba(255,255,255,0) 270deg 360deg
    );
  background-size: 100% 100%, var(--header-dissolve-pixel) var(--header-dissolve-pixel);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 72%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 18%, #000 72%, transparent 100%);
  transform: translateY(1px) skewX(-18deg);
  animation: headerPixelDissolveDrift 7.2s steps(2, end) infinite;
}

@keyframes headerPixelDissolveDrift {
  0%, 100% { background-position: 0 0, 0 0; opacity: .68; }
  50% { background-position: 0 0, 3px 3px; opacity: .76; }
}

.brand,
.pgl-entry,
.case-ops-entry,
.legend,
.toolbar {
  position: relative;
  z-index: 4;
}

.case-ops-entry,
.legend,
.toolbar {
  transform: translateY(var(--header-right-controls-drop));
}

.case-ops-toggle {
  transform: scale(.8);
}

.case-ops-toggle:hover {
  transform: scale(.8) translateY(-1px);
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell {
  background: var(--pgl-body-fill) !important;
}

body.pgl-open .controlbar {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .controlbar::after {
    animation: none !important;
  }
}

@media (max-width: 1180px) {
  :root {
    --header-right-cut: 0px;
    --header-right-controls-drop: 0px;
  }

  .controlbar::before {
    clip-path: none;
  }

  .controlbar::after {
    content: none;
    display: none;
  }

  .case-ops-entry,
  .legend,
  .toolbar {
    transform: none;
  }
}

:root {
  --header-right-controls-drop: 12px;
}

.controlbar {
  border: 1px solid transparent !important;
  border-radius: 18px;
  background: rgba(255,255,255,.76) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: 0 18px 45px rgba(20,18,14,.14) !important;
  clip-path: none !important;
  overflow: visible;
  isolation: isolate;
}

.controlbar::before,
.controlbar::after {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  box-shadow: none !important;
  clip-path: none !important;
  filter: none !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

body.pgl-open .controlbar {
  background: rgba(255,255,255,.76) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 12px 28px rgba(20,18,14,.10) !important;
}

.case-ops-entry,
.legend,
.toolbar {
  transform: translateY(var(--header-right-controls-drop)) !important;
}

.brand,
.pgl-entry {
  transform: none;
}

@media (max-width: 1180px) {
  .case-ops-entry,
  .legend,
  .toolbar {
    transform: none !important;
  }
}

:root {
  --pgl-body-fill: rgba(255,255,255,.76);
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell {
  background: var(--pgl-body-fill) !important;
}

.atlas-statusline-copyright {
  font-size: 12.8px !important;
  font-weight: 400 !important;
  letter-spacing: .012em !important;
}

.atlas-view-control[data-atlas-view-action="zoom-out"],
.atlas-view-control[data-atlas-view-action="zoom-in"] {
  width: 30px;
  min-width: 30px;
  height: 22px;
  padding: 0 !important;
  display: inline-grid;
  place-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  vertical-align: middle;
}

.atlas-view-control[data-atlas-view-action="zoom-out"] {
  font-size: 16px;
  transform: translateY(-.5px);
}

.atlas-view-control[data-atlas-view-action="zoom-out"]:hover:not(:disabled) {
  transform: translateY(-.5px);
}

.atlas-view-control[data-atlas-view-action="zoom-in"] {
  transform: translateY(-.25px);
}

.atlas-view-control[data-atlas-view-action="zoom-in"]:hover:not(:disabled) {
  transform: translateY(-.25px);
}

@media (max-width: 760px) {
  .atlas-statusline-copyright {
    font-size: 11.2px !important;
    font-weight: 400 !important;
  }

  .atlas-view-control[data-atlas-view-action="zoom-out"],
  .atlas-view-control[data-atlas-view-action="zoom-in"] {
    width: 26px;
    min-width: 26px;
    height: 20px;
    font-size: 13px;
  }

  .atlas-view-control[data-atlas-view-action="zoom-out"] {
    font-size: 15px;
  }
}

:root {
  --pgl-body-fill: rgb(255,255,255);
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell,
.pgl-drawer.pgl-ribbon.is-open .pgl-ribbon-shell,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open .pgl-ribbon-shell {
  background: rgb(255,255,255) !important;
}

body.pgl-open .pgl-ribbon .pgl-ribbon-shell,
body.pgl-open .pgl-ribbon.has-active-pane .pgl-ribbon-shell,
body.pgl-open .pgl-drawer.pgl-ribbon.is-open .pgl-ribbon-shell,
body.pgl-open .pgl-drawer.pgl-ribbon.has-active-pane.is-open .pgl-ribbon-shell {
  background: rgb(255,255,255) !important;
}

:root {
  --scim2-shared-cream-fill: rgb(250,247,240);
  --header-body-fill: var(--scim2-shared-cream-fill);
  --pgl-body-fill: var(--scim2-shared-cream-fill);
}

.controlbar,
body.pgl-open .controlbar {
  background: var(--header-body-fill) !important;
}

.pgl-ribbon .pgl-ribbon-shell,
.pgl-ribbon.has-active-pane .pgl-ribbon-shell,
.pgl-drawer.pgl-ribbon.is-open .pgl-ribbon-shell,
.pgl-drawer.pgl-ribbon.has-active-pane.is-open .pgl-ribbon-shell,
body.pgl-open .pgl-ribbon .pgl-ribbon-shell,
body.pgl-open .pgl-ribbon.has-active-pane .pgl-ribbon-shell,
body.pgl-open .pgl-drawer.pgl-ribbon.is-open .pgl-ribbon-shell,
body.pgl-open .pgl-drawer.pgl-ribbon.has-active-pane.is-open .pgl-ribbon-shell {
  background: var(--pgl-body-fill) !important;
}

.atlas-statusline,
body.pgl-open .atlas-statusline {
  background: var(--scim2-shared-cream-fill, rgb(250,247,240)) !important;
}

.atlas-view-control[data-atlas-view-action="zoom-out"],
.atlas-view-control[data-atlas-view-action="zoom-in"] {
  position: relative !important;
  width: 30px !important;
  min-width: 30px !important;
  height: 22px !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
  transform: none !important;
  overflow: hidden !important;
}

.atlas-view-control[data-atlas-view-action="zoom-out"]:hover:not(:disabled),
.atlas-view-control[data-atlas-view-action="zoom-in"]:hover:not(:disabled) {
  transform: none !important;
}

.atlas-view-control[data-atlas-view-action="zoom-out"]::before,
.atlas-view-control[data-atlas-view-action="zoom-in"]::before,
.atlas-view-control[data-atlas-view-action="zoom-in"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  border-radius: 999px;
  background: currentColor;
  pointer-events: none;
}

.atlas-view-control[data-atlas-view-action="zoom-out"]::before,
.atlas-view-control[data-atlas-view-action="zoom-in"]::before {
  width: 10px;
  height: 1.5px;
  transform: translate(-50%, -50%);
}

.atlas-view-control[data-atlas-view-action="zoom-in"]::after {
  width: 1.5px;
  height: 10px;
  transform: translate(-50%, -50%);
}

@media (max-width: 760px) {
  .atlas-view-control[data-atlas-view-action="zoom-out"],
  .atlas-view-control[data-atlas-view-action="zoom-in"] {
    width: 26px !important;
    min-width: 26px !important;
    height: 20px !important;
    font-size: 0 !important;
    line-height: 0 !important;
    transform: none !important;
  }

  .atlas-view-control[data-atlas-view-action="zoom-out"]::before,
  .atlas-view-control[data-atlas-view-action="zoom-in"]::before {
    width: 9px;
    height: 1.4px;
  }

  .atlas-view-control[data-atlas-view-action="zoom-in"]::after {
    width: 1.4px;
    height: 9px;
  }
}

.case-ops-entry,
.legend,
.toolbar {
  pointer-events: none !important;
}

.case-ops-entry .case-ops-toggle,
.case-ops-entry button,
.toolbar .select-wrap,
.toolbar select,
.toolbar button,
.toolbar input {
  pointer-events: auto !important;
}

.legend,
.legend * {
  pointer-events: none !important;
}

.pgl-entry {
  pointer-events: none !important;
}

.pgl-entry .pgl-toggle,
.pgl-entry .pgl-toggle:enabled {
  pointer-events: auto !important;
}

.pgl-entry .pgl-toggle::before,
.pgl-entry .pgl-toggle::after,
.pgl-entry .pgl-mark,
.pgl-entry .pgl-mark * {
  pointer-events: none !important;
}

:root {
  --right-tool-cream: rgb(250,247,240);
  --right-tool-ink: #171717;
  --right-tool-line: rgba(23,23,23,.76);
}

.panel-dock.right-tool-dock {
  gap: 9px !important;
  right: 18px !important;
  top: 50% !important;
}

.panel-dock.right-tool-dock .tool-pill,
.panel-dock.right-tool-dock .panel-toggle.tool-pill {
  min-width: 104px;
  height: 38px;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: center;
  gap: 8px;
  padding: 6px 12px 6px 9px !important;
  border-radius: 999px;
  border: 1px solid rgba(23,23,23,.22);
  background: var(--right-tool-cream);
  color: var(--right-tool-ink);
  box-shadow: 0 9px 22px rgba(20,18,14,.10);
  backdrop-filter: none;
}

.panel-dock.right-tool-dock .tool-pill:hover {
  border-color: rgba(23,23,23,.38);
  box-shadow: 0 12px 28px rgba(20,18,14,.14);
}

.panel-dock.right-tool-dock .tool-pill.is-active {
  background: #171717;
  border-color: #171717;
  color: #fff;
}

.tool-label {
  font-size: 11.5px;
  font-weight: 520;
  letter-spacing: .01em;
  text-align: left;
  line-height: 1;
}

.tool-icon {
  position: relative;
  width: 22px;
  height: 22px;
  display: block;
  color: currentColor;
  opacity: .96;
}

.tool-icon::before,
.tool-icon::after,
.tool-icon span::before,
.tool-icon span::after {
  content: "";
  position: absolute;
  box-sizing: border-box;
  border-color: currentColor;
}

.icon-device::before {
  left: 6px;
  top: 2px;
  width: 10px;
  height: 18px;
  border: 1.35px solid currentColor;
  border-radius: 3px;
}

.icon-device::after {
  left: 9px;
  top: 4px;
  width: 4px;
  height: 1px;
  background: currentColor;
  border-radius: 99px;
}

.icon-map::before {
  left: 2px;
  top: 5px;
  width: 18px;
  height: 12px;
  border: 1.25px solid currentColor;
  border-radius: 2px;
  clip-path: polygon(0 0, 35% 14%, 68% 0, 100% 12%, 100% 100%, 66% 88%, 34% 100%, 0 86%);
}

.icon-map::after {
  left: 7px;
  top: 5px;
  width: 8px;
  height: 12px;
  border-left: 1.15px solid currentColor;
  border-right: 1.15px solid currentColor;
  transform: skewY(-11deg);
  opacity: .75;
}

.icon-charts::before {
  left: 3px;
  bottom: 4px;
  width: 16px;
  height: 13px;
  border-left: 1.15px solid currentColor;
  border-bottom: 1.15px solid currentColor;
}

.icon-charts::after {
  left: 6px;
  bottom: 6px;
  width: 11px;
  height: 9px;
  background:
    linear-gradient(currentColor,currentColor) 0 100% / 1.5px 5px no-repeat,
    linear-gradient(currentColor,currentColor) 5px 100% / 1.5px 9px no-repeat,
    linear-gradient(currentColor,currentColor) 10px 100% / 1.5px 7px no-repeat;
}

.icon-compare::before,
.icon-compare::after {
  top: 4px;
  width: 7px;
  height: 14px;
  border: 1.15px solid currentColor;
  border-radius: 2.3px;
}

.icon-compare::before { left: 1px; }
.icon-compare::after { right: 1px; }

.icon-compare span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -46%);
  z-index: 2;
  font-size: 6.5px;
  line-height: 1;
  font-weight: 650;
  letter-spacing: -.02em;
  color: currentColor;
  background: transparent;
}

.floating-panel.device-panel {
  top: 116px;
  right: 82px;
  width: 326px;
  max-height: calc(100vh - 168px);
  overflow: auto;
}

.floating-panel.map {
  top: 132px;
  width: 420px;
  min-width: 300px;
  min-height: 260px;
}

.floating-panel.monitor {
  top: 196px;
  width: 334px;
}

.floating-panel.compare-panel {
  top: 254px;
  right: 82px;
  width: 356px;
}

.mobile-device-frame {
  width: min(100%, 292px);
  aspect-ratio: 390 / 844;
  margin: 4px auto 0;
  position: relative;
  border: 2px solid #171717;
  border-radius: 34px;
  background: #10100f;
  padding: 18px 11px 12px;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 18px 38px rgba(20,18,14,.16);
}

.mobile-device-speaker {
  position: absolute;
  left: 50%;
  top: 8px;
  width: 38px;
  height: 3px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: rgba(255,255,255,.32);
}

.mobile-device-screen {
  height: 100%;
  border-radius: 24px;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,241,234,.94));
  border: 1px solid rgba(255,255,255,.30);
  display: grid;
  grid-template-rows: 34px 1fr auto;
}

.device-app-topline {
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-bottom: 1px solid rgba(20,20,20,.10);
  color: #4f4941;
  font-size: 10.5px;
  letter-spacing: .035em;
  text-transform: uppercase;
}

.device-map-field {
  position: relative;
  margin: 10px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 23% 28%, rgba(35,106,166,.16), transparent 20%),
    radial-gradient(circle at 72% 65%, rgba(45,139,87,.18), transparent 22%),
    linear-gradient(135deg, #f7f3e9, #ded8c9);
  border: 1px solid rgba(20,20,20,.12);
  overflow: hidden;
}

.device-route-line {
  position: absolute;
  left: 20%;
  top: 28%;
  width: 58%;
  height: 38%;
  border-left: 1.5px solid rgba(23,23,23,.72);
  border-bottom: 1.5px solid rgba(23,23,23,.72);
  border-radius: 0 0 0 32px;
  transform: rotate(-8deg);
}

.device-poi {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 1.5px solid #171717;
  border-radius: 999px;
  background: rgba(255,255,255,.82);
}

.device-poi-a { left: 17%; top: 24%; }
.device-poi-b { left: 55%; top: 43%; }
.device-poi-c { right: 16%; bottom: 22%; }

.device-state-card {
  margin: 0 10px 10px;
  padding: 10px 11px;
  border: 1px solid rgba(20,20,20,.13);
  border-radius: 17px;
  background: rgba(255,255,255,.76);
  display: grid;
  gap: 2px;
}

.device-state-card span,
.device-state-card em {
  color: var(--muted);
  font-size: 10.6px;
  line-height: 1.2;
}

.device-state-card strong {
  color: #171717;
  font-size: 13.4px;
  line-height: 1.05;
}

.map-free-preview {
  height: 248px;
  border-radius: 20px;
}

#monitorList {
  grid-template-columns: 84px 1fr !important;
  gap: 8px 12px !important;
}

#monitorList dt {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .045em;
}

#monitorList dd {
  font-weight: 520 !important;
  line-height: 1.25;
}

.compare-device-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}

.compare-mini-device {
  aspect-ratio: 390 / 844;
  min-height: 172px;
  border: 1.6px solid #171717;
  border-radius: 24px;
  background: linear-gradient(180deg, #f7f4ea, #e7e0d3);
  display: grid;
  place-items: center;
  align-content: center;
  gap: 4px;
  text-align: center;
  box-shadow: 0 12px 26px rgba(20,18,14,.10);
}

.compare-mini-device span {
  color: var(--muted);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.compare-mini-device strong {
  font-size: 17px;
  letter-spacing: -.04em;
}

.compare-mini-device.is-candidate {
  background: linear-gradient(180deg, #fff, #f0ece3);
  box-shadow: 0 0 0 2px rgba(255,255,255,.72), 0 14px 30px rgba(20,18,14,.13);
}

.compare-vs {
  min-width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(23,23,23,.22);
  border-radius: 999px;
  background: var(--right-tool-cream);
  color: #171717;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: -.02em;
  box-shadow: 0 8px 18px rgba(20,18,14,.10);
}

.compare-panel p {
  margin-top: 12px;
  text-align: center;
}

@media (max-width: 1180px) {
  .floating-panel.device-panel,
  .floating-panel.map,
  .floating-panel.monitor,
  .floating-panel.compare-panel {
    right: 72px;
  }
}

@media (max-width: 760px) {
  .panel-dock.right-tool-dock .tool-pill {
    min-width: 92px;
  }
  .floating-panel.device-panel,
  .floating-panel.map,
  .floating-panel.monitor,
  .floating-panel.compare-panel {
    width: min(356px, calc(100vw - 96px));
  }
}

.panel-dock.right-tool-dock .tool-pill.icon-only,
.panel-dock.right-tool-dock .panel-toggle.tool-pill.icon-only {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  gap: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
}

.panel-dock.right-tool-dock .tool-pill.icon-only .tool-label,
.panel-dock.right-tool-dock .tool-pill.icon-only .tool-icon {
  display: none !important;
}

.tool-icon-img {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  pointer-events: none;
  transform: translateZ(0);
}

.tool-icon-img-compare {
  width: 25px;
  height: 25px;
}

.panel-dock.right-tool-dock .tool-pill.icon-only.is-active .tool-icon-img {
  filter: invert(1);
}

:root {
  --pgl-floating-w: min(620px, calc(100vw - 132px));
  --pgl-floating-top: 118px;
  --pgl-floating-right: 82px;
  --pgl-floating-glass: rgba(255,255,255,.34);
  --pgl-floating-glass-soft: rgba(255,255,255,.22);
  --pgl-floating-line: rgba(255,255,255,.44);
  --pgl-floating-ink-line: rgba(20,20,20,.16);
}

.pgl-entry {
  pointer-events: none !important;
  overflow: visible !important;
}
.pgl-toggle {
  pointer-events: auto !important;
}

#pglPanel.pgl-floating-panel {
  position: fixed !important;
  z-index: 96 !important;
  top: var(--pgl-floating-top) !important;
  right: var(--pgl-floating-right) !important;
  left: auto !important;
  width: var(--pgl-floating-w) !important;
  max-width: calc(100vw - 36px) !important;
  max-height: calc(100vh - 150px) !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  border: 1px solid var(--pgl-floating-line) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,.18) 58%, rgba(255,255,255,.30)),
    rgba(255,255,255,.16) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) contrast(1.02) !important;
  backdrop-filter: blur(22px) saturate(1.08) contrast(1.02) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(20,18,14,.055),
    0 28px 76px rgba(20,18,14,.24),
    0 8px 22px rgba(20,18,14,.12) !important;
  color: var(--ink) !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-8px) scale(.985) !important;
  transform-origin: top right !important;
  transition: opacity 180ms ease, transform 220ms cubic-bezier(.2,.8,.2,1) !important;
}

#pglPanel.pgl-floating-panel.is-open {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

#pglPanel.pgl-floating-panel.is-panel-closing {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) scale(.985) !important;
}

.pgl-floating-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 58px !important;
  padding: 13px 15px 11px !important;
  border-bottom: 1px solid rgba(20,20,20,.10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,.08)) !important;
  cursor: move !important;
  user-select: none !important;
}

.pgl-floating-kicker {
  display: block !important;
  margin-bottom: 2px !important;
  color: rgba(23,23,23,.54) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;
}

.pgl-floating-header strong {
  display: block !important;
  color: #171717 !important;
  font-size: 15px !important;
  line-height: 1.08 !important;
  letter-spacing: -.015em !important;
  text-transform: none !important;
}

.pgl-floating-close {
  flex: 0 0 auto !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(20,20,20,.18) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  color: #171717 !important;
  display: grid !important;
  place-items: center !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.pgl-floating-close:hover {
  background: rgba(255,255,255,.58) !important;
}

.pgl-floating-body {
  min-height: 0 !important;
  overflow: auto !important;
  padding: 14px 15px 16px !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  background: transparent !important;
}

#pglPanel .pgl-ribbon-intro {
  position: relative !important;
  grid-area: auto !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  align-items: center !important;
  gap: 10px 14px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#pglPanel .pgl-ribbon-intro > strong {
  display: none !important;
}

#pglPanel .pgl-ribbon-claim {
  grid-column: 1 !important;
  margin: 0 !important;
  color: rgba(23,23,23,.68) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}

#pglPanel .pgl-language-switch {
  grid-column: 2 !important;
  margin: 0 !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  padding: 2px !important;
  border: 1px solid rgba(20,20,20,.14) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42) !important;
}

#pglPanel .pgl-lang-button {
  min-width: 31px !important;
  height: 23px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: rgba(23,23,23,.58) !important;
  padding: 0 7px !important;
  font-size: 10.5px !important;
  font-weight: 760 !important;
  letter-spacing: .045em !important;
  line-height: 1 !important;
}

#pglPanel .pgl-lang-button.is-active {
  color: #171717 !important;
  background: rgba(255,255,255,.68) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.70) inset, 0 5px 12px rgba(20,18,14,.10) !important;
}

#pglPanel .pgl-menu.pgl-chip-row {
  grid-area: auto !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
  gap: 7px !important;
  margin: 0 !important;
}

#pglPanel .pgl-chip,
#pglPanel .pgl-menu-button {
  width: auto !important;
  min-width: 122px !important;
  max-width: 158px !important;
  min-height: 44px !important;
  display: grid !important;
  align-content: center !important;
  gap: 2px !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(20,20,20,.13) !important;
  border-radius: 15px !important;
  background: rgba(255,255,255,.22) !important;
  color: #171717 !important;
  text-align: center !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.36), 0 6px 16px rgba(20,18,14,.05) !important;
}

#pglPanel .pgl-chip:hover {
  background: rgba(255,255,255,.36) !important;
  border-color: rgba(20,20,20,.24) !important;
}

#pglPanel .pgl-chip.is-active,
#pglPanel .pgl-chip.is-active:hover {
  background: #171717 !important;
  color: #fff !important;
  border-color: #171717 !important;
  box-shadow: 0 10px 22px rgba(20,18,14,.18) !important;
}

#pglPanel .pgl-chip strong {
  font-size: 11px !important;
  line-height: 1.08 !important;
  letter-spacing: -.01em !important;
}

#pglPanel .pgl-chip span {
  color: rgba(23,23,23,.58) !important;
  font-size: 9.7px !important;
  line-height: 1.14 !important;
}

#pglPanel .pgl-chip.is-active strong,
#pglPanel .pgl-chip.is-active span {
  color: #fff !important;
}

#pglPanel .pgl-chip.is-active span {
  opacity: .72 !important;
}

#pglPanel .pgl-content-viewport {
  grid-area: auto !important;
  justify-self: stretch !important;
  display: block !important;
  width: 100% !important;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0;
  pointer-events: none;
  overflow: hidden !important;
  transition: height var(--pgl-content-transition, 600ms) cubic-bezier(.22,.72,.18,1), opacity .18s ease !important;
}

#pglPanel.is-content-opening .pgl-content-viewport,
#pglPanel.is-content-open .pgl-content-viewport,
#pglPanel.is-content-closing .pgl-content-viewport,
#pglPanel.is-content-switching .pgl-content-viewport {
  opacity: 1 !important;
  pointer-events: auto !important;
}

#pglPanel.is-content-open .pgl-content-viewport,
#pglPanel.is-content-switching .pgl-content-viewport {
  overflow: auto !important;
}

#pglPanel:not(.has-active-pane) .pgl-content-viewport,
#pglPanel.is-content-closing .pgl-content-viewport {
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
}

#pglPanel.is-content-switching .pgl-content-viewport {
  transition: height 180ms cubic-bezier(.2,.8,.2,1), opacity .10s ease !important;
}

#pglPanel .pgl-body {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  max-height: 300px !important;
  margin: 0 !important;
  padding: 12px 0 0 !important;
  overflow: auto !important;
  background: transparent !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transition: none !important;
}

#pglPanel .pgl-pane { display: none !important; }
#pglPanel .pgl-pane.is-active { display: block !important; }

#pglPanel .pgl-frame.pgl-declaration-card {
  width: 100% !important;
  margin: 0 !important;
  padding: 14px 16px 15px !important;
  border: 1px solid rgba(20,20,20,.12) !important;
  border-radius: 18px !important;
  background: rgba(255,255,255,.24) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.02) !important;
  backdrop-filter: blur(12px) saturate(1.02) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 9px 22px rgba(20,18,14,.08) !important;
}

#pglPanel .pgl-frame h2 {
  margin: 0 0 7px !important;
  color: #171717 !important;
  font-size: 13px !important;
  line-height: 1.16 !important;
  letter-spacing: -.015em !important;
  text-transform: none !important;
}

#pglPanel .pgl-frame p {
  margin: 0 !important;
  color: #47423a !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
}

#pglPanel .pgl-frame p + p { margin-top: 7px !important; }
#pglPanel .pgl-muted { color: var(--muted) !important; }

#pglPanel .pgl-demo-button {
  margin-top: 11px !important;
  width: 100% !important;
  min-height: 31px !important;
  border: 1px dashed rgba(20,20,20,.20) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.16) !important;
  color: rgba(23,23,23,.44) !important;
  padding: 6px 9px !important;
  font-size: 11.3px !important;
  cursor: not-allowed !important;
}

#pglPanel .pgl-demo-button span {
  display: block !important;
  margin-top: 1px !important;
  color: rgba(23,23,23,.34) !important;
  font-size: 9px !important;
  text-transform: uppercase !important;
  letter-spacing: .06em !important;
}

@media (max-width: 1180px) {
  #pglPanel.pgl-floating-panel {
    top: 176px !important;
    right: 18px !important;
    width: min(620px, calc(100vw - 36px)) !important;
  }
}

@media (max-width: 760px) {
  #pglPanel.pgl-floating-panel {
    left: 18px !important;
    right: 18px !important;
    top: 112px !important;
    width: auto !important;
    max-height: calc(100vh - 136px) !important;
    transform-origin: top center !important;
  }

  #pglPanel .pgl-ribbon-intro {
    grid-template-columns: 1fr !important;
  }

  #pglPanel .pgl-language-switch {
    grid-column: 1 !important;
    justify-self: start !important;
  }

  #pglPanel .pgl-chip,
  #pglPanel .pgl-menu-button {
    min-width: min(100%, 164px) !important;
    max-width: none !important;
  }
}

:root { --pgl-mark-size: 56px; }
.controlbar { position: fixed; }
.pgl-entry {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: var(--pgl-mark-size) !important;
  height: var(--pgl-mark-size) !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  z-index: 130 !important;
  pointer-events: none !important;
  overflow: visible !important;
}
.pgl-toggle {
  position: relative !important;
  z-index: 131 !important;
  width: var(--pgl-mark-size) !important;
  height: var(--pgl-mark-size) !important;
  min-height: var(--pgl-mark-size) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: auto !important;
  overflow: visible !important;
  transform: none !important;
}
.pgl-toggle:hover,
.pgl-toggle.is-active {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.pgl-mark {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  overflow: visible !important;
  filter: drop-shadow(0 7px 12px rgba(20,18,14,.18));
}
.pgl-mark img {
  position: absolute !important;
  inset: 0 !important;
  width: 46px !important;
  height: 46px !important;
  object-fit: contain !important;
  pointer-events: none !important;
}
.pgl-mark-disc { filter: drop-shadow(0 3px 4px rgba(20,18,14,.22)); }
.pgl-mark-exclamation { filter: drop-shadow(1.6px 2.2px 0 rgba(20,18,14,.24)); }
body.pgl-open .pgl-entry,
body.pgl-open .pgl-toggle,
.pgl-toggle.is-active {
  z-index: 132 !important;
}

#pglPanel .pgl-floating-header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  padding: 12px 14px 11px !important;
}

#pglPanel .pgl-floating-mark {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  overflow: visible !important;
  filter: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

#pglPanel .pgl-floating-mark img {
  position: absolute !important;
  inset: 0 !important;
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
  display: block !important;
  filter: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

#pglPanel .pgl-floating-titleblock {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

#pglPanel .pgl-floating-titleblock .pgl-floating-kicker {
  display: block !important;
  margin: 0 !important;
  color: rgba(23,23,23,.52) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .10em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

#pglPanel .pgl-floating-titleblock strong {
  display: block !important;
  color: #171717 !important;
  font-size: 15.5px !important;
  line-height: 1.05 !important;
  letter-spacing: -.018em !important;
  text-transform: none !important;
}

#pglPanel .pgl-floating-titleblock p {
  margin: 0 !important;
  max-width: 390px !important;
  color: rgba(23,23,23,.64) !important;
  font-size: 11.4px !important;
  line-height: 1.28 !important;
}

#pglPanel .pgl-floating-header .pgl-language-switch {
  grid-column: auto !important;
  justify-self: end !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  align-self: center !important;
}

#pglPanel .pgl-floating-header .pgl-floating-close {
  align-self: center !important;
}

#pglPanel .pgl-floating-body {
  padding-top: 13px !important;
}

@media (max-width: 760px) {
  #pglPanel .pgl-floating-header {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
  }

  #pglPanel .pgl-floating-header .pgl-language-switch {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-top: 5px !important;
  }

  #pglPanel .pgl-floating-close {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  #pglPanel .pgl-floating-titleblock {
    grid-column: 2 !important;
  }
}

#pglPanel.pgl-floating-panel {
  z-index: var(--z-work-panel-base, 150) !important;
}

#pglPanel.pgl-floating-panel.is-managed-panel-front {
  z-index: var(--z-work-panel-front, 170) !important;
}

#pglPanel.pgl-floating-panel.is-dragging {
  z-index: var(--z-work-panel-dragging, 180) !important;
}

#pglPanel .pgl-floating-header {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

#pglPanel .pgl-floating-mark {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  color: inherit !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  border-radius: 999px !important;
}

#pglPanel .pgl-floating-mark:hover,
#pglPanel .pgl-floating-mark:focus-visible {
  background: rgba(255,255,255,.28) !important;
  outline: none !important;
}

.pgl-mark-exclamation,
#pglPanel .pgl-floating-mark-exclamation {
  transform: scale(.95) !important;
  transform-origin: 50% 50% !important;
}

#pglPanel .pgl-floating-header .pgl-language-switch {
  transform: none !important;
}

#pglPanel .pgl-floating-header .pgl-floating-close {
  display: none !important;
}

@media (max-width: 760px) {
  #pglPanel .pgl-floating-header {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
  }

  #pglPanel .pgl-floating-header .pgl-language-switch {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    margin-top: 0 !important;
    transform: translateX(0) !important;
  }

  #pglPanel .pgl-floating-titleblock {
    grid-column: 2 !important;
  }
}

#pglPanel .pgl-floating-header {
  grid-template-columns: auto minmax(0, 1fr) max-content !important;
  column-gap: 12px !important;
  padding-right: 14px !important;
}

#pglPanel .pgl-floating-header .pgl-language-switch {
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 760px) {
  #pglPanel .pgl-floating-header {
    grid-template-columns: auto minmax(0, 1fr) max-content !important;
    column-gap: 10px !important;
    padding-right: 14px !important;
  }

  #pglPanel .pgl-floating-header .pgl-language-switch {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
    margin-top: 0 !important;
    transform: none !important;
  }
}

:root {
  --case-ops-glass-line: rgba(255,255,255,.46);
  --case-ops-glass-ink-line: rgba(20,20,20,.15);
  --case-ops-glass-card: rgba(255,255,255,.26);
  --case-ops-glass-card-strong: rgba(255,255,255,.38);
  --case-ops-glass-control: rgba(255,255,255,.48);
}

.case-ops-panel {
  border: 1px solid var(--case-ops-glass-line) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.44), rgba(255,255,255,.18) 58%, rgba(255,255,255,.30)),
    rgba(255,255,255,.16) !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.08) contrast(1.02) !important;
  backdrop-filter: blur(22px) saturate(1.08) contrast(1.02) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(20,18,14,.055),
    0 28px 76px rgba(20,18,14,.24),
    0 8px 22px rgba(20,18,14,.12) !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.case-ops-panel.is-offscreen-docked {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(20,18,14,.055),
    0 24px 70px rgba(20,18,14,.30),
    0 8px 22px rgba(20,18,14,.14) !important;
}

.case-ops-header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 12px 14px 11px !important;
  border-bottom: 1px solid rgba(20,20,20,.10) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.08)) !important;
  cursor: move !important;
  user-select: none !important;
  touch-action: none !important;
}

.case-ops-mark {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(20,20,20,.12) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 6px 14px rgba(20,18,14,.08) !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.case-ops-mark img {
  width: 30px !important;
  height: 30px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.case-ops-titleblock {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}

.case-ops-header strong {
  color: #171717 !important;
  font-size: 15.5px !important;
  line-height: 1.05 !important;
  letter-spacing: -.018em !important;
}

.case-ops-kicker {
  margin: 0 !important;
  color: rgba(23,23,23,.52) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .10em !important;
  line-height: 1.05 !important;
}

.case-ops-close {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(20,20,20,.18) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.34) !important;
  color: #171717 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
}

.case-ops-close:hover,
.case-ops-close:focus-visible {
  background: rgba(255,255,255,.58) !important;
  outline: none !important;
}

.case-ops-grid {
  padding: 14px !important;
  gap: 10px !important;
}

.case-ops-section {
  border: 1px solid rgba(20,20,20,.13) !important;
  border-radius: 18px !important;
  background: var(--case-ops-glass-card) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    0 7px 18px rgba(20,18,14,.055) !important;
}

.case-ops-section:hover {
  background: var(--case-ops-glass-card-strong) !important;
}

.case-ops-section h2 {
  color: rgba(23,23,23,.62) !important;
  font-size: 10.5px !important;
  font-weight: 760 !important;
  letter-spacing: .085em !important;
}

.case-field select,
.case-action,
.case-ops-controls .btn,
.case-door-gate-section summary,
.door-gate-pill,
.door-gate-scope,
.door-gate-allowed {
  border-color: rgba(20,20,20,.15) !important;
  background: var(--case-ops-glass-control) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.52) !important;
}

.case-action.is-enabled,
.case-ops-controls .btn:not(:disabled):hover {
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(20,20,20,.28) !important;
}

.case-action:disabled,
.case-action.is-disabled {
  background: rgba(255,255,255,.20) !important;
  opacity: .38 !important;
}

@media (max-width: 760px) {
  .case-ops-header {
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding-right: 14px !important;
  }

  .case-ops-mark {
    width: 38px !important;
    height: 38px !important;
    border-radius: 13px !important;
  }

  .case-ops-mark img {
    width: 44.8px !important;
    height: 44.8px !important;
  }

  .case-ops-grid {
    padding: 12px !important;
  }
}

.case-ops-entry {
  min-width: 144px !important;
}

.case-ops-entry .case-ops-toggle {
  min-width: 136px !important;
  height: 38px !important;
  padding: 5px 11px 5px 7px !important;
  display: inline-grid !important;
  grid-template-columns: 26px max-content !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgba(255,255,255,.48) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.24) 60%, rgba(255,255,255,.42)),
    rgba(255,255,255,.24) !important;
  color: #171717 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    0 12px 28px rgba(20,18,14,.16) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.05) !important;
  backdrop-filter: blur(18px) saturate(1.05) !important;
  transform: scale(.8) !important;
  transform-origin: center center !important;
}

.case-ops-entry .case-ops-toggle:hover,
.case-ops-entry .case-ops-toggle.is-active {
  border-color: rgba(20,20,20,.22) !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,255,255,.34) 60%, rgba(255,255,255,.50)),
    rgba(255,255,255,.36) !important;
  color: #111 !important;
  transform: scale(.8) translateY(-1px) !important;
}

.case-ops-toggle-mark {
  width: 26px !important;
  height: 26px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(20,20,20,.13) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.34) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
  overflow: hidden !important;
}

.case-ops-toggle-mark img {
  width: 20px !important;
  height: 20px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.case-ops-toggle-label {
  white-space: nowrap !important;
  font-size: 11px !important;
  font-weight: 780 !important;
  letter-spacing: .015em !important;
  line-height: 1 !important;
}

.case-ops-header {
  grid-template-columns: auto minmax(0, 1fr) !important;
  min-height: 68px !important;
}

.case-ops-mark {
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 !important;
  color: inherit !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.case-ops-mark:hover,
.case-ops-mark:focus-visible {
  border-color: rgba(20,20,20,.26) !important;
  background: rgba(255,255,255,.58) !important;
  outline: none !important;
  transform: translateY(-1px) !important;
}

.case-ops-titleblock p {
  margin: 1px 0 0 !important;
  color: rgba(23,23,23,.50) !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  line-height: 1.15 !important;
  letter-spacing: .01em !important;
}

.case-ops-close {
  display: none !important;
}

#caseShow.case-path-toggle,
.case-ops-controls #caseShow.btn {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 7px 16px rgba(20,18,14,.18) !important;
}

#caseShow.case-path-toggle:hover,
.case-ops-controls #caseShow.btn:hover,
#caseShow.case-path-toggle[aria-pressed="true"] {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

#pglPanel.pgl-floating-panel.is-offscreen-docked {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(20,18,14,.055),
    0 24px 70px rgba(20,18,14,.30),
    0 8px 22px rgba(20,18,14,.14) !important;
}

@media (max-width: 760px) {
  .case-ops-entry {
    min-width: 124px !important;
  }

  .case-ops-entry .case-ops-toggle {
    min-width: 118px !important;
    grid-template-columns: 24px max-content !important;
    gap: 6px !important;
  }

  .case-ops-toggle-label {
    font-size: 10px !important;
  }

  .case-ops-header {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }
}

.case-ops-mark img {
  width: 36px !important;
  height: 36px !important;
}

.case-ops-entry {
  min-width: 190px !important;
}

.case-ops-entry .case-ops-toggle {
  min-width: 184px !important;
  height: 51px !important;
  padding: 7px 16px 7px 10px !important;
  grid-template-columns: 35px max-content !important;
  gap: 11px !important;
  border-color: rgba(255,255,255,.22) !important;
  background: #111 !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 15px 32px rgba(20,18,14,.26) !important;
  transform: none !important;
}

.case-ops-entry .case-ops-toggle:hover,
.case-ops-entry .case-ops-toggle.is-active {
  border-color: rgba(255,255,255,.30) !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    0 18px 36px rgba(20,18,14,.30) !important;
  transform: translateY(-1px) !important;
}

.case-ops-toggle-mark {
  width: 35px !important;
  height: 35px !important;
  border-color: rgba(255,255,255,.24) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.case-ops-toggle-mark img {
  width: 27px !important;
  height: 27px !important;
  filter: none !important;
}

.case-ops-toggle-label {
  color: #fff !important;
  font-size: 14.8px !important;
  font-weight: 820 !important;
  letter-spacing: .006em !important;
}

#caseShow.case-path-toggle,
.case-ops-controls #caseShow.btn {
  background: var(--case-ops-glass-control) !important;
  border-color: rgba(20,20,20,.14) !important;
  color: #171717 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 5px 12px rgba(20,18,14,.08) !important;
}

#caseShow.case-path-toggle.is-path-cta,
.case-ops-controls #caseShow.btn.is-path-cta {
  background: #111 !important;
  border-color: #111 !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 7px 16px rgba(20,18,14,.18) !important;
}

#caseShow.case-path-toggle.is-path-cta:hover,
.case-ops-controls #caseShow.btn.is-path-cta:hover {
  background: #000 !important;
  border-color: #000 !important;
  color: #fff !important;
}

#caseShow.case-path-toggle.is-path-off,
.case-ops-controls #caseShow.btn.is-path-off,
#caseShow.case-path-toggle.is-path-off:hover,
.case-ops-controls #caseShow.btn.is-path-off:hover,
#caseShow.case-path-toggle[aria-pressed="true"],
.case-ops-controls #caseShow.btn[aria-pressed="true"] {
  background: var(--case-ops-glass-control) !important;
  border-color: rgba(20,20,20,.14) !important;
  color: #171717 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 5px 12px rgba(20,18,14,.08) !important;
}

.pgl-toggle {
  width: 56px !important;
  height: 56px !important;
  border: 1px solid rgba(255,255,255,.46) !important;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.72), rgba(255,255,255,.28) 58%, rgba(255,255,255,.16)),
    rgba(255,255,255,.22) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(20,18,14,.06),
    0 14px 32px rgba(20,18,14,.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
}

.pgl-toggle:hover,
.pgl-toggle.is-active,
body.pgl-open .pgl-toggle {
  border-color: rgba(255,255,255,.58) !important;
  background:
    radial-gradient(circle at 32% 22%, rgba(255,255,255,.84), rgba(255,255,255,.34) 58%, rgba(255,255,255,.20)),
    rgba(255,255,255,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(20,18,14,.07),
    0 18px 38px rgba(20,18,14,.22) !important;
}

.pgl-mark {
  width: 48px !important;
  height: 48px !important;
  filter: drop-shadow(0 7px 12px rgba(20,18,14,.16)) !important;
}

.pgl-mark img {
  width: 48px !important;
  height: 48px !important;
}

#pglPanel .pgl-chip.is-door-opener-chip,
#pglPanel .pgl-menu-button.is-door-opener-chip {
  min-width: 154px !important;
  display: grid !important;
  grid-template-columns: 22px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 7px !important;
  row-gap: 1px !important;
  text-align: left !important;
}

#pglPanel .pgl-chip.is-door-opener-chip .pgl-chip-icon {
  grid-column: 1 !important;
  grid-row: 1 / span 2 !important;
  width: 20px !important;
  height: 20px !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

#pglPanel .pgl-chip.is-door-opener-chip strong,
#pglPanel .pgl-chip.is-door-opener-chip span:not(.pgl-title-inline) {
  grid-column: 2 !important;
}

#pglPanel .pgl-pane-title-with-icon {
  display: inline-grid !important;
  grid-template-columns: 28px max-content !important;
  align-items: center !important;
  gap: 8px !important;
}

#pglPanel .pgl-pane-title-with-icon img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

@media (max-width: 760px) {
  .case-ops-entry {
    min-width: 164px !important;
  }

  .case-ops-entry .case-ops-toggle {
    min-width: 158px !important;
    height: 46px !important;
    grid-template-columns: 31px max-content !important;
    gap: 9px !important;
    padding: 6px 12px 6px 9px !important;
  }

  .case-ops-toggle-mark {
    width: 31px !important;
    height: 31px !important;
  }

  .case-ops-toggle-mark img {
    width: 24px !important;
    height: 24px !important;
  }

  .case-ops-toggle-label {
    font-size: 12.6px !important;
  }
}

.case-ops-entry {
  min-width: 142px !important;
  justify-content: center !important;
}

.case-ops-entry .case-ops-toggle {
  min-width: 136px !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 7px 13px 7px 10px !important;
  display: inline-grid !important;
  grid-template-columns: 20px max-content !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 999px !important;
  border: 1px solid #111 !important;
  background: #111 !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 7px 16px rgba(20,18,14,.18) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  transform-origin: center center !important;
  transition: transform .16s ease, background .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important;
}

.case-ops-entry .case-ops-toggle:hover {
  border-color: #000 !important;
  background: #000 !important;
  color: #fff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 9px 18px rgba(20,18,14,.20) !important;
  transform: translateY(-1px) !important;
}

.case-ops-entry .case-ops-toggle.is-active,
.case-ops-entry .case-ops-toggle[aria-expanded="true"] {
  border-color: rgba(20,20,20,.14) !important;
  background: var(--case-ops-glass-control, rgba(255,255,255,.78)) !important;
  color: #171717 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.52),
    0 5px 12px rgba(20,18,14,.08) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.04) !important;
  backdrop-filter: blur(14px) saturate(1.04) !important;
  transform: none !important;
}

.case-ops-entry .case-ops-toggle.is-active:hover,
.case-ops-entry .case-ops-toggle[aria-expanded="true"]:hover {
  border-color: rgba(20,20,20,.20) !important;
  background: rgba(255,255,255,.88) !important;
  color: #171717 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    0 6px 14px rgba(20,18,14,.10) !important;
  transform: translateY(-1px) !important;
}

.case-ops-toggle-mark {
  width: 20px !important;
  height: 20px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.case-ops-toggle-mark img {
  width: 19px !important;
  height: 19px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
  filter: invert(1) brightness(1.08) !important;
  opacity: .94 !important;
}

.case-ops-entry .case-ops-toggle.is-active .case-ops-toggle-mark img,
.case-ops-entry .case-ops-toggle[aria-expanded="true"] .case-ops-toggle-mark img {
  filter: none !important;
  opacity: .86 !important;
}

.case-ops-toggle-label {
  color: currentColor !important;
  white-space: nowrap !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  letter-spacing: .006em !important;
  line-height: 1 !important;
}

.case-ops-entry .case-ops-toggle:focus-visible {
  outline: 2px solid rgba(17,17,17,.58) !important;
  outline-offset: 3px !important;
}

@media (max-width: 760px) {
  .case-ops-entry {
    min-width: 126px !important;
    justify-content: flex-start !important;
  }

  .case-ops-entry .case-ops-toggle {
    min-width: 122px !important;
    height: 34px !important;
    min-height: 34px !important;
    grid-template-columns: 18px max-content !important;
    gap: 7px !important;
    padding: 6px 11px 6px 9px !important;
  }

  .case-ops-toggle-mark {
    width: 18px !important;
    height: 18px !important;
  }

  .case-ops-toggle-mark img {
    width: 17px !important;
    height: 17px !important;
  }

  .case-ops-toggle-label {
    font-size: 11px !important;
  }
}

.case-ops-entry {
  min-width: 166px !important;
}

.case-ops-entry .case-ops-toggle {
  min-width: 160px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 5px 17px 5px 5px !important;
  grid-template-columns: 30px max-content !important;
  gap: 11px !important;
  border-radius: 999px !important;
}

.case-ops-entry .case-ops-toggle:hover {
  transform: translateY(-1px) !important;
}

.case-ops-toggle-mark {
  width: 30px !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.64) !important;
  border-radius: 999px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(232,242,250,.68)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    inset 0 -1px 0 rgba(20,20,20,.045),
    0 1px 3px rgba(20,18,14,.16) !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.case-ops-toggle-mark img {
  width: 21px !important;
  height: 21px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
  filter: none !important;
  opacity: 1 !important;
}

.case-ops-entry .case-ops-toggle.is-active .case-ops-toggle-mark,
.case-ops-entry .case-ops-toggle[aria-expanded="true"] .case-ops-toggle-mark {
  border-color: rgba(20,20,20,.12) !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(236,244,249,.72)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.84),
    inset 0 -1px 0 rgba(20,20,20,.04),
    0 1px 3px rgba(20,18,14,.10) !important;
}

.case-ops-entry .case-ops-toggle.is-active .case-ops-toggle-mark img,
.case-ops-entry .case-ops-toggle[aria-expanded="true"] .case-ops-toggle-mark img {
  filter: none !important;
  opacity: 1 !important;
}

.case-ops-toggle-label {
  font-size: 12.2px !important;
  letter-spacing: .004em !important;
}

@media (max-width: 760px) {
  .case-ops-entry {
    min-width: 148px !important;
  }

  .case-ops-entry .case-ops-toggle {
    min-width: 142px !important;
    height: 36px !important;
    min-height: 36px !important;
    grid-template-columns: 28px max-content !important;
    gap: 9px !important;
    padding: 4px 13px 4px 4px !important;
  }

  .case-ops-toggle-mark {
    width: 28px !important;
    height: 28px !important;
  }

  .case-ops-toggle-mark img {
    width: 20px !important;
    height: 20px !important;
  }

  .case-ops-toggle-label {
    font-size: 11.2px !important;
  }
}

.case-ops-entry {
  min-width: 184px !important;
}

.case-ops-entry .case-ops-toggle {
  min-width: 178px !important;
  grid-template-columns: 30px max-content !important;
  align-items: center !important;
}

.case-ops-toggle-label {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: translateY(.5px) !important;
  white-space: nowrap !important;
}

.case-ops-kicker {
  text-transform: none !important;
}

.case-ops-header strong {
  line-height: 1.08 !important;
}

.case-ops-titleblock p {
  margin: 2px 0 0 !important;
  font-weight: 400 !important;
  line-height: 1.22 !important;
  letter-spacing: .002em !important;
}

@media (max-width: 760px) {
  .case-ops-entry {
    min-width: 166px !important;
  }

  .case-ops-entry .case-ops-toggle {
    min-width: 160px !important;
  }

  .case-ops-toggle-label {
    font-size: 11px !important;
    transform: translateY(.5px) !important;
  }
}

#pglPanel.pgl-floating-panel.is-user-positioned {
  right: auto !important;
  bottom: auto !important;
}

#pglPanel.pgl-floating-panel.is-user-positioned.is-open {
  transform-origin: top left !important;
}

#pglPanel.pgl-floating-panel.is-dragging,
#pglPanel.pgl-floating-panel.is-dragging .pgl-floating-header,
#pglPanel.pgl-floating-panel.is-dragging .pgl-floating-titleblock {
  cursor: grabbing !important;
  user-select: none !important;
}

#pglPanel .pgl-floating-header {
  touch-action: none !important;
}

#pglPanel .pgl-floating-titleblock {
  cursor: move !important;
}

#pglPanel .pgl-floating-mark,
#pglPanel .pgl-floating-header .pgl-language-switch,
#pglPanel .pgl-floating-header .pgl-lang-button,
#pglPanel .pgl-menu-button,
#pglPanel .pgl-chip {
  touch-action: manipulation !important;
}

#pglPanel.pgl-floating-panel.is-offscreen-docked .pgl-floating-header {
  box-shadow: inset 0 -1px 0 rgba(20,18,14,.09), 0 8px 20px rgba(20,18,14,.10) !important;
}

.case-ops-entry .case-ops-toggle {
  height: 38px !important;
  min-height: 38px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
  align-items: center !important;
  justify-items: center !important;
}

.case-ops-toggle-mark {
  align-self: center !important;
  justify-self: center !important;
  transform: translateY(0) !important;
}

.case-ops-toggle-label {
  height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  transform: translateY(0) !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 760px) {
  .case-ops-entry .case-ops-toggle {
    height: 36px !important;
    min-height: 36px !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }

  .case-ops-toggle-label {
    height: 28px !important;
    transform: translateY(0) !important;
  }
}

.pgl-toggle.is-focus-pulse {
  animation: pgl-open-focus-pulse .42s ease both;
}

@keyframes pgl-open-focus-pulse {
  0% { transform: scale(1); }
  42% { transform: scale(1.045); }
  100% { transform: scale(1); }
}

.case-ops-header {
  grid-template-columns: auto minmax(0, 1fr) auto !important;
}

.case-ops-pgl-hint-trigger {
  position: relative !important;
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  cursor: pointer !important;
  overflow: visible !important;
  align-self: center !important;
  touch-action: manipulation !important;
  opacity: .84 !important;
  transition: opacity .14s ease, transform .14s ease, filter .14s ease !important;
}

.case-ops-pgl-hint-trigger:hover,
.case-ops-pgl-hint-trigger:focus-visible,
.case-ops-pgl-hint-trigger.is-active,
.case-ops-pgl-hint-trigger[aria-expanded="true"] {
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  opacity: 1 !important;
  transform: scale(1.04) !important;
  filter: drop-shadow(0 4px 8px rgba(20,18,14,.13)) !important;
}

.case-ops-pgl-hint-trigger:focus-visible {
  outline: 1px solid rgba(255,255,255,.68) !important;
  outline-offset: 2px !important;
}

.case-ops-pgl-hint-trigger img {
  position: absolute !important;
  inset: 4.8px !important;
  width: 38.4px !important;
  height: 38.4px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
  filter: none !important;
}

.case-ops-pgl-hint-disc {
  transform: scale(.78) !important;
  transform-origin: 50% 50% !important;
}

.case-ops-pgl-hint-exclamation {
  transform: scale(.66) !important;
  transform-origin: 50% 50% !important;
}

.case-ops-local-hint {
  position: fixed !important;
  z-index: calc(var(--z-work-panel-front, 170) + 2) !important;
  width: min(244px, calc(100vw - 28px)) !important;
  padding: 13px 14px 12px !important;
  border: 1px solid rgba(255,255,255,.52) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.66), rgba(255,255,255,.30) 62%, rgba(255,255,255,.48)),
    rgba(255,255,255,.24) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
  backdrop-filter: blur(18px) saturate(1.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -1px 0 rgba(20,18,14,.055),
    0 18px 42px rgba(20,18,14,.18) !important;
  color: #171717 !important;
  opacity: 0 !important;
  transform: translateY(-5px) scale(.985) !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease !important;
  cursor: pointer !important;
  user-select: none !important;
}

.case-ops-local-hint.is-open {
  opacity: 1 !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

.case-ops-local-hint-kicker {
  display: block !important;
  margin: 0 0 4px !important;
  color: rgba(23,23,23,.52) !important;
  font-size: 10px !important;
  font-weight: 720 !important;
  letter-spacing: .10em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}

.case-ops-local-hint strong {
  display: block !important;
  margin: 0 0 7px !important;
  color: #171717 !important;
  font-size: 14px !important;
  font-weight: 780 !important;
  line-height: 1.08 !important;
}

.case-ops-local-hint p {
  margin: 0 0 7px !important;
  color: rgba(23,23,23,.66) !important;
  font-size: 11.4px !important;
  line-height: 1.32 !important;
}

.case-ops-local-hint p:last-of-type {
  margin-bottom: 9px !important;
}

.case-ops-local-hint-follow,
.case-ops-local-hint-close {
  display: inline-flex !important;
  align-items: center !important;
  height: 22px !important;
  padding: 0 9px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  border: 1px solid rgba(20,20,20,.13) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.32) !important;
  color: rgba(23,23,23,.62) !important;
  font-size: 10px !important;
  font-weight: 660 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.case-ops-local-hint-follow:hover,
.case-ops-local-hint-follow:focus-visible {
  background: rgba(255,255,255,.48) !important;
  border-color: rgba(20,20,20,.18) !important;
  color: rgba(23,23,23,.78) !important;
  outline: none !important;
}

.case-ops-local-hint-atlas {
  z-index: calc(var(--z-work-panel-front, 170) + 3) !important;
}

@media (max-width: 760px) {
  .case-ops-pgl-hint-trigger {
    width: 44.8px !important;
    height: 44.8px !important;
  }

  .case-ops-pgl-hint-trigger img {
    inset: 4.8px !important;
    width: 35.2px !important;
    height: 35.2px !important;
  }

  .case-ops-local-hint {
    width: min(226px, calc(100vw - 24px)) !important;
  }
}

.brand.brand-hint-trigger {
  width: max-content !important;
  max-width: max-content !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 4px 12px 4px 0 !important;
  margin: 0 !important;
  border-radius: 16px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  user-select: none !important;
  outline: none !important;
}

.brand.brand-hint-trigger:hover .brand-mark,
.brand.brand-hint-trigger:focus-visible .brand-mark,
.brand.brand-hint-trigger.is-active .brand-mark {
  background: rgba(255,255,255,.56) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(20,18,14,.10) !important;
}

.brand.brand-hint-trigger:focus-visible {
  outline: 2px solid rgba(17,17,17,.42) !important;
  outline-offset: 4px !important;
}

.brand.brand-hint-trigger .brand-mark {
  flex: 0 0 auto !important;
  cursor: pointer !important;
}

.brand.brand-hint-trigger .brand-copy {
  pointer-events: none !important;
}

.scim2-console-local-hint {
  width: min(296px, calc(100vw - 28px)) !important;
  z-index: calc(var(--z-work-panel-front, 170) + 4) !important;
}

.scim2-console-local-hint strong + p strong {
  color: rgba(23,23,23,.76) !important;
  font-size: 11.2px !important;
  line-height: 1.34 !important;
}

.pgl-entry .pgl-mark-disc,
.pgl-toggle .pgl-mark-disc {
  opacity: .8 !important;
}

.pgl-toggle:hover .pgl-mark-disc,
.pgl-toggle.is-active .pgl-mark-disc,
body.pgl-open .pgl-toggle .pgl-mark-disc {
  opacity: .84 !important;
}

.case-ops-entry {
  min-width: 76px !important;
  display: grid !important;
  justify-content: center !important;
  align-items: center !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  min-width: 70px !important;
  width: 70px !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #171717 !important;
  display: grid !important;
  grid-template-rows: 13px 28px !important;
  grid-template-columns: 56px !important;
  justify-content: center !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 3px !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
  overflow: visible !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"],
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"]:hover {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #111 !important;
  transform: none !important;
}

.case-ops-switcher-label {
  display: block !important;
  width: 70px !important;
  height: 13px !important;
  color: rgba(23,23,23,.67) !important;
  font-size: 8.8px !important;
  font-weight: 680 !important;
  line-height: 13px !important;
  letter-spacing: .035em !important;
  text-align: center !important;
  white-space: nowrap !important;
  text-transform: none !important;
  font-variant-caps: normal !important;
}

.case-ops-switcher-img {
  display: block !important;
  width: 56px !important;
  height: 28px !important;
  object-fit: contain !important;
  pointer-events: none !important;
  filter: drop-shadow(0 4px 8px rgba(20,18,14,.11)) !important;
  transition: filter .14s ease, transform .14s ease, opacity .14s ease !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  filter: drop-shadow(0 5px 10px rgba(20,18,14,.15)) !important;
  transform: translateY(-.5px) !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:focus-visible {
  outline: 2px solid rgba(17,17,17,.38) !important;
  outline-offset: 4px !important;
  border-radius: 10px !important;
}

@media (max-width: 760px) {
  .brand.brand-hint-trigger {
    gap: 16px !important;
    padding-right: 8px !important;
  }

  .case-ops-entry {
    min-width: 70px !important;
  }

  .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
    width: 66px !important;
    min-width: 66px !important;
    grid-template-columns: 52px !important;
  }

  .case-ops-switcher-label {
    width: 66px !important;
    font-size: 8.2px !important;
  }

  .case-ops-switcher-img {
    width: 52px !important;
    height: 26px !important;
  }
}

.controlbar > .brand {
  width: max-content !important;
  max-width: max-content !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 28px !important;
  padding: 4px 12px 4px 0 !important;
  margin: 0 !important;
  border-radius: 16px !important;
  cursor: default !important;
  pointer-events: none !important;
  user-select: none !important;
  outline: none !important;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-copy {
  pointer-events: none !important;
}

.brand-hint-hitbox {
  position: absolute !important;
  z-index: 7 !important;
  left: 14px !important;
  top: 10px !important;
  width: 356px !important;
  height: 56px !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
}

.brand-hint-hitbox:hover,
.brand-hint-hitbox:active,
.brand-hint-hitbox:focus,
.brand-hint-hitbox:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

.case-ops-entry {
  min-width: 112px !important;
  transform: translateY(0px) !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  min-width: 105px !important;
  width: 105px !important;
  height: 69px !important;
  min-height: 69px !important;
  grid-template-rows: 20px 42px !important;
  grid-template-columns: 84px !important;
  gap: 4.5px !important;
  transform: none !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"],
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"]:hover {
  transform: none !important;
}

.case-ops-switcher-label {
  width: 105px !important;
  height: 20px !important;
  font-size: 13.2px !important;
  line-height: 20px !important;
  letter-spacing: .032em !important;
}

.case-ops-switcher-img {
  width: 84px !important;
  height: 42px !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  transform: translateY(-.75px) !important;
}

@media (max-width: 760px) {
  .brand-hint-hitbox {
    left: 14px !important;
    top: 10px !important;
    width: 324px !important;
    max-width: calc(100vw - 28px) !important;
  }

  .controlbar > .brand {
    gap: 16px !important;
    padding-right: 8px !important;
  }

  .case-ops-entry {
    min-width: 104px !important;
    transform: translateY(0px) !important;
  }

  .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
    width: 99px !important;
    min-width: 99px !important;
    height: 65px !important;
    min-height: 65px !important;
    grid-template-rows: 18px 39px !important;
    grid-template-columns: 78px !important;
    gap: 4px !important;
  }

  .case-ops-switcher-label {
    width: 99px !important;
    height: 18px !important;
    font-size: 12.3px !important;
    line-height: 18px !important;
  }

  .case-ops-switcher-img {
    width: 78px !important;
    height: 39px !important;
  }
}

.controlbar {
  grid-template-columns: max-content auto auto minmax(0, 1fr) auto !important;
}

.controlbar > .brand {
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 34px !important;
  margin-left: 18px !important;
  padding: 0 !important;
  cursor: default !important;
  pointer-events: none !important;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  width: 104px !important;
  height: 56px !important;
  flex: 0 0 104px !important;
  transform: translateY(-5px) !important;
}

.controlbar > .brand .brand-mark img {
  width: 100px !important;
  height: 49px !important;
  max-width: none !important;
  max-height: none !important;
}

.controlbar > .brand .brand-copy {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  pointer-events: none !important;
}

.controlbar > .brand .brand-copy h1 {
  font-size: 20px !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
  white-space: nowrap !important;
}

.controlbar > .brand .brand-copy p {
  font-size: 11.6px !important;
  line-height: 1.2 !important;
  letter-spacing: .006em !important;
  white-space: nowrap !important;
}

.brand-hint-hitbox {
  left: 14px !important;
  top: 10px !important;
  width: 374px !important;
  height: 56px !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  cursor: pointer !important;
}

.brand-hint-hitbox:hover,
.brand-hint-hitbox:active,
.brand-hint-hitbox:focus,
.brand-hint-hitbox:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

.case-ops-entry {
  min-width: 101px !important;
  transform: translateY(-5px) !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  min-width: 95px !important;
  width: 95px !important;
  height: 62px !important;
  min-height: 62px !important;
  grid-template-rows: 18px 38px !important;
  grid-template-columns: 76px !important;
  gap: 4px !important;
  transform: none !important;
}

.case-ops-switcher-label {
  width: 95px !important;
  height: 18px !important;
  font-size: 11.4px !important;
  font-weight: 400 !important;
  line-height: 18px !important;
  letter-spacing: .025em !important;
  color: rgba(23,23,23,.64) !important;
}

.case-ops-switcher-img {
  width: 76px !important;
  height: 38px !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"],
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"]:hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  transform: translateY(-.5px) !important;
}

@media (max-width: 760px) {
  .controlbar > .brand {
    gap: 24px !important;
    margin-left: 12px !important;
    padding: 0 !important;
  }

  .brand-hint-hitbox {
    width: 356px !important;
    max-width: calc(100vw - 28px) !important;
  }

  .case-ops-entry {
    min-width: 94px !important;
    transform: translateY(-4px) !important;
  }

  .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
    width: 89px !important;
    min-width: 89px !important;
    height: 59px !important;
    min-height: 59px !important;
    grid-template-rows: 16px 35px !important;
    grid-template-columns: 70px !important;
    gap: 4px !important;
  }

  .case-ops-switcher-label {
    width: 89px !important;
    height: 16px !important;
    font-size: 10.8px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
  }

  .case-ops-switcher-img {
    width: 70px !important;
    height: 35px !important;
  }
}

.controlbar {
  grid-template-columns: max-content minmax(180px, 1fr) auto auto auto !important;
  column-gap: 18px !important;
}

.controlbar > .brand {
  width: max-content !important;
  max-width: none !important;
  min-width: max-content !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-self: start !important;
  gap: 30px !important;
  margin-left: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  cursor: default !important;
  pointer-events: none !important;
  transform: none !important;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  width: 116px !important;
  height: 62px !important;
  flex: 0 0 116px !important;
  transform: translateY(-3px) !important;
}

.controlbar > .brand .brand-mark img {
  width: 112px !important;
  height: 55px !important;
  max-width: none !important;
  max-height: none !important;
}

.controlbar > .brand .brand-copy {
  flex: 0 0 auto !important;
  min-width: max-content !important;
  pointer-events: none !important;
  transform: none !important;
}

.controlbar > .brand .brand-copy h1 {
  font-size: 24px !important;
  line-height: 1.02 !important;
  font-weight: 760 !important;
  letter-spacing: -.036em !important;
  white-space: nowrap !important;
}

.controlbar > .brand .brand-copy p {
  margin-top: 5px !important;
  font-size: 12.4px !important;
  line-height: 1.18 !important;
  letter-spacing: .004em !important;
  white-space: nowrap !important;
}

.brand-hint-hitbox {
  left: 14px !important;
  top: 7px !important;
  width: 424px !important;
  height: 66px !important;
  max-width: calc(100vw - 28px) !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  transform: none !important;
  filter: none !important;
}

.brand-hint-hitbox:hover,
.brand-hint-hitbox:active,
.brand-hint-hitbox:focus,
.brand-hint-hitbox:focus-visible {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  outline: none !important;
  transform: none !important;
  filter: none !important;
}

.pgl-entry {
  justify-self: center !important;
  align-self: center !important;
}

.case-ops-entry,
.legend,
.toolbar {
  transform: translateY(var(--header-right-controls-drop)) !important;
}

.case-ops-entry {
  min-width: 92px !important;
  justify-self: end !important;
  display: grid !important;
  justify-content: end !important;
  align-items: center !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  min-width: 90px !important;
  width: 90px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: grid !important;
  grid-template-rows: 12px 42px !important;
  grid-template-columns: 84px !important;
  justify-content: center !important;
  align-content: center !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 1px !important;
  transform: none !important;
  overflow: visible !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"],
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"]:hover {
  transform: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.case-ops-switcher-label {
  width: 90px !important;
  height: 12px !important;
  font-size: 9.2px !important;
  font-weight: 400 !important;
  line-height: 12px !important;
  letter-spacing: .018em !important;
  color: rgba(23,23,23,.61) !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.case-ops-switcher-img {
  width: 84px !important;
  height: 42px !important;
  object-fit: contain !important;
  pointer-events: none !important;
  filter: drop-shadow(0 4px 8px rgba(20,18,14,.11)) !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  transform: translateY(-.4px) !important;
  filter: drop-shadow(0 5px 10px rgba(20,18,14,.14)) !important;
}

.legend {
  justify-self: end !important;
}

.toolbar {
  justify-self: end !important;
}

@media (max-width: 760px) {
  .controlbar {
    grid-template-columns: max-content minmax(90px, 1fr) auto auto auto !important;
    column-gap: 10px !important;
  }

  .controlbar > .brand {
    gap: 22px !important;
    margin-left: 0 !important;
  }

  .controlbar > .brand .brand-mark,
  .controlbar > .brand .brand-mark.focus-control,
  .controlbar > .brand .brand-mark.focus-control.is-active,
  body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
    width: 108px !important;
    height: 58px !important;
    flex-basis: 108px !important;
  }

  .controlbar > .brand .brand-mark img {
    width: 104px !important;
    height: 51px !important;
  }

  .controlbar > .brand .brand-copy h1 {
    font-size: 20.8px !important;
  }

  .controlbar > .brand .brand-copy p {
    font-size: 11.8px !important;
  }

  .brand-hint-hitbox {
    left: 14px !important;
    top: 8px !important;
    width: 398px !important;
    height: 62px !important;
    max-width: calc(100vw - 28px) !important;
  }

  .case-ops-entry {
    min-width: 84px !important;
  }

  .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
    width: 82px !important;
    min-width: 82px !important;
    height: 52px !important;
    min-height: 52px !important;
    grid-template-rows: 11px 39px !important;
    grid-template-columns: 78px !important;
    gap: 1px !important;
  }

  .case-ops-switcher-label {
    width: 82px !important;
    height: 11px !important;
    font-size: 8.6px !important;
    line-height: 11px !important;
    font-weight: 400 !important;
  }

  .case-ops-switcher-img {
    width: 78px !important;
    height: 39px !important;
  }
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  width: 133px !important;
  height: 71px !important;
  flex: 0 0 133px !important;
  transform: translateY(-5px) !important;
}

.controlbar > .brand .brand-mark img {
  width: 129px !important;
  height: 63px !important;
  max-width: none !important;
  max-height: none !important;
}

.controlbar > .brand .brand-copy h1 {
  font-size: 28.6px !important;
  line-height: 1.0 !important;
  font-weight: 760 !important;
  letter-spacing: -.038em !important;
  white-space: nowrap !important;
}

.controlbar > .brand .brand-copy p {
  margin-top: 6px !important;
  font-size: 16.1px !important;
  line-height: 1.12 !important;
  letter-spacing: .003em !important;
  white-space: nowrap !important;
}

.brand-hint-hitbox {
  left: 14px !important;
  top: 2px !important;
  width: 590px !important;
  height: 74px !important;
  max-width: calc(100vw - 28px) !important;
}

.case-ops-switcher-img {
  margin-top: -10px !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  transform: translateY(-.4px) !important;
}

@media (max-width: 760px) {
  .controlbar > .brand .brand-mark,
  .controlbar > .brand .brand-mark.focus-control,
  .controlbar > .brand .brand-mark.focus-control.is-active,
  body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
    width: 124px !important;
    height: 67px !important;
    flex-basis: 124px !important;
    transform: translateY(-4px) !important;
  }

  .controlbar > .brand .brand-mark img {
    width: 120px !important;
    height: 59px !important;
  }

  .controlbar > .brand .brand-copy h1 {
    font-size: 27px !important;
  }

  .controlbar > .brand .brand-copy p {
    font-size: 15.3px !important;
  }

  .brand-hint-hitbox {
    top: 3px !important;
    width: 548px !important;
    height: 70px !important;
    max-width: calc(100vw - 28px) !important;
  }

  .case-ops-switcher-img {
    margin-top: -10px !important;
  }
}

.controlbar {
  grid-template-columns: minmax(320px, 1fr) auto auto auto auto;
  column-gap: 14px;
}

.toolbar {
  justify-content: flex-end;
  align-items: center;
  min-width: max-content;
}

.toolbar .select-wrap {
  margin: 0 !important;
}

.diode-legend {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 12px;
  min-width: max-content;
}

.diode-legend .legend-item {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 4px;
  min-width: 44px;
  text-align: center;
}

.diode-legend .legend-item small {
  display: block;
  margin: 0;
  font-size: 10px;
  line-height: 1.05;
  letter-spacing: 0.01em;
  color: rgba(22, 26, 30, 0.84);
}

.diode-legend .dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #9aa1a9 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.42),
    0 0 0 1px rgba(0,0,0,0.18);
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.case-ops-switcher-on .diode-legend .dot-green {
  background: #31a861 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    0 0 0 1px rgba(22,72,42,0.22),
    0 0 6px rgba(49,168,97,0.45),
    0 0 12px rgba(49,168,97,0.24);
}
body.case-ops-switcher-on .diode-legend .dot-blue {
  background: #347ec2 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    0 0 0 1px rgba(33,74,120,0.24),
    0 0 6px rgba(52,126,194,0.45),
    0 0 12px rgba(52,126,194,0.24);
}
body.case-ops-switcher-on .diode-legend .dot-orange {
  background: #e68624 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    0 0 0 1px rgba(123,73,21,0.24),
    0 0 6px rgba(230,134,36,0.46),
    0 0 12px rgba(230,134,36,0.24);
}
body.case-ops-switcher-on .diode-legend .dot-red {
  background: #d94535 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.52),
    0 0 0 1px rgba(112,34,26,0.24),
    0 0 6px rgba(217,69,53,0.46),
    0 0 12px rgba(217,69,53,0.24);
}

body.case-ops-switcher-on .diode-legend .dot {
  transform: translateY(-0.5px);
}

.case-ops-entry {
  justify-self: end;
  min-width: max-content;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  min-width: auto !important;
  padding: 0 !important;
  gap: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.case-ops-switcher-label {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.case-ops-switcher-img {
  width: 32px !important;
  height: 62px !important;
  margin: 0 !important;
  display: block;
}

@media (max-width: 1180px) {
  .controlbar {
    grid-template-columns: minmax(260px, 1fr) auto auto auto;
    row-gap: 10px;
  }
  .toolbar {
    grid-column: 2;
  }
  .diode-legend {
    grid-column: 3;
  }
  .case-ops-entry {
    grid-column: 4;
    justify-self: end;
  }
}

@media (max-width: 900px) {
  .controlbar {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .toolbar,
  .diode-legend,
  .case-ops-entry {
    grid-column: auto;
    justify-content: flex-start;
    justify-self: start;
  }
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  width: 35px !important;
  height: 68px !important;
  cursor: pointer;
}

.case-ops-switcher-img {
  width: 35px !important;
  height: 68px !important;
  transform: none !important;
}

.controlbar > .brand .brand-mark img {
  width: 110px !important;
  height: 54px !important;
  transform: translateY(-3px) scale(1.10) !important;
  transform-origin: center top !important;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  width: 118px !important;
  height: 56px !important;
  overflow: visible !important;
}

.controlbar > .brand .brand-copy {
  width: max-content !important;
}

.controlbar > .brand .brand-copy h1 {
  width: 100% !important;
  font-size: 23px !important;
  letter-spacing: .035em !important;
  transform: scaleX(1.08) !important;
  transform-origin: left center !important;
}

.controlbar > .brand .brand-copy p {
  font-size: 12.9px !important;
  letter-spacing: .004em !important;
}

@media (max-width: 900px) {
  .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
    width: 33px !important;
    height: 64px !important;
  }
  .case-ops-switcher-img {
    width: 33px !important;
    height: 64px !important;
  }
  .controlbar > .brand .brand-copy h1 {
    transform: none !important;
    letter-spacing: -.02em !important;
  }
}

.controlbar {
  grid-template-columns: minmax(386px, 1fr) auto auto minmax(190px, max-content) auto !important;
  column-gap: 14px !important;
  align-items: center !important;
}

.controlbar > .brand {
  display: grid !important;
  grid-template-columns: 124px max-content !important;
  align-items: center !important;
  column-gap: 22px !important;
  margin-left: 14px !important;
  min-width: 0 !important;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  width: 118px !important;
  height: 58px !important;
  flex: 0 0 118px !important;
  transform: translateY(-4px) !important;
  overflow: visible !important;
}

.controlbar > .brand .brand-mark img {
  width: 112px !important;
  height: 55px !important;
  max-width: none !important;
  max-height: none !important;
  transform: translateY(-3px) scale(1.10) !important;
  transform-origin: center top !important;
}

.controlbar > .brand .brand-copy {
  display: grid !important;
  align-content: center !important;
  row-gap: 4px !important;
  min-width: 0 !important;
  width: max-content !important;
  transform: translateY(1px) !important;
}

.controlbar > .brand .brand-copy h1 {
  display: inline-block !important;
  margin: 0 !important;
  font-size: 23px !important;
  line-height: 1 !important;
  font-weight: 780 !important;
  letter-spacing: .036em !important;
  white-space: nowrap !important;
  transform: scaleX(1.10) !important;
  transform-origin: left center !important;
}

.controlbar > .brand .brand-copy p {
  margin: 0 !important;
  font-size: 12.95px !important;
  line-height: 1.12 !important;
  letter-spacing: .003em !important;
  white-space: nowrap !important;
}

.brand-hint-hitbox {
  left: 18px !important;
  top: 2px !important;
  width: 456px !important;
  height: 72px !important;
  max-width: calc(100vw - 36px) !important;
}

.toolbar {
  justify-self: end !important;
}

.diode-legend {
  width: 190px !important;
  justify-self: center !important;
  justify-content: center !important;
  align-items: center !important;
  margin-inline: 2px !important;
}

.case-ops-entry {
  justify-self: end !important;
  align-self: center !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  width: 39px !important;
  height: 75px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.case-ops-switcher-img {
  width: 39px !important;
  height: 75px !important;
  margin: 0 !important;
  transform: none !important;
  display: block !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"],
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"]:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  transform: none !important;
}

@media (max-width: 1180px) {
  .controlbar {
    grid-template-columns: minmax(300px, 1fr) auto auto minmax(174px, max-content) auto !important;
  }
  .diode-legend {
    width: 174px !important;
  }
}

@media (max-width: 900px) {
  .controlbar {
    grid-template-columns: 1fr !important;
    row-gap: 10px !important;
  }
  .controlbar > .brand {
    grid-template-columns: 116px max-content !important;
    column-gap: 18px !important;
    margin-left: 0 !important;
  }
  .controlbar > .brand .brand-copy h1 {
    transform: none !important;
    letter-spacing: -.02em !important;
  }
  .brand-hint-hitbox {
    left: 12px !important;
    width: 420px !important;
  }
  .toolbar,
  .diode-legend,
  .case-ops-entry {
    justify-self: start !important;
  }
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  position: relative !important;
  cursor: default !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 54%;
  height: 40%;
  border-radius: 0 0 999px 999px;
  cursor: pointer;
  pointer-events: auto;
}

body.case-ops-switcher-on .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after {
  top: 8%;
  bottom: auto;
  height: 38%;
  border-radius: 999px 999px 0 0;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::before {
  content: attr(data-hover-label);
  position: absolute;
  left: 50%;
  top: calc(100% + 10px);
  transform: translate(-50%, -4px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(10, 16, 24, 0.86);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  color: rgba(255, 255, 255, 0.92);
  font-size: 10px;
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: 0.04em;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
  z-index: 41;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover::before,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:focus-visible::before {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

@media (max-width: 920px) {
  .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::before {
    top: auto;
    bottom: calc(100% + 8px);
    font-size: 9px;
    max-width: min(220px, 72vw);
    white-space: normal;
    text-align: center;
  }
}

:root {
  --h90-header-north-shift: -5px;
}

.controlbar > .brand,
.controlbar > .toolbar,
.controlbar > .diode-legend {
  transform: translateY(var(--h90-header-north-shift)) !important;
}

.brand-hint-hitbox {
  top: -3px !important;
}

@media (max-width: 900px) {
  .controlbar > .brand,
  .controlbar > .toolbar,
  .controlbar > .diode-legend {
    transform: translateY(-3px) !important;
  }

  .brand-hint-hitbox {
    top: 9px !important;
  }
}

:root {
  --atlas-home-left: 494px;
  --atlas-home-top: 50%;
  --atlas-home-width: 112px;
  --atlas-home-height: 56px;
  --atlas-home-hitbox-w: 36px;
  --atlas-home-hitbox-h: 30px;
}

.atlas-home-entry {
  position: absolute !important;
  z-index: 8 !important;
  left: var(--atlas-home-left) !important;
  top: var(--atlas-home-top) !important;
  width: var(--atlas-home-width) !important;
  height: var(--atlas-home-height) !important;
  display: grid !important;
  place-items: center !important;
  transform: translateY(-50%) !important;
  opacity: .03;
  pointer-events: none;
  transition: opacity 160ms ease, filter 160ms ease;
}

.atlas-home-carpet {
  display: block !important;
  width: var(--atlas-home-width) !important;
  height: var(--atlas-home-height) !important;
  object-fit: contain !important;
  pointer-events: none !important;
  user-select: none !important;
}

.atlas-home-button {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: var(--atlas-home-hitbox-w) !important;
  height: var(--atlas-home-hitbox-h) !important;
  transform: translate(-50%, -50%) !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  opacity: 1 !important;
  pointer-events: none;
  cursor: default;
}

.atlas-home-button::after {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 999px;
  border: 1px solid rgba(17,17,17,.30);
  background: rgba(255,255,255,.08);
  opacity: 0;
  transition: opacity 130ms ease, background 130ms ease, border-color 130ms ease;
}

.atlas-home-label {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

body.focus-window-active .atlas-home-entry,
body.focus-shift-active .atlas-home-entry {
  opacity: .62;
}

body.focus-shift-active .atlas-home-entry {
  opacity: .76;
}

body.focus-window-active .atlas-home-button,
body.focus-shift-active .atlas-home-button {
  pointer-events: auto;
  cursor: pointer;
}

body.focus-window-active .atlas-home-button:hover::after,
body.focus-window-active .atlas-home-button:focus-visible::after,
body.focus-shift-active .atlas-home-button:hover::after,
body.focus-shift-active .atlas-home-button:focus-visible::after {
  opacity: 1;
  background: rgba(255,255,255,.18);
  border-color: rgba(17,17,17,.42);
}

.atlas-home-button:focus-visible {
  outline: none !important;
}

.brand-hint-hitbox {
  z-index: 6 !important;
  max-width: 432px !important;
}

@media (max-width: 1180px) {
  .atlas-home-entry {
    left: 430px !important;
    transform: translateY(-50%) scale(.92) !important;
    transform-origin: left center !important;
  }

  .brand-hint-hitbox {
    max-width: 396px !important;
  }
}

@media (max-width: 900px) {
  .atlas-home-entry {
    display: none !important;
  }
}

.controlbar {
  grid-template-columns: minmax(386px, 1fr) auto auto auto minmax(190px, max-content) auto !important;
  column-gap: 14px !important;
}

.atlas-home-entry {
  position: relative !important;
  z-index: 8 !important;
  left: auto !important;
  top: auto !important;
  width: var(--atlas-home-width) !important;
  height: var(--atlas-home-height) !important;
  transform: none !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 2px 0 8px !important;
  opacity: .03 !important;
  pointer-events: none !important;
}

body.focus-window-active .atlas-home-entry {
  opacity: .62 !important;
}

body.focus-shift-active .atlas-home-entry {
  opacity: .76 !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after {
  left: 0 !important;
  right: 0 !important;
  top: 50% !important;
  bottom: auto !important;
  height: 50% !important;
  border-radius: 0 0 999px 999px !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.case-ops-switcher-on .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after {
  top: 0 !important;
  bottom: auto !important;
  height: 50% !important;
  border-radius: 999px 999px 0 0 !important;
}

@media (max-width: 1180px) {
  .controlbar {
    grid-template-columns: minmax(300px, 1fr) auto auto auto minmax(174px, max-content) auto !important;
  }
}

@media (max-width: 900px) {
  .controlbar {
    grid-template-columns: 1fr !important;
  }

  .atlas-home-entry {
    justify-self: start !important;
    margin-left: 0 !important;
  }
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after,
body.case-ops-switcher-on .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after {
  display: none !important;
  content: none !important;
  pointer-events: none !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  cursor: pointer !important;
  touch-action: manipulation !important;
}

.case-ops-switcher-img {
  pointer-events: none !important;
}

.atlas-home-entry {
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

.atlas-home-carpet {
  margin: 0 auto !important;
}

@media (max-width: 1180px) {
  .atlas-home-entry {
    margin: 0 !important;
    transform: none !important;
    transform-origin: center center !important;
  }
}

.controlbar {
  grid-template-columns: minmax(386px, 1fr) auto 144px auto minmax(190px, max-content) auto !important;
  column-gap: 14px !important;
}

.pgl-entry {
  grid-column: 2 !important;
  justify-self: center !important;
  align-self: center !important;
}

.atlas-home-entry {
  grid-column: 3 !important;
  width: 144px !important;
  height: var(--atlas-home-height) !important;
  justify-self: center !important;
  align-self: center !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  transform: none !important;
  opacity: .03 !important;
  pointer-events: none !important;
}

.atlas-home-carpet {
  width: var(--atlas-home-width) !important;
  height: var(--atlas-home-height) !important;
  margin: 0 auto !important;
  transform: none !important;
}

.toolbar {
  grid-column: 4 !important;
}

.diode-legend {
  grid-column: 5 !important;
}

.case-ops-entry {
  grid-column: 6 !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after,
body.case-ops-switcher-on .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after {
  display: none !important;
  content: none !important;
  pointer-events: none !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  position: relative !important;
  display: block !important;
  width: 39px !important;
  height: 75px !important;
  min-width: 39px !important;
  min-height: 75px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  cursor: default !important;
  touch-action: manipulation !important;
}

.case-ops-switcher-label {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  overflow: hidden !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.case-ops-switcher-stage {
  position: relative !important;
  display: block !important;
  width: 39px !important;
  height: 75px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.case-ops-switcher-img {
  position: absolute !important;
  inset: 0 !important;
  width: 39px !important;
  height: 75px !important;
  display: block !important;
  margin: 0 !important;
  transform: none !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.case-ops-switch-zone {
  position: absolute !important;
  left: 0 !important;
  width: 39px !important;
  height: 37.5px !important;
  z-index: 5 !important;
  display: block !important;
  background: transparent !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.case-ops-switch-zone-top {
  top: 0 !important;
}

.case-ops-switch-zone-bottom {
  bottom: 0 !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"],
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active:hover,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"]:hover {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}

@media (max-width: 1180px) {
  .controlbar {
    grid-template-columns: minmax(300px, 1fr) auto 128px auto minmax(174px, max-content) auto !important;
  }

  .atlas-home-entry {
    width: 128px !important;
  }
}

@media (max-width: 900px) {
  .controlbar {
    grid-template-columns: 1fr !important;
  }

  .pgl-entry,
  .atlas-home-entry,
  .toolbar,
  .diode-legend,
  .case-ops-entry {
    grid-column: auto !important;
  }

  .atlas-home-entry {
    display: none !important;
  }
}

.controlbar {
  grid-template-columns: minmax(386px, 1fr) auto !important;
  column-gap: 18px !important;
  align-items: center !important;
}

.controlbar > .brand {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
}

.header-control-cluster {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns: 76px 144px minmax(142px, max-content) minmax(190px, max-content) 56px !important;
  column-gap: 14px !important;
  align-items: center !important;
  justify-items: center !important;
  min-width: 0 !important;
  isolation: isolate !important;
}

.header-control-cluster > .pgl-entry {
  grid-column: 1 !important;
  justify-self: center !important;
  align-self: center !important;
}

.header-control-cluster > .atlas-home-entry {
  grid-column: 2 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 144px !important;
  height: var(--atlas-home-height) !important;
  display: grid !important;
  place-items: center !important;
  justify-self: center !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
  opacity: .03 !important;
  pointer-events: none !important;
}

.header-control-cluster > .toolbar {
  grid-column: 3 !important;
  justify-self: center !important;
  align-self: center !important;
}

.header-control-cluster > .diode-legend {
  grid-column: 4 !important;
  justify-self: center !important;
  align-self: center !important;
}

.header-control-cluster > .case-ops-entry {
  grid-column: 5 !important;
  justify-self: center !important;
  align-self: center !important;
}

.header-control-cluster .atlas-home-carpet {
  width: var(--atlas-home-width) !important;
  height: var(--atlas-home-height) !important;
  margin: 0 auto !important;
  transform: none !important;
}

body.focus-window-active .header-control-cluster > .atlas-home-entry {
  opacity: .62 !important;
}

body.focus-shift-active .header-control-cluster > .atlas-home-entry {
  opacity: .76 !important;
}

.brand-hint-hitbox {
  grid-column: 1 !important;
  position: absolute !important;
  left: 14px !important;
  top: 10px !important;
  width: min(432px, calc(100% - 640px)) !important;
  min-width: 320px !important;
  max-width: 432px !important;
  height: 56px !important;
  z-index: 6 !important;
}

@media (max-width: 1180px) {
  .controlbar {
    grid-template-columns: minmax(300px, 1fr) auto !important;
  }

  .header-control-cluster {
    grid-template-columns: 68px 128px minmax(132px, max-content) minmax(174px, max-content) 52px !important;
    column-gap: 11px !important;
  }

  .header-control-cluster > .atlas-home-entry {
    width: 128px !important;
  }

  .brand-hint-hitbox {
    width: min(396px, calc(100% - 560px)) !important;
    min-width: 300px !important;
    max-width: 396px !important;
  }
}

@media (max-width: 900px) {
  .controlbar {
    grid-template-columns: 1fr !important;
    height: auto !important;
  }

  .header-control-cluster {
    grid-column: 1 !important;
    justify-self: start !important;
    grid-template-columns: repeat(4, auto) !important;
    column-gap: 12px !important;
    margin-top: 8px !important;
  }

  .header-control-cluster > .pgl-entry,
  .header-control-cluster > .toolbar,
  .header-control-cluster > .diode-legend,
  .header-control-cluster > .case-ops-entry {
    grid-column: auto !important;
  }

  .header-control-cluster > .atlas-home-entry {
    display: none !important;
  }

  .brand-hint-hitbox {
    width: min(396px, calc(100vw - 52px)) !important;
    min-width: 0 !important;
  }
}

:root {
  --header-cluster-pgl-col: 64px;
  --header-cluster-atlas-col: 132px;
  --header-cluster-permission-col: 142px;
  --header-cluster-diode-col: 178px;
  --header-cluster-switch-col: 44px;
  --header-cluster-gap: 13px;
  --header-cluster-axis-shift: 0px;
}

.controlbar {
  grid-template-columns: minmax(420px, 1fr) auto !important;
  column-gap: 20px !important;
  align-items: center !important;
}

.header-control-cluster {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns:
    var(--header-cluster-pgl-col)
    var(--header-cluster-atlas-col)
    var(--header-cluster-permission-col)
    var(--header-cluster-diode-col)
    var(--header-cluster-switch-col) !important;
  column-gap: var(--header-cluster-gap) !important;
  align-items: center !important;
  justify-items: center !important;
  height: 76px !important;
  min-width: 0 !important;
  transform: translateY(var(--header-cluster-axis-shift)) !important;
  pointer-events: none !important;
}

.header-control-cluster > .pgl-entry,
.header-control-cluster > .atlas-home-entry,
.header-control-cluster > .toolbar,
.header-control-cluster > .diode-legend,
.header-control-cluster > .case-ops-entry {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  align-self: center !important;
  justify-self: center !important;
}

.header-control-cluster > .pgl-entry {
  grid-column: 1 !important;
  width: var(--header-cluster-pgl-col) !important;
  height: 56px !important;
  min-width: var(--header-cluster-pgl-col) !important;
  display: grid !important;
  place-items: center !important;
  z-index: 14 !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.header-control-cluster > .pgl-entry .pgl-toggle {
  pointer-events: auto !important;
}

.header-control-cluster > .atlas-home-entry {
  grid-column: 2 !important;
  width: var(--header-cluster-atlas-col) !important;
  height: 56px !important;
  display: grid !important;
  place-items: center !important;
  opacity: .03 !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-carpet {
  width: var(--atlas-home-width) !important;
  height: var(--atlas-home-height) !important;
  display: block !important;
  margin: 0 auto !important;
  transform: none !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-button {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

body.focus-window-active .header-control-cluster > .atlas-home-entry {
  opacity: .62 !important;
}

body.focus-shift-active .header-control-cluster > .atlas-home-entry {
  opacity: .76 !important;
}

.header-control-cluster > .toolbar {
  grid-column: 3 !important;
  width: var(--header-cluster-permission-col) !important;
  min-width: var(--header-cluster-permission-col) !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.header-control-cluster > .toolbar .select-wrap {
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 32px !important;
  margin: 0 !important;
}

.header-control-cluster > .toolbar select,
.header-control-cluster > .toolbar button,
.header-control-cluster > .toolbar input {
  pointer-events: auto !important;
}

.header-control-cluster > .diode-legend {
  grid-column: 4 !important;
  width: var(--header-cluster-diode-col) !important;
  min-width: var(--header-cluster-diode-col) !important;
  height: 56px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  pointer-events: none !important;
}

.header-control-cluster > .diode-legend .legend-item,
.header-control-cluster > .diode-legend span {
  display: inline-grid !important;
  grid-template-rows: 12px 13px !important;
  place-items: center !important;
  gap: 3px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

.header-control-cluster > .diode-legend .dot {
  margin: 0 !important;
}

.header-control-cluster > .diode-legend small {
  display: block !important;
  font-size: 9.3px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  letter-spacing: .015em !important;
  color: rgba(23,23,23,.55) !important;
}

.header-control-cluster > .case-ops-entry {
  grid-column: 5 !important;
  width: var(--header-cluster-switch-col) !important;
  min-width: var(--header-cluster-switch-col) !important;
  height: 76px !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  pointer-events: auto !important;
}

.header-control-cluster > .case-ops-entry .case-ops-switch-zone {
  pointer-events: auto !important;
}

.brand-hint-hitbox {
  grid-column: 1 !important;
  z-index: 6 !important;
}

@media (max-width: 1180px) {
  :root {
    --header-cluster-pgl-col: 58px;
    --header-cluster-atlas-col: 116px;
    --header-cluster-permission-col: 132px;
    --header-cluster-diode-col: 162px;
    --header-cluster-switch-col: 44px;
    --header-cluster-gap: 10px;
  }

  .controlbar {
    grid-template-columns: minmax(330px, 1fr) auto !important;
    column-gap: 14px !important;
  }

  .header-control-cluster > .atlas-home-entry .atlas-home-carpet {
    transform: scale(.92) !important;
    transform-origin: center center !important;
  }

  .header-control-cluster > .diode-legend small {
    font-size: 8.8px !important;
  }
}

@media (max-width: 900px) {
  .controlbar {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .header-control-cluster {
    grid-column: 1 !important;
    justify-self: start !important;
    grid-template-columns: var(--header-cluster-pgl-col) var(--header-cluster-permission-col) var(--header-cluster-diode-col) var(--header-cluster-switch-col) !important;
    column-gap: 10px !important;
    height: 72px !important;
    margin-top: 8px !important;
  }

  .header-control-cluster > .atlas-home-entry {
    display: none !important;
  }

  .header-control-cluster > .toolbar { grid-column: 2 !important; }
  .header-control-cluster > .diode-legend { grid-column: 3 !important; }
  .header-control-cluster > .case-ops-entry { grid-column: 4 !important; }
}

:root {
  --header-axis-height: var(--header-h, 76px);
  --header-axis-dot-label-gap: 9px;
}

.controlbar {
  align-items: center !important;
  overflow: visible !important;
}

.controlbar > .brand {
  align-self: center !important;
  align-items: center !important;
}

.controlbar > .brand .brand-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.controlbar > .brand h1,
.controlbar > .brand p {
  transform: none !important;
}

.header-control-cluster {
  align-self: center !important;
  align-items: stretch !important;
  height: var(--header-axis-height) !important;
  min-height: var(--header-axis-height) !important;
  overflow: visible !important;
}

.header-control-cluster > .pgl-entry,
.header-control-cluster > .atlas-home-entry,
.header-control-cluster > .toolbar,
.header-control-cluster > .diode-legend,
.header-control-cluster > .case-ops-entry {
  height: var(--header-axis-height) !important;
  min-height: var(--header-axis-height) !important;
  max-height: var(--header-axis-height) !important;
  align-self: center !important;
  justify-self: center !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  overflow: visible !important;
}

.header-control-cluster > .pgl-entry {
  width: var(--header-cluster-pgl-col) !important;
  min-width: var(--header-cluster-pgl-col) !important;
  box-sizing: border-box !important;
}

.header-control-cluster > .pgl-entry .pgl-toggle,
.header-control-cluster > .pgl-entry .pgl-mark {
  width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  min-width: var(--pgl-mark-size, 56px) !important;
  min-height: var(--pgl-mark-size, 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.header-control-cluster > .atlas-home-entry {
  width: var(--header-cluster-atlas-col) !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-carpet {
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-button {
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.header-control-cluster > .toolbar {
  width: var(--header-cluster-permission-col) !important;
}

.header-control-cluster > .toolbar .select-wrap {
  align-self: center !important;
  justify-self: center !important;
  min-height: 32px !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.header-control-cluster > .toolbar .select-wrap > span,
.header-control-cluster > .toolbar .select-wrap > select {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  transform: none !important;
}

.header-control-cluster > .diode-legend {
  width: var(--header-cluster-diode-col) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.header-control-cluster > .diode-legend .legend-item,
.header-control-cluster > .diode-legend span {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: var(--header-axis-height) !important;
  min-height: var(--header-axis-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
  line-height: 1 !important;
  overflow: visible !important;
}

.header-control-cluster > .diode-legend .dot {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

.header-control-cluster > .diode-legend small {
  position: absolute !important;
  left: 50% !important;
  top: calc(50% + var(--header-axis-dot-label-gap)) !important;
  transform: translateX(-50%) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.header-control-cluster > .case-ops-entry {
  width: var(--header-cluster-switch-col) !important;
}

.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-switcher-stage {
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

@media (max-width: 1180px) {
  .header-control-cluster > .diode-legend {
    gap: 10px !important;
  }

  .header-control-cluster > .diode-legend .legend-item,
  .header-control-cluster > .diode-legend span {
    width: 34px !important;
  }
}

@media (max-width: 900px) {
  .header-control-cluster {
    height: var(--header-axis-height) !important;
    min-height: var(--header-axis-height) !important;
  }
}

:root {
  --header-cluster-pgl-col: 56px;
}

.header-control-cluster > .pgl-entry {
  grid-column: 1 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--pgl-mark-size, 56px) !important;
  min-width: var(--pgl-mark-size, 56px) !important;
  max-width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  min-height: var(--pgl-mark-size, 56px) !important;
  max-height: var(--pgl-mark-size, 56px) !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  justify-self: center !important;
  overflow: visible !important;
  pointer-events: none !important;
  z-index: 18 !important;
  box-sizing: border-box !important;
}

.header-control-cluster > .pgl-entry > .pgl-toggle {
  position: relative !important;
  inset: auto !important;
  width: var(--pgl-mark-size, 56px) !important;
  min-width: var(--pgl-mark-size, 56px) !important;
  max-width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  min-height: var(--pgl-mark-size, 56px) !important;
  max-height: var(--pgl-mark-size, 56px) !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: auto !important;
  overflow: visible !important;
  z-index: 2 !important;
}

.header-control-cluster > .pgl-entry .pgl-mark {
  position: relative !important;
  width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  pointer-events: none !important;
}

.header-control-cluster > .pgl-entry .pgl-mark-disc,
.header-control-cluster > .pgl-entry .pgl-mark-exclamation {
  pointer-events: none !important;
}

.header-control-cluster > .pgl-entry::before,
.header-control-cluster > .pgl-entry::after {
  display: none !important;
  content: none !important;
  pointer-events: none !important;
}

.header-control-cluster {
  grid-template-columns:
    var(--header-cluster-pgl-col)
    var(--header-cluster-atlas-col)
    var(--header-cluster-permission-col)
    var(--header-cluster-diode-col)
    var(--header-cluster-switch-col) !important;
}

.header-control-cluster > .pgl-entry[data-debug-slot],
.header-control-cluster > .pgl-entry.is-debug-slot {
  width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
}

:root {
  --header-distribution-brand-min: 430px;
  --header-distribution-gap: 24px;
  --header-control-band-height: var(--header-h, 76px);
  --header-control-gap: 18px;
  --header-slot-pgl: 56px;
  --header-slot-atlas: 118px;
  --header-slot-permission: 150px;
  --header-slot-diode: 172px;
  --header-slot-switcher: 50px;
  --header-diode-item-width: 36px;
  --header-diode-label-offset: 11px;
}

.controlbar {
  grid-template-columns: minmax(var(--header-distribution-brand-min), 1fr) auto !important;
  gap: 0 var(--header-distribution-gap) !important;
  align-items: center !important;
  justify-items: stretch !important;
  overflow: visible !important;
}

.controlbar > .brand {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
}

.controlbar > .brand .brand-copy {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-width: 0 !important;
}

.controlbar > .brand h1,
.controlbar > .brand p {
  transform: none !important;
}

.header-control-cluster {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  display: grid !important;
  grid-template-columns:
    var(--header-slot-pgl)
    var(--header-slot-atlas)
    var(--header-slot-permission)
    var(--header-slot-diode)
    var(--header-slot-switcher) !important;
  column-gap: var(--header-control-gap) !important;
  align-items: center !important;
  justify-items: center !important;
  height: var(--header-control-band-height) !important;
  min-height: var(--header-control-band-height) !important;
  max-height: var(--header-control-band-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  outline: none !important;
}

.header-control-cluster > .pgl-entry,
.header-control-cluster > .atlas-home-entry,
.header-control-cluster > .toolbar,
.header-control-cluster > .diode-legend,
.header-control-cluster > .case-ops-entry {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: center !important;
  justify-self: center !important;
  display: grid !important;
  place-items: center !important;
  height: var(--header-control-band-height) !important;
  min-height: var(--header-control-band-height) !important;
  max-height: var(--header-control-band-height) !important;
  overflow: visible !important;
  background: transparent !important;
  outline: none !important;
}

.header-control-cluster > .pgl-entry {
  grid-column: 1 !important;
  width: var(--header-slot-pgl) !important;
  min-width: var(--header-slot-pgl) !important;
  max-width: var(--header-slot-pgl) !important;
  pointer-events: none !important;
  z-index: 18 !important;
}

.header-control-cluster > .pgl-entry > .pgl-toggle,
.header-control-cluster > .pgl-entry .pgl-mark {
  position: relative !important;
  inset: auto !important;
  width: var(--pgl-mark-size, 56px) !important;
  min-width: var(--pgl-mark-size, 56px) !important;
  max-width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  min-height: var(--pgl-mark-size, 56px) !important;
  max-height: var(--pgl-mark-size, 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  display: grid !important;
  place-items: center !important;
}

.header-control-cluster > .pgl-entry > .pgl-toggle {
  pointer-events: auto !important;
}

.header-control-cluster > .atlas-home-entry {
  grid-column: 2 !important;
  width: var(--header-slot-atlas) !important;
  min-width: var(--header-slot-atlas) !important;
  max-width: var(--header-slot-atlas) !important;
  opacity: .03 !important;
  pointer-events: none !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-carpet {
  display: block !important;
  width: min(var(--atlas-home-width, 112px), var(--header-slot-atlas)) !important;
  height: auto !important;
  max-height: 34px !important;
  margin: 0 auto !important;
  transform: none !important;
  transform-origin: center center !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-button {
  left: 50% !important;
  top: 50% !important;
  width: 72px !important;
  height: 32px !important;
  transform: translate(-50%, -50%) !important;
}

body.focus-window-active .header-control-cluster > .atlas-home-entry {
  opacity: .62 !important;
  pointer-events: auto !important;
}

body.focus-shift-active .header-control-cluster > .atlas-home-entry {
  opacity: .76 !important;
  pointer-events: auto !important;
}

.header-control-cluster > .toolbar {
  grid-column: 3 !important;
  width: var(--header-slot-permission) !important;
  min-width: var(--header-slot-permission) !important;
  max-width: var(--header-slot-permission) !important;
  pointer-events: none !important;
}

.header-control-cluster > .toolbar .select-wrap {
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  line-height: 1 !important;
}

.header-control-cluster > .toolbar .select-wrap > span,
.header-control-cluster > .toolbar .select-wrap > select {
  margin: 0 !important;
  transform: none !important;
}

.header-control-cluster > .diode-legend {
  grid-column: 4 !important;
  width: var(--header-slot-diode) !important;
  min-width: var(--header-slot-diode) !important;
  max-width: var(--header-slot-diode) !important;
  pointer-events: none !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.header-control-cluster > .diode-legend .legend-item,
.header-control-cluster > .diode-legend span {
  position: relative !important;
  display: block !important;
  width: var(--header-diode-item-width) !important;
  height: var(--header-control-band-height) !important;
  min-width: var(--header-diode-item-width) !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

.header-control-cluster > .diode-legend .dot {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 10px !important;
  height: 10px !important;
  margin: 0 !important;
  transform: translate(-50%, -50%) !important;
}

.header-control-cluster > .diode-legend small {
  position: absolute !important;
  left: 50% !important;
  top: calc(50% + var(--header-diode-label-offset)) !important;
  transform: translateX(-50%) !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  text-align: center !important;
  color: rgba(23,23,23,.52) !important;
  pointer-events: none !important;
}

.header-control-cluster > .case-ops-entry {
  grid-column: 5 !important;
  width: var(--header-slot-switcher) !important;
  min-width: var(--header-slot-switcher) !important;
  max-width: var(--header-slot-switcher) !important;
  pointer-events: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  pointer-events: auto !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-switcher-stage {
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-switch-zone {
  pointer-events: auto !important;
}

.brand-hint-hitbox {
  grid-column: 1 !important;
  position: absolute !important;
  left: 14px !important;
  top: 10px !important;
  width: min(432px, calc(100% - 720px)) !important;
  min-width: 320px !important;
  max-width: 432px !important;
  height: 56px !important;
  background: transparent !important;
  outline: none !important;
}

@media (max-width: 1220px) {
  :root {
    --header-distribution-brand-min: 360px;
    --header-distribution-gap: 18px;
    --header-control-gap: 12px;
    --header-slot-atlas: 104px;
    --header-slot-permission: 142px;
    --header-slot-diode: 150px;
    --header-diode-item-width: 32px;
  }
}

@media (max-width: 980px) {
  .controlbar {
    grid-template-columns: 1fr !important;
    height: auto !important;
    align-items: start !important;
    row-gap: 8px !important;
  }

  .header-control-cluster {
    grid-column: 1 !important;
    justify-self: start !important;
    grid-template-columns:
      var(--header-slot-pgl)
      var(--header-slot-permission)
      var(--header-slot-diode)
      var(--header-slot-switcher) !important;
    column-gap: 10px !important;
    height: var(--header-control-band-height) !important;
    min-height: var(--header-control-band-height) !important;
    margin-top: 4px !important;
  }

  .header-control-cluster > .atlas-home-entry {
    display: none !important;
  }

  .header-control-cluster > .toolbar { grid-column: 2 !important; }
  .header-control-cluster > .diode-legend { grid-column: 3 !important; }
  .header-control-cluster > .case-ops-entry { grid-column: 4 !important; }

  .brand-hint-hitbox {
    width: min(432px, calc(100vw - 52px)) !important;
    min-width: 0 !important;
  }
}

:root {
  --header-axis-band-height: 56px;
  --header-axis-brand-gap: 18px;
  --header-axis-copy-gap: 3px;
}

.controlbar {
  align-items: center !important;
}

.controlbar > .brand {
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-self: start !important;
  gap: var(--header-axis-brand-gap) !important;
  min-height: var(--header-axis-band-height) !important;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  align-self: center !important;
  transform: none !important;
}

.controlbar > .brand .brand-mark img {
  transform: none !important;
}

.controlbar > .brand .brand-copy {
  align-self: center !important;
  display: grid !important;
  align-content: center !important;
  gap: var(--header-axis-copy-gap) !important;
  min-height: var(--header-axis-band-height) !important;
}

.controlbar > .brand .brand-copy h1,
.controlbar > .brand .brand-copy p {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.controlbar > .brand .brand-copy h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.controlbar > .brand .brand-copy p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.header-control-cluster {
  align-items: center !important;
}

.header-control-cluster > .pgl-entry,
.header-control-cluster > .atlas-home-entry,
.header-control-cluster > .toolbar,
.header-control-cluster > .diode-legend,
.header-control-cluster > .case-ops-entry {
  align-self: center !important;
  justify-self: center !important;
  transform: none !important;
}

.header-control-cluster > .toolbar,
.header-control-cluster > .diode-legend,
.header-control-cluster > .case-ops-entry,
.legend,
.toolbar,
.case-ops-entry,
.pgl-entry {
  transform: none !important;
}

.header-control-cluster > .toolbar .select-wrap {
  min-height: var(--header-axis-band-height) !important;
  height: var(--header-axis-band-height) !important;
  align-items: center !important;
}

.header-control-cluster > .diode-legend {
  min-height: var(--header-axis-band-height) !important;
  height: var(--header-axis-band-height) !important;
}

.header-control-cluster > .diode-legend .legend-item,
.header-control-cluster > .diode-legend span {
  height: var(--header-axis-band-height) !important;
}

.header-control-cluster > .diode-legend .dot {
  top: 50% !important;
}

.header-control-cluster > .case-ops-entry {
  min-height: var(--header-axis-band-height) !important;
  height: var(--header-axis-band-height) !important;
}

.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  min-height: var(--header-axis-band-height) !important;
  height: var(--header-axis-band-height) !important;
  align-content: center !important;
  justify-content: center !important;
  align-items: center !important;
}

.case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  margin-top: 0 !important;
  transform: none !important;
}

.header-control-cluster > .pgl-entry {
  min-height: var(--header-axis-band-height) !important;
  height: var(--header-axis-band-height) !important;
}

.header-control-cluster > .pgl-entry > .pgl-toggle,
.header-control-cluster > .pgl-entry .pgl-mark {
  align-self: center !important;
  justify-self: center !important;
}

.header-control-cluster > .atlas-home-entry {
  min-height: var(--header-axis-band-height) !important;
  height: var(--header-axis-band-height) !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-carpet {
  align-self: center !important;
}

.brand-hint-hitbox {
  top: 50% !important;
  transform: translateY(-50%) !important;
  height: var(--header-axis-band-height) !important;
}

@media (max-width: 980px) {
  .controlbar > .brand,
  .controlbar > .brand .brand-copy,
  .header-control-cluster > .toolbar,
  .header-control-cluster > .diode-legend,
  .header-control-cluster > .case-ops-entry,
  .header-control-cluster > .pgl-entry {
    min-height: auto !important;
    height: auto !important;
  }

  .brand-hint-hitbox {
    top: 10px !important;
    transform: none !important;
    height: 56px !important;
  }
}

:root {
  --header-switcher-w: 39px;
  --header-switcher-h: 75px;
  --header-pgl-clean-size: 48px;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::before,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover::before,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:focus-visible::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.header-control-cluster > .case-ops-entry {
  min-height: var(--header-switcher-h) !important;
  height: var(--header-switcher-h) !important;
  display: grid !important;
  place-items: center !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle,
.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  display: grid !important;
  place-items: center !important;
  width: var(--header-switcher-w) !important;
  height: var(--header-switcher-h) !important;
  min-width: var(--header-switcher-w) !important;
  min-height: var(--header-switcher-h) !important;
  max-width: var(--header-switcher-w) !important;
  max-height: var(--header-switcher-h) !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

.case-ops-switcher-stage {
  width: var(--header-switcher-w) !important;
  height: var(--header-switcher-h) !important;
  min-width: var(--header-switcher-w) !important;
  min-height: var(--header-switcher-h) !important;
  max-width: var(--header-switcher-w) !important;
  max-height: var(--header-switcher-h) !important;
}

.case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  width: var(--header-switcher-w) !important;
  height: var(--header-switcher-h) !important;
  min-width: var(--header-switcher-w) !important;
  min-height: var(--header-switcher-h) !important;
  max-width: var(--header-switcher-w) !important;
  max-height: var(--header-switcher-h) !important;
  margin: 0 !important;
  transform: none !important;
  object-fit: contain !important;
}

.case-ops-switch-zone {
  left: 0 !important;
  width: var(--header-switcher-w) !important;
  height: calc(var(--header-switcher-h) / 2) !important;
}

.case-ops-switch-zone-top {
  top: 0 !important;
  bottom: auto !important;
}

.case-ops-switch-zone-bottom {
  top: auto !important;
  bottom: 0 !important;
}

.pgl-entry {
  width: var(--header-pgl-clean-size) !important;
  height: var(--header-pgl-clean-size) !important;
  min-width: var(--header-pgl-clean-size) !important;
  min-height: var(--header-pgl-clean-size) !important;
  overflow: visible !important;
}

.pgl-toggle,
.pgl-toggle:hover,
.pgl-toggle.is-active,
body.pgl-open .pgl-toggle {
  width: var(--header-pgl-clean-size) !important;
  height: var(--header-pgl-clean-size) !important;
  min-width: var(--header-pgl-clean-size) !important;
  min-height: var(--header-pgl-clean-size) !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  transform: none !important;
}

.pgl-toggle::before,
.pgl-toggle::after,
body.post-intro-pgl-callout .pgl-toggle::after {
  content: none !important;
  display: none !important;
}

.pgl-mark {
  width: 46px !important;
  height: 46px !important;
  filter: drop-shadow(0 2px 6px rgba(20,18,14,.12)) !important;
}

.pgl-mark img,
.pgl-mark-disc,
.pgl-mark-exclamation {
  width: 46px !important;
  height: 46px !important;
}

.pgl-mark-disc,
.pgl-mark-exclamation {
  filter: none !important;
}

:root {
  --header-diode-gap: 14px;
  --header-diode-item-gap: 6px;
  --atlas-home-width: 144px;
  --atlas-home-height: 56px;
  --header-slot-atlas: 144px;
}

.header-control-cluster > .diode-legend,
.diode-legend {
  gap: var(--header-diode-gap) !important;
  column-gap: var(--header-diode-gap) !important;
  row-gap: 0 !important;
}

.header-control-cluster > .diode-legend .legend-item,
.diode-legend .legend-item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: var(--header-diode-item-gap) !important;
  white-space: nowrap !important;
}

.header-control-cluster > .diode-legend small,
.diode-legend small {
  display: inline-block !important;
  margin-left: 0 !important;
  white-space: nowrap !important;
}

.header-control-cluster > .atlas-home-entry,
.atlas-home-entry {
  width: var(--header-slot-atlas) !important;
  min-width: var(--header-slot-atlas) !important;
  max-width: var(--header-slot-atlas) !important;
}

.header-control-cluster > .atlas-home-entry .atlas-home-carpet,
.atlas-home-carpet {
  display: block !important;
  width: var(--atlas-home-width) !important;
  min-width: var(--atlas-home-width) !important;
  max-width: var(--atlas-home-width) !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 auto !important;
  transform: none !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle,
.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  appearance: none !important;
  -webkit-appearance: none !important;
  cursor: pointer !important;
  line-height: 0 !important;
  font-size: 0 !important;
  outline: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:focus,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

.case-ops-switcher-stage,
.case-ops-switcher-img {
  transform-origin: center center !important;
  backface-visibility: hidden !important;
}

@media (max-width: 1180px) {
  .header-control-cluster > .diode-legend,
  .diode-legend {
    gap: 10px !important;
  }
}

:root {
  --header-switcher-button-w: 39px;
  --header-switcher-button-h: 75px;
  

  --header-switcher-art-h: 75px;
  --header-switcher-art-w: 37.5px;
  

  --header-switcher-optical-y: -0.5px;
}

.header-control-cluster > .case-ops-entry {
  width: var(--header-cluster-switch-col) !important;
  min-width: var(--header-cluster-switch-col) !important;
  max-width: var(--header-cluster-switch-col) !important;
  height: var(--header-switcher-button-h) !important;
  min-height: var(--header-switcher-button-h) !important;
  max-height: var(--header-switcher-button-h) !important;
  display: grid !important;
  place-items: center !important;
}

.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle,
.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  width: var(--header-switcher-button-w) !important;
  height: var(--header-switcher-button-h) !important;
  min-width: var(--header-switcher-button-w) !important;
  min-height: var(--header-switcher-button-h) !important;
  max-width: var(--header-switcher-button-w) !important;
  max-height: var(--header-switcher-button-h) !important;
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
}

.case-ops-switcher-stage,
.header-control-cluster > .case-ops-entry .case-ops-switcher-stage {
  position: relative !important;
  display: block !important;
  width: var(--header-switcher-art-w) !important;
  height: var(--header-switcher-art-h) !important;
  min-width: var(--header-switcher-art-w) !important;
  min-height: var(--header-switcher-art-h) !important;
  max-width: var(--header-switcher-art-w) !important;
  max-height: var(--header-switcher-art-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translateY(var(--header-switcher-optical-y)) !important;
  transform-origin: center center !important;
  pointer-events: none !important;
}

.case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle:hover .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle.is-active .case-ops-switcher-img,
.case-ops-entry .case-ops-toggle.case-ops-switcher-toggle[aria-expanded="true"] .case-ops-switcher-img {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: var(--header-switcher-art-w) !important;
  height: var(--header-switcher-art-h) !important;
  min-width: var(--header-switcher-art-w) !important;
  min-height: var(--header-switcher-art-h) !important;
  max-width: var(--header-switcher-art-w) !important;
  max-height: var(--header-switcher-art-h) !important;
  margin: 0 !important;
  object-fit: contain !important;
  transform: none !important;
  transform-origin: center center !important;
  pointer-events: none !important;
}

.case-ops-switch-zone,
.header-control-cluster > .case-ops-entry .case-ops-switch-zone {
  position: absolute !important;
  left: 0 !important;
  width: var(--header-switcher-button-w) !important;
  height: calc(var(--header-switcher-button-h) / 2) !important;
  margin: 0 !important;
  z-index: 5 !important;
  background: transparent !important;
  pointer-events: auto !important;
}

.case-ops-switch-zone-top {
  top: 0 !important;
  bottom: auto !important;
}

.case-ops-switch-zone-bottom {
  top: auto !important;
  bottom: 0 !important;
}

:root {
  --header-control-gap: 12px;
}

.header-control-cluster {
  grid-template-columns:
    var(--header-slot-pgl)
    var(--header-slot-atlas)
    var(--header-slot-diode)
    var(--header-slot-switcher) !important;
}

.header-control-cluster > .toolbar {
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.header-control-cluster > .pgl-entry { grid-column: 1 !important; }
.header-control-cluster > .atlas-home-entry { grid-column: 2 !important; }
.header-control-cluster > .diode-legend { grid-column: 3 !important; }
.header-control-cluster > .case-ops-entry { grid-column: 4 !important; }

.header-control-cluster > .pgl-entry {
  display: grid !important;
  place-items: center !important;
  justify-self: center !important;
  align-self: center !important;
  width: var(--header-slot-pgl) !important;
  min-width: var(--header-slot-pgl) !important;
  max-width: var(--header-slot-pgl) !important;
}

.header-control-cluster > .pgl-entry > .pgl-toggle {
  place-self: center !important;
  align-self: center !important;
  justify-self: center !important;
  width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  min-width: var(--pgl-mark-size, 56px) !important;
  min-height: var(--pgl-mark-size, 56px) !important;
  max-width: var(--pgl-mark-size, 56px) !important;
  max-height: var(--pgl-mark-size, 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.header-control-cluster > .pgl-entry .pgl-mark,
.header-control-cluster > .pgl-entry .pgl-mark-disc,
.header-control-cluster > .pgl-entry .pgl-mark-exclamation {
  place-self: center !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  transform: none !important;
}

.header-control-cluster > .case-ops-entry {
  display: grid !important;
  place-items: center !important;
  justify-self: center !important;
  align-self: center !important;
  width: var(--header-slot-switcher) !important;
  min-width: var(--header-slot-switcher) !important;
  max-width: var(--header-slot-switcher) !important;
}

.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  place-self: center !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-switcher-stage,
.header-control-cluster > .case-ops-entry .case-ops-switcher-img {
  place-self: center !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
}

:root {
  --header-switcher-optical-y: 0px;
}

.header-control-cluster {
  grid-template-columns:
    var(--header-slot-pgl)
    var(--header-slot-atlas)
    var(--header-slot-permission)
    var(--header-slot-diode)
    var(--header-slot-switcher) !important;
}

.header-control-cluster > .pgl-entry { grid-column: 1 !important; }
.header-control-cluster > .atlas-home-entry { grid-column: 2 !important; }
.header-control-cluster > .toolbar { grid-column: 3 !important; }
.header-control-cluster > .diode-legend { grid-column: 4 !important; }
.header-control-cluster > .case-ops-entry { grid-column: 5 !important; }

.header-control-cluster > .toolbar {
  display: grid !important;
  place-items: center !important;
  width: var(--header-slot-permission) !important;
  min-width: var(--header-slot-permission) !important;
  max-width: var(--header-slot-permission) !important;
  height: var(--header-control-band-height) !important;
  min-height: var(--header-control-band-height) !important;
  max-height: var(--header-control-band-height) !important;
  overflow: visible !important;
  pointer-events: none !important;
}

.header-control-cluster > .toolbar .select-wrap {
  pointer-events: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  line-height: 1 !important;
}

.header-control-cluster > .toolbar .select-wrap > span {
  display: none !important;
}

.header-control-cluster > .toolbar .select-wrap > select {
  margin: 0 !important;
  transform: none !important;
}

.header-control-cluster > .pgl-entry {
  position: relative !important;
  display: block !important;
  width: var(--header-slot-pgl) !important;
  min-width: var(--header-slot-pgl) !important;
  max-width: var(--header-slot-pgl) !important;
  height: var(--header-control-band-height) !important;
  min-height: var(--header-control-band-height) !important;
  max-height: var(--header-control-band-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.header-control-cluster > .pgl-entry::before,
.header-control-cluster > .pgl-entry::after {
  content: none !important;
  display: none !important;
}

.header-control-cluster > .pgl-entry > .pgl-toggle {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: var(--pgl-mark-size, 56px) !important;
  height: var(--pgl-mark-size, 56px) !important;
  min-width: var(--pgl-mark-size, 56px) !important;
  min-height: var(--pgl-mark-size, 56px) !important;
  max-width: var(--pgl-mark-size, 56px) !important;
  max-height: var(--pgl-mark-size, 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  display: grid !important;
  place-items: center !important;
}

.header-control-cluster > .pgl-entry .pgl-mark {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  transform: none !important;
}

:root {
  --header-switcher-optical-y: 0px;
}

.header-control-cluster > .case-ops-entry {
  position: relative !important;
  display: block !important;
  width: var(--header-slot-switcher) !important;
  min-width: var(--header-slot-switcher) !important;
  max-width: var(--header-slot-switcher) !important;
  height: var(--header-control-band-height) !important;
  min-height: var(--header-control-band-height) !important;
  max-height: var(--header-control-band-height) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: var(--header-switcher-button-w) !important;
  height: var(--header-switcher-button-h) !important;
  min-width: var(--header-switcher-button-w) !important;
  min-height: var(--header-switcher-button-h) !important;
  max-width: var(--header-switcher-button-w) !important;
  max-height: var(--header-switcher-button-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::before,
.header-control-cluster > .case-ops-entry .case-ops-toggle.case-ops-switcher-toggle::after {
  content: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-switcher-stage {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  margin: 0 !important;
  transform: none !important;
}

.header-control-cluster > .case-ops-entry .case-ops-switcher-img {
  transform: none !important;
}

:root {
  --switcher-iso-slot-w: var(--header-slot-switcher, 44px);
  --switcher-iso-slot-h: 75px;
  --switcher-iso-button-w: 39px;
  --switcher-iso-button-h: 75px;
  --switcher-iso-stage-w: 39px;
  --switcher-iso-stage-h: 75px;
  --switcher-iso-art-w: 39px;
  --switcher-iso-art-h: 75px;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot {
  grid-column: 5 !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  place-items: initial !important;
  align-self: center !important;
  justify-self: center !important;
  width: var(--switcher-iso-slot-w) !important;
  min-width: var(--switcher-iso-slot-w) !important;
  max-width: var(--switcher-iso-slot-w) !important;
  height: var(--switcher-iso-slot-h) !important;
  min-height: var(--switcher-iso-slot-h) !important;
  max-height: var(--switcher-iso-slot-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  transform: none !important;
  pointer-events: none !important;
  contain: layout style !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: var(--switcher-iso-button-w) !important;
  min-width: var(--switcher-iso-button-w) !important;
  max-width: var(--switcher-iso-button-w) !important;
  height: var(--switcher-iso-button-h) !important;
  min-height: var(--switcher-iso-button-h) !important;
  max-height: var(--switcher-iso-button-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  transform: translate(-50%, -50%) !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  line-height: 0 !important;
  font-size: 0 !important;
  contain: layout style !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button::before,
.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button::after,
body.case-ops-switcher-on .controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button::after {
  content: none !important;
  display: none !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot .case-ops-switcher-stage.switcher-isolation-stage {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: var(--switcher-iso-stage-w) !important;
  min-width: var(--switcher-iso-stage-w) !important;
  max-width: var(--switcher-iso-stage-w) !important;
  height: var(--switcher-iso-stage-h) !important;
  min-height: var(--switcher-iso-stage-h) !important;
  max-height: var(--switcher-iso-stage-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
  overflow: visible !important;
  pointer-events: none !important;
  contain: layout style !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot img.case-ops-switcher-img.switcher-isolation-art,
.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button:hover img.case-ops-switcher-img.switcher-isolation-art,
.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button.is-active img.case-ops-switcher-img.switcher-isolation-art,
.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button[aria-expanded="true"] img.case-ops-switcher-img.switcher-isolation-art {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: var(--switcher-iso-art-w) !important;
  min-width: var(--switcher-iso-art-w) !important;
  max-width: var(--switcher-iso-art-w) !important;
  height: var(--switcher-iso-art-h) !important;
  min-height: var(--switcher-iso-art-h) !important;
  max-height: var(--switcher-iso-art-h) !important;
  margin: 0 !important;
  object-fit: contain !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
  filter: none !important;
  pointer-events: none !important;
  backface-visibility: hidden !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot .case-ops-switch-zone.switcher-isolation-hit {
  position: absolute !important;
  left: 0 !important;
  right: auto !important;
  width: var(--switcher-iso-button-w) !important;
  min-width: var(--switcher-iso-button-w) !important;
  max-width: var(--switcher-iso-button-w) !important;
  height: calc(var(--switcher-iso-button-h) / 2) !important;
  min-height: calc(var(--switcher-iso-button-h) / 2) !important;
  max-height: calc(var(--switcher-iso-button-h) / 2) !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot .case-ops-switch-zone-top.switcher-isolation-hit-top {
  top: 0 !important;
  bottom: auto !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot .case-ops-switch-zone-bottom.switcher-isolation-hit-bottom {
  top: auto !important;
  bottom: 0 !important;
}

.controlbar .header-control-cluster > section.case-ops-entry.switcher-isolation-slot .case-ops-switcher-label {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

:root {
  --pgl-iso-slot-w: var(--header-slot-pgl, 56px);
  --pgl-iso-slot-h: var(--header-control-band-height, 56px);
  --pgl-iso-button-size: 56px;
  --pgl-iso-stage-size: 46px;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot {
  grid-column: 1 !important;
  position: relative !important;
  display: block !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--pgl-iso-slot-w) !important;
  min-width: var(--pgl-iso-slot-w) !important;
  max-width: var(--pgl-iso-slot-w) !important;
  height: var(--pgl-iso-slot-h) !important;
  min-height: var(--pgl-iso-slot-h) !important;
  max-height: var(--pgl-iso-slot-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  z-index: 18 !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot::before,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot::after,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-isolation-button::before,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-isolation-button::after {
  content: none !important;
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button:hover,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button.is-active,
body.pgl-open .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--pgl-iso-button-size) !important;
  min-width: var(--pgl-iso-button-size) !important;
  max-width: var(--pgl-iso-button-size) !important;
  height: var(--pgl-iso-button-size) !important;
  min-height: var(--pgl-iso-button-size) !important;
  max-height: var(--pgl-iso-button-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  pointer-events: auto !important;
  z-index: 19 !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: block !important;
  width: var(--pgl-iso-stage-size) !important;
  min-width: var(--pgl-iso-stage-size) !important;
  max-width: var(--pgl-iso-stage-size) !important;
  height: var(--pgl-iso-stage-size) !important;
  min-height: var(--pgl-iso-stage-size) !important;
  max-height: var(--pgl-iso-stage-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  transform-origin: center center !important;
  overflow: visible !important;
  filter: drop-shadow(0 2px 6px rgba(20,18,14,.12)) !important;
  pointer-events: none !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage img,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage .pgl-isolation-disc,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage .pgl-isolation-exclamation {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: block !important;
  width: var(--pgl-iso-stage-size) !important;
  min-width: var(--pgl-iso-stage-size) !important;
  max-width: var(--pgl-iso-stage-size) !important;
  height: var(--pgl-iso-stage-size) !important;
  min-height: var(--pgl-iso-stage-size) !important;
  max-height: var(--pgl-iso-stage-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  filter: none !important;
  pointer-events: none !important;
  backface-visibility: hidden !important;
}

body.post-intro-pgl-callout .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot,
body.post-intro-pgl-callout .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage {
  animation: none !important;
  transform: none !important;
}

:root {
  --pgl-header-slot-w: var(--header-slot-pgl, 56px);
  --pgl-header-slot-h: var(--header-control-band-height, var(--header-h, 76px));
  --pgl-header-button-size: 56px;
  --pgl-header-stage-size: 46px;
  --pgl-header-trigger-x: 0px;
  --pgl-header-trigger-y: 3px;
  --atlas-home-review-opacity: 1;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot {
  grid-column: 1 !important;
  position: relative !important;
  display: block !important;
  place-items: initial !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--pgl-header-slot-w) !important;
  min-width: var(--pgl-header-slot-w) !important;
  max-width: var(--pgl-header-slot-w) !important;
  height: var(--pgl-header-slot-h) !important;
  min-height: var(--pgl-header-slot-h) !important;
  max-height: var(--pgl-header-slot-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  z-index: 18 !important;
  contain: layout style !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button:hover,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button.is-active,
body.pgl-open .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button {
  position: absolute !important;
  left: calc(50% + var(--pgl-header-trigger-x)) !important;
  top: calc(50% + var(--pgl-header-trigger-y)) !important;
  right: auto !important;
  bottom: auto !important;
  display: grid !important;
  place-items: center !important;
  width: var(--pgl-header-button-size) !important;
  min-width: var(--pgl-header-button-size) !important;
  max-width: var(--pgl-header-button-size) !important;
  height: var(--pgl-header-button-size) !important;
  min-height: var(--pgl-header-button-size) !important;
  max-height: var(--pgl-header-button-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  contain: layout style !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage {
  position: relative !important;
  display: block !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  width: var(--pgl-header-stage-size) !important;
  min-width: var(--pgl-header-stage-size) !important;
  max-width: var(--pgl-header-stage-size) !important;
  height: var(--pgl-header-stage-size) !important;
  min-height: var(--pgl-header-stage-size) !important;
  max-height: var(--pgl-header-stage-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  transform-origin: center center !important;
  overflow: visible !important;
  pointer-events: none !important;
  filter: drop-shadow(0 2px 6px rgba(20,18,14,.12)) !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage img,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage .pgl-isolation-disc,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage .pgl-isolation-exclamation {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: block !important;
  width: var(--pgl-header-stage-size) !important;
  min-width: var(--pgl-header-stage-size) !important;
  max-width: var(--pgl-header-stage-size) !important;
  height: var(--pgl-header-stage-size) !important;
  min-height: var(--pgl-header-stage-size) !important;
  max-height: var(--pgl-header-stage-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: translate(-50%, -50%) !important;
  transform-origin: center center !important;
  object-fit: contain !important;
  filter: none !important;
  pointer-events: none !important;
  backface-visibility: hidden !important;
}

.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot::before,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot::after,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-isolation-button::before,
.controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-isolation-button::after,
body.post-intro-pgl-callout .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-isolation-button::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.post-intro-pgl-callout .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot,
body.post-intro-pgl-callout .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-isolation-button,
body.post-intro-pgl-callout .controlbar .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage {
  animation: none !important;
}

.controlbar .header-control-cluster > section.atlas-home-entry,
.controlbar .header-control-cluster > section.atlas-home-entry:hover,
body.focus-window-active .controlbar .header-control-cluster > section.atlas-home-entry,
body.focus-shift-active .controlbar .header-control-cluster > section.atlas-home-entry {
  opacity: var(--atlas-home-review-opacity) !important;
  filter: none !important;
}

.controlbar .header-control-cluster > section.atlas-home-entry .atlas-home-carpet {
  opacity: 1 !important;
  filter: none !important;
}

:root {
  --header-right-band-h: var(--header-h, 76px);
  --header-right-gap: 18px;
  --header-pgl-inline-w: 58.24px;
  --header-carpet-inline-w: var(--header-slot-atlas, 144px);
  --header-permission-inline-w: var(--header-slot-permission, 150px);
  --header-diode-inline-w: var(--header-slot-diode, 172px);
  --header-switcher-inline-w: var(--header-slot-switcher, 50px);
  --pgl-inline-button-size: 58.24px;
  --pgl-inline-stage-size: 47.84px;
}

.controlbar {
  display: grid !important;
  grid-template-columns: minmax(386px, 1fr) auto !important;
  column-gap: 24px !important;
  align-items: center !important;
  justify-items: stretch !important;
  height: var(--header-h, 76px) !important;
  min-height: var(--header-h, 76px) !important;
  max-height: var(--header-h, 76px) !important;
  overflow: visible !important;
}

.controlbar > .brand {
  grid-column: 1 !important;
  justify-self: start !important;
  align-self: center !important;
}

.brand-hint-hitbox {
  position: absolute !important;
  grid-column: 1 !important;
  z-index: 95 !important;
}

.controlbar > .header-control-cluster {
  grid-column: 2 !important;
  justify-self: end !important;
  align-self: center !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--header-right-gap) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--header-right-band-h) !important;
  min-height: var(--header-right-band-h) !important;
  max-height: var(--header-right-band-h) !important;
  padding: 0 !important;
  margin: 0 !important;
  transform: none !important;
  pointer-events: none !important;
  overflow: visible !important;
  background: transparent !important;
  outline: none !important;
}

.controlbar > .header-control-cluster > section {
  grid-column: auto !important;
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  justify-self: auto !important;
  flex: 0 0 auto !important;
  height: var(--header-right-band-h) !important;
  min-height: var(--header-right-band-h) !important;
  max-height: var(--header-right-band-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.controlbar > .header-control-cluster > section.pgl-entry.pgl-isolation-slot {
  order: 1 !important;
  width: var(--header-pgl-inline-w) !important;
  min-width: var(--header-pgl-inline-w) !important;
  max-width: var(--header-pgl-inline-w) !important;
  pointer-events: none !important;
  contain: none !important;
  z-index: 18 !important;
}

.controlbar > .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button,
.controlbar > .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button:hover,
.controlbar > .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button.is-active,
body.pgl-open .controlbar > .header-control-cluster > section.pgl-entry.pgl-isolation-slot > button.pgl-toggle.pgl-isolation-button {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: grid !important;
  place-items: center !important;
  width: var(--pgl-inline-button-size) !important;
  min-width: var(--pgl-inline-button-size) !important;
  max-width: var(--pgl-inline-button-size) !important;
  height: var(--pgl-inline-button-size) !important;
  min-height: var(--pgl-inline-button-size) !important;
  max-height: var(--pgl-inline-button-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  overflow: visible !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  contain: none !important;
}

.controlbar > .header-control-cluster > section.pgl-entry.pgl-isolation-slot .pgl-mark.pgl-isolation-stage {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: block !important;
  width: var(--pgl-inline-stage-size) !important;
  min-width: var(--pgl-inline-stage-size) !important;
  max-width: var(--pgl-inline-stage-size) !important;
  height: var(--pgl-inline-stage-size) !important;
  min-height: var(--pgl-inline-stage-size) !important;
  max-height: var(--pgl-inline-stage-size) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  transform-origin: center center !important;
  pointer-events: none !important;
  overflow: visible !important;
}

.controlbar > .header-control-cluster > section.atlas-home-entry {
  order: 2 !important;
  width: var(--header-carpet-inline-w) !important;
  min-width: var(--header-carpet-inline-w) !important;
  max-width: var(--header-carpet-inline-w) !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
}

.controlbar > .header-control-cluster > section.atlas-home-entry .atlas-home-carpet {
  display: block !important;
  width: min(var(--atlas-home-width, 144px), var(--header-carpet-inline-w)) !important;
  min-width: 0 !important;
  max-width: var(--header-carpet-inline-w) !important;
  height: auto !important;
  max-height: 56px !important;
  margin: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  filter: none !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.controlbar > .header-control-cluster > section.atlas-home-entry .atlas-home-button {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.controlbar > .header-control-cluster > section.toolbar {
  order: 3 !important;
  width: var(--header-permission-inline-w) !important;
  min-width: var(--header-permission-inline-w) !important;
  max-width: var(--header-permission-inline-w) !important;
  pointer-events: none !important;
}

.controlbar > .header-control-cluster > section.toolbar .select-wrap {
  pointer-events: auto !important;
  transform: none !important;
}

.controlbar > .header-control-cluster > section.diode-legend {
  order: 4 !important;
  width: var(--header-diode-inline-w) !important;
  min-width: var(--header-diode-inline-w) !important;
  max-width: var(--header-diode-inline-w) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
  transform: none !important;
}

.controlbar > .header-control-cluster > section.diode-legend .dot {
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.controlbar > .header-control-cluster > section.case-ops-entry.switcher-isolation-slot {
  order: 5 !important;
  width: var(--header-switcher-inline-w) !important;
  min-width: var(--header-switcher-inline-w) !important;
  max-width: var(--header-switcher-inline-w) !important;
  pointer-events: none !important;
}

.controlbar > .header-control-cluster > section.case-ops-entry.switcher-isolation-slot > button.case-ops-toggle.case-ops-switcher-toggle.switcher-isolation-button {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  transform: none !important;
  pointer-events: auto !important;
}

@media (max-width: 980px) {
  .controlbar {
    grid-template-columns: 1fr !important;
    height: auto !important;
    max-height: none !important;
    row-gap: 8px !important;
  }

  .controlbar > .header-control-cluster {
    grid-column: 1 !important;
    justify-self: start !important;
    gap: 12px !important;
  }
}

:root {
  --h22-header-pad-x: 14px;
  --h22-header-brand-gap: 28px;
  --h22-header-right-gap: 18px;
  --h22-brand-logo-w: 104px;
  --h22-brand-logo-h: 56px;
  --h22-brand-logo-img-w: 100px;
  --h22-brand-logo-img-h: 49px;
  --h22-pgl-cell-w: 58.24px;
  --h22-pgl-button: 58.24px;
  --h22-pgl-stage: 47.84px;
  --h22-carpet-cell-w: 144px;
}

.controlbar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  height: var(--header-h, 76px) !important;
  min-height: var(--header-h, 76px) !important;
  max-height: var(--header-h, 76px) !important;
  padding: 0 var(--h22-header-pad-x) !important;
  overflow: visible !important;
}

.controlbar > .brand {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: var(--h22-header-brand-gap) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--header-h, 76px) !important;
  min-height: var(--header-h, 76px) !important;
  max-height: var(--header-h, 76px) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  align-self: center !important;
  justify-self: start !important;
  overflow: visible !important;
  z-index: 24 !important;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
.controlbar > .brand .brand-mark.focus-control.is-shift-source,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  flex: 0 0 var(--h22-brand-logo-w) !important;
  width: var(--h22-brand-logo-w) !important;
  min-width: var(--h22-brand-logo-w) !important;
  max-width: var(--h22-brand-logo-w) !important;
  height: var(--h22-brand-logo-h) !important;
  min-height: var(--h22-brand-logo-h) !important;
  max-height: var(--h22-brand-logo-h) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  align-self: center !important;
  justify-self: start !important;
  overflow: visible !important;
}

.controlbar > .brand .brand-mark img {
  display: block !important;
  width: var(--h22-brand-logo-img-w) !important;
  height: var(--h22-brand-logo-img-h) !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: contain !important;
  margin: 0 !important;
  transform: none !important;
}

.controlbar > .brand .brand-copy {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 3px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  align-self: center !important;
  justify-self: start !important;
  overflow: visible !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.controlbar > .brand .brand-copy h1,
.controlbar > .brand .brand-copy p {
  display: block !important;
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  transform: none !important;
  text-align: left !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-wrap: nowrap !important;
  font-stretch: normal !important;
}

.controlbar > .brand .brand-copy h1 { margin-top: 0 !important; margin-bottom: 0 !important; }
.controlbar > .brand .brand-copy p { margin-top: 0 !important; margin-bottom: 0 !important; }

.controlbar > .brand > .brand-hint-hitbox {
  position: absolute !important;
  z-index: 30 !important;
  inset: 0 !important;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  pointer-events: auto !important;
}

.controlbar > .header-control-cluster {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 0 auto !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: var(--h22-header-right-gap) !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: var(--header-h, 76px) !important;
  min-height: var(--header-h, 76px) !important;
  max-height: var(--header-h, 76px) !important;
  margin: 0 !important;
  margin-left: auto !important;
  padding: 0 !important;
  transform: none !important;
  align-self: center !important;
  justify-self: end !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.controlbar > .header-control-cluster > section {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  grid-column: auto !important;
  flex: 0 0 auto !important;
  align-self: center !important;
  justify-self: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.controlbar > .header-control-cluster > .header-pgl-entry,
.controlbar > .header-control-cluster > .pgl-entry {
  order: 1 !important;
  display: grid !important;
  place-items: center !important;
  width: var(--h22-pgl-cell-w) !important;
  min-width: var(--h22-pgl-cell-w) !important;
  max-width: var(--h22-pgl-cell-w) !important;
  height: var(--header-h, 76px) !important;
  min-height: var(--header-h, 76px) !important;
  max-height: var(--header-h, 76px) !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 28 !important;
  contain: none !important;
}

#pglToggle.header-pgl-toggle,
.controlbar > .header-control-cluster > .pgl-entry > #pglToggle,
body.pgl-open #pglToggle.header-pgl-toggle,
#pglToggle.header-pgl-toggle:hover,
#pglToggle.header-pgl-toggle.is-active {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: grid !important;
  place-items: center !important;
  width: var(--h22-pgl-button) !important;
  min-width: var(--h22-pgl-button) !important;
  max-width: var(--h22-pgl-button) !important;
  height: var(--h22-pgl-button) !important;
  min-height: var(--h22-pgl-button) !important;
  max-height: var(--h22-pgl-button) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: 0 !important;
  overflow: visible !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  contain: none !important;
}

#pglToggle .header-pgl-stage,
#pglToggle .pgl-mark {
  position: relative !important;
  display: block !important;
  width: var(--h22-pgl-stage) !important;
  min-width: var(--h22-pgl-stage) !important;
  max-width: var(--h22-pgl-stage) !important;
  height: var(--h22-pgl-stage) !important;
  min-height: var(--h22-pgl-stage) !important;
  max-height: var(--h22-pgl-stage) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  pointer-events: none !important;
}

#pglToggle .header-pgl-stage img,
#pglToggle .pgl-mark img {
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  inset: auto !important;
  display: block !important;
  width: var(--h22-pgl-stage) !important;
  min-width: var(--h22-pgl-stage) !important;
  max-width: var(--h22-pgl-stage) !important;
  height: var(--h22-pgl-stage) !important;
  min-height: var(--h22-pgl-stage) !important;
  max-height: var(--h22-pgl-stage) !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.controlbar > .header-control-cluster > .atlas-home-entry {
  order: 2 !important;
  display: grid !important;
  place-items: center !important;
  width: var(--h22-carpet-cell-w) !important;
  min-width: var(--h22-carpet-cell-w) !important;
  max-width: var(--h22-carpet-cell-w) !important;
  height: var(--header-h, 76px) !important;
  min-height: var(--header-h, 76px) !important;
  max-height: var(--header-h, 76px) !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
}

.controlbar > .header-control-cluster > .atlas-home-entry .atlas-home-carpet {
  position: relative !important;
  display: block !important;
  width: var(--h22-carpet-cell-w) !important;
  min-width: 0 !important;
  max-width: var(--h22-carpet-cell-w) !important;
  height: auto !important;
  max-height: 56px !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter: none !important;
  pointer-events: none !important;
}

.controlbar > .header-control-cluster > .atlas-home-entry .atlas-home-button {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: auto !important;
}

.controlbar > .header-control-cluster > .toolbar {
  order: 3 !important;
  align-self: center !important;
  pointer-events: none !important;
}
.controlbar > .header-control-cluster > .toolbar .select-wrap,
.controlbar > .header-control-cluster > .toolbar select { pointer-events: auto !important; }
.controlbar > .header-control-cluster > .diode-legend {
  order: 4 !important;
  align-self: center !important;
  pointer-events: none !important;
}
.controlbar > .header-control-cluster > .case-ops-entry {
  order: 5 !important;
  align-self: center !important;
  pointer-events: none !important;
}
.controlbar > .header-control-cluster > .case-ops-entry .case-ops-toggle,
.controlbar > .header-control-cluster > .case-ops-entry .case-ops-switch-zone { pointer-events: auto !important; }

@media (max-width: 980px) {
  .controlbar {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    height: auto !important;
    max-height: none !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .controlbar > .brand { height: var(--header-h, 76px) !important; }
  .controlbar > .header-control-cluster {
    margin-left: 0 !important;
    gap: 12px !important;
    height: var(--header-h, 76px) !important;
  }
}

:root {
  --h22-brand-logo-w: 135.2px;
  --h22-brand-logo-h: 72.8px;
  --h22-brand-logo-img-w: 130px;
  --h22-brand-logo-img-h: 63.7px;
  --h23-brand-subline-font-size: 10.6px;
}

.controlbar > .brand .brand-mark,
.controlbar > .brand .brand-mark.focus-control,
.controlbar > .brand .brand-mark.focus-control.is-active,
.controlbar > .brand .brand-mark.focus-control.is-shift-source,
body.focus-shift-active .controlbar > .brand .brand-mark.focus-control.is-active {
  place-items: center start !important;
}

.controlbar > .brand .brand-mark img {
  transform-origin: left center !important;
}

.controlbar > .brand .brand-copy p {
  font-weight: 400 !important;
  font-size: var(--h23-brand-subline-font-size) !important;
}

:root {
  --h22-brand-logo-w: 121.68px;
  --h22-brand-logo-h: 65.52px;
  --h22-brand-logo-img-w: 117px;
  --h22-brand-logo-img-h: 57.33px;
  --h24-brand-logo-nudge-x: 20px;
}

.controlbar > .brand .brand-mark img {
  transform: translateX(var(--h24-brand-logo-nudge-x)) !important;
  transform-origin: left center !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  width: var(--header-slot-atlas, 144px) !important;
  min-width: var(--header-slot-atlas, 144px) !important;
  max-width: var(--header-slot-atlas, 144px) !important;
  height: var(--header-control-band-height, 76px) !important;
  min-height: var(--header-control-band-height, 76px) !important;
  max-height: var(--header-control-band-height, 76px) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  overflow: visible !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-carpet,
.header-control-cluster > .atlas-home-entry.mini-atlas-entry .atlas-home-carpet {
  position: relative !important;
  display: block !important;
  width: var(--atlas-home-width, 144px) !important;
  min-width: var(--atlas-home-width, 144px) !important;
  max-width: var(--atlas-home-width, 144px) !important;
  height: var(--atlas-home-height, 56px) !important;
  min-height: var(--atlas-home-height, 56px) !important;
  max-height: var(--atlas-home-height, 56px) !important;
  margin: 0 auto !important;
  transform: none !important;
  transform-origin: center center !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.mini-atlas-svg {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible !important;
}

.mini-atlas-reset-shape {
  fill: transparent !important;
  stroke: none !important;
  pointer-events: none !important;
}

.mini-atlas-line {
  fill: none !important;
  stroke: rgba(214, 158, 54, .92) !important;
  stroke-width: 1 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
  opacity: 1 !important;
}

.mini-atlas-tile {
  pointer-events: none !important;
}

.mini-atlas-tile-hitbox {
  fill: transparent !important;
  stroke: none !important;
  pointer-events: none !important;
}

.mini-atlas-tile-shape {
  fill: #4f8776 !important;
  stroke: #000 !important;
  stroke-width: 1 !important;
  stroke-miterlimit: 10 !important;
  vector-effect: non-scaling-stroke !important;
  opacity: 1 !important;
  fill-opacity: .96 !important;
  transition: fill 180ms ease, fill-opacity 180ms ease, stroke-opacity 180ms ease, opacity 180ms ease;
}

.mini-atlas-tile[data-atlas-target^="node_"] .mini-atlas-tile-shape {
  fill: #31a861 !important;
}

.mini-atlas-tile[data-atlas-target="node_content"] .mini-atlas-tile-shape {
  fill: #e6c12a !important;
}

.mini-atlas-tile[data-atlas-target="node_closure"] .mini-atlas-tile-shape {
  fill: #e68624 !important;
}

.mini-atlas-tile[data-atlas-target="node_validation"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="node_dependency_check"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="node_artifact_generation"] .mini-atlas-tile-shape {
  fill: #347ec2 !important;
}

.mini-atlas-tile[data-atlas-target^="segment_"] .mini-atlas-tile-shape {
  fill: #31a861 !important;
}

.mini-atlas-tile[data-atlas-target="segment_content"] .mini-atlas-tile-shape {
  fill: #e6c12a !important;
}

.mini-atlas-tile[data-atlas-target="segment_closure"] .mini-atlas-tile-shape {
  fill: #e68624 !important;
}

.mini-atlas-tile[data-atlas-target="release_manifest_candidate"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="release_panel_main"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="release_node"] .mini-atlas-tile-shape {
  fill: #d94535 !important;
}

.mini-atlas-tile[data-atlas-target^="artifact_"] .mini-atlas-tile-shape {
  fill: #347ec2 !important;
}

.mini-atlas-tile[data-atlas-target^="release_edge_"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target^="history_"] .mini-atlas-tile-shape {
  fill: #9aa1a9 !important;
}

.mini-atlas-tile.is-mini-dimmed .mini-atlas-tile-shape {
  fill: #9aa1a9 !important;
  fill-opacity: .92 !important;
  stroke-opacity: .82 !important;
  filter: none !important;
}

.mini-atlas-tile.is-mini-active .mini-atlas-tile-shape {
  fill-opacity: .96 !important;
  stroke-opacity: 1 !important;
}

body.focus-window-active .mini-atlas-tile.is-mini-active .mini-atlas-tile-shape {
  filter: drop-shadow(0 0 1px rgba(255,255,255,.42)) !important;
}

body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target^="node_"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target^="segment_"] .mini-atlas-tile-shape {
  filter: drop-shadow(0 0 1px rgba(255,255,255,.42)) drop-shadow(0 0 4px rgba(49,168,97,.44)) !important;
}

body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="node_content"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="segment_content"] .mini-atlas-tile-shape {
  filter: drop-shadow(0 0 1px rgba(255,255,255,.42)) drop-shadow(0 0 4px rgba(230,193,42,.48)) !important;
}

body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="node_closure"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="segment_closure"] .mini-atlas-tile-shape {
  filter: drop-shadow(0 0 1px rgba(255,255,255,.42)) drop-shadow(0 0 4px rgba(230,134,36,.5)) !important;
}

body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="node_validation"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="node_dependency_check"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="node_artifact_generation"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target^="artifact_"] .mini-atlas-tile-shape {
  filter: drop-shadow(0 0 1px rgba(255,255,255,.42)) drop-shadow(0 0 4px rgba(52,126,194,.48)) !important;
}

body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="release_manifest_candidate"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="release_panel_main"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target="release_node"] .mini-atlas-tile-shape {
  filter: drop-shadow(0 0 1px rgba(255,255,255,.42)) drop-shadow(0 0 4px rgba(217,69,53,.48)) !important;
}

body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target^="release_edge_"] .mini-atlas-tile-shape,
body.focus-window-active .mini-atlas-tile.is-mini-active[data-atlas-target^="history_"] .mini-atlas-tile-shape {
  filter: drop-shadow(0 0 1px rgba(255,255,255,.36)) drop-shadow(0 0 3px rgba(154,161,169,.34)) !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-reset-hitbox {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: var(--atlas-home-width, 144px) !important;
  min-width: var(--atlas-home-width, 144px) !important;
  max-width: var(--atlas-home-width, 144px) !important;
  height: var(--atlas-home-height, 56px) !important;
  min-height: var(--atlas-home-height, 56px) !important;
  max-height: var(--atlas-home-height, 56px) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  transform: translate(-50%, -50%) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  z-index: 5 !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-reset-hitbox:focus-visible {
  outline: 1px solid rgba(0, 0, 0, .34) !important;
  outline-offset: 2px !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .atlas-home-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  clip-path: inset(50%) !important;
}

@media (max-width: 1180px) {
  .header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-carpet,
  .header-control-cluster > .atlas-home-entry.mini-atlas-entry .atlas-home-carpet,
  .header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-reset-hitbox {
    transform-origin: center center !important;
  }
}

:root {
  --h26-carpet-nudge-x: 3px;
  --h26-pgl-panel-golden-top: 38.2%;
}

.controlbar > .header-control-cluster > .atlas-home-entry.mini-atlas-entry,
.header-control-cluster > .atlas-home-entry.mini-atlas-entry {
  align-self: center !important;
  justify-self: center !important;
  place-self: center !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-carpet,
.header-control-cluster > .atlas-home-entry.mini-atlas-entry .atlas-home-carpet {
  transform: translateX(var(--h26-carpet-nudge-x)) !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-reset-hitbox {
  transform: translate(calc(-50% + var(--h26-carpet-nudge-x)), -50%) !important;
}

:root {
  --h28-carpet-visible-nudge-x: 3px;
  --h28-zone-label-inset: 9px;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-carpet,
.header-control-cluster > .atlas-home-entry.mini-atlas-entry .atlas-home-carpet {
  transform: none !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-svg {
  position: relative !important;
  left: var(--h28-carpet-visible-nudge-x) !important;
  transform: none !important;
  transform-origin: center center !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-reset-hitbox {
  transform: translate(calc(-50% + var(--h28-carpet-visible-nudge-x)), -50%) !important;
}

.atlas-stage .zone {
  position: relative !important;
  display: block !important;
  padding: 0 !important;
  overflow: visible !important;
}

.atlas-stage .zone > strong,
.atlas-stage .zone > span:not(.zone-glass-label) {
  display: none !important;
}

.atlas-stage .zone-glass-label {
  position: absolute !important;
  z-index: 6 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 18px !important;
  padding: 2px 8px 3px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(238, 250, 255, .54) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,.12)),
    rgba(255,255,255,.16) !important;
  -webkit-backdrop-filter: blur(9px) saturate(1.06) !important;
  backdrop-filter: blur(9px) saturate(1.06) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    inset 0 -1px 0 rgba(70,120,150,.10),
    0 7px 18px rgba(20,18,14,.08) !important;
  color: rgba(238, 251, 255, .88) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: .055em !important;
  line-height: 1 !important;
  text-transform: none !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.62),
    0 -1px 0 rgba(34,84,112,.18),
    0 0 9px rgba(190,232,255,.22) !important;
}

.atlas-stage .zone-label-se {
  right: var(--h28-zone-label-inset) !important;
  bottom: var(--h28-zone-label-inset) !important;
}

.atlas-stage .zone-label-sw {
  left: var(--h28-zone-label-inset) !important;
  bottom: var(--h28-zone-label-inset) !important;
}

.atlas-statusline-brand.atlas-statusline-version {
  margin-right: 16px !important;
  color: rgba(45,41,35,.74) !important;
  font-size: 12.2px !important;
  font-weight: 400 !important;
  letter-spacing: .012em !important;
  text-transform: none !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .atlas-statusline-brand.atlas-statusline-version {
    max-width: 40vw !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10.8px !important;
  }

  .atlas-stage .zone-glass-label {
    font-size: 10.5px !important;
    padding: 2px 6px !important;
  }
}

:root {
  --h29a-brand-copy-axis-nudge-y: 8px;
}

@media (min-width: 981px) {
  .controlbar > .brand .brand-copy {
    transform: translateY(var(--h29a-brand-copy-axis-nudge-y)) !important;
    transform-origin: left center !important;
    will-change: transform;
  }
}

@media (max-width: 980px) {
  .controlbar > .brand .brand-copy {
    transform: none !important;
  }
}

:root {
  --h29b-carpet-stack-nudge-y: -7.5px;
  --h29b-zone-label-inset-x: 10px;
  --h29b-zone-label-inset-y: 8px;
  --h29b-zone-glass-border: rgba(238, 250, 255, .56);
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-carpet,
.header-control-cluster > .atlas-home-entry.mini-atlas-entry .atlas-home-carpet {
  display: grid !important;
  place-items: center !important;
  align-items: center !important;
  justify-items: center !important;
  transform: none !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-svg {
  position: relative !important;
  left: var(--h28-carpet-visible-nudge-x, 3px) !important;
  top: var(--h29b-carpet-stack-nudge-y) !important;
  transform: none !important;
  transform-origin: center center !important;
}

.header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-reset-hitbox {
  transform: translate(calc(-50% + var(--h28-carpet-visible-nudge-x, 3px)), calc(-50% + var(--h29b-carpet-stack-nudge-y))) !important;
}

.atlas-stage .zone {
  opacity: .86 !important;
  border: 1px solid var(--h29b-zone-glass-border) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.10) !important;
  backdrop-filter: blur(10px) saturate(1.10) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -1px 0 rgba(70,120,150,.12),
    inset 1px 0 0 rgba(255,255,255,.18),
    0 16px 42px rgba(20,18,14,.055) !important;
}

.atlas-stage .zone::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.07) 43%, rgba(255,255,255,.03)),
    linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0) 24%, rgba(255,255,255,.10) 100%) !important;
  mix-blend-mode: screen !important;
  opacity: .82 !important;
}

.atlas-stage .zone::after {
  content: "" !important;
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  top: 8px !important;
  height: 1px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(255,255,255,.58), rgba(225,247,255,.18), rgba(255,255,255,0)) !important;
  pointer-events: none !important;
  opacity: .72 !important;
}

.atlas-stage .zone-green {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(191,231,200,.78), rgba(191,231,200,.30)) !important;
}
.atlas-stage .zone-yellow {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(244,223,147,.78), rgba(244,223,147,.30)) !important;
}
.atlas-stage .zone-orange {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(246,188,130,.76), rgba(246,188,130,.30)) !important;
}
.atlas-stage .zone-blue {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(188,216,242,.78), rgba(188,216,242,.31)) !important;
}
.atlas-stage .zone-red {
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,.035)),
    linear-gradient(135deg, rgba(239,177,168,.78), rgba(239,177,168,.31)) !important;
}
.atlas-stage .zone-history {
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.04)),
    linear-gradient(135deg, rgba(217,213,205,.80), rgba(217,213,205,.31)) !important;
}

.atlas-stage .zone-glass-label {
  z-index: 8 !important;
  min-height: 17px !important;
  padding: 2px 7px 3px !important;
  border-color: rgba(238, 250, 255, .66) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.13)),
    rgba(210,238,250,.16) !important;
  color: rgba(245, 253, 255, .96) !important;
  font-weight: 500 !important;
  letter-spacing: .062em !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.54),
    0 -1px 0 rgba(20,70,96,.38),
    0 0 7px rgba(180,232,255,.36),
    0 0 1px rgba(0,40,60,.36) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.76),
    inset 0 -1px 0 rgba(68,122,152,.16),
    0 6px 16px rgba(20,18,14,.075) !important;
}

.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label,
.atlas-stage .zone-system-artifactur .zone-label-sw {
  left: var(--h29b-zone-label-inset-x) !important;
  top: var(--h29b-zone-label-inset-y) !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}

.atlas-stage .zone-system-artifactur .zone-label-se {
  left: 50% !important;
  right: auto !important;
  top: 55% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) rotate(-2deg) !important;
  font-size: 13.4px !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.atlas-stage .zone-ramp .zone-glass-label {
  left: 50% !important;
  right: auto !important;
  top: 51% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) rotate(-1.35deg) !important;
  font-size: 13px !important;
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.atlas-stage .zone-app-biotop .zone-glass-label {
  left: 50% !important;
  right: auto !important;
  top: 46% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) rotate(-.65deg) !important;
  font-size: 14.6px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  letter-spacing: .07em !important;
}

@media (max-width: 760px) {
  .header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-svg {
    top: calc(var(--h29b-carpet-stack-nudge-y) * .5) !important;
  }
  .header-control-cluster > .atlas-home-entry.mini-atlas-entry .mini-atlas-reset-hitbox {
    transform: translate(calc(-50% + var(--h28-carpet-visible-nudge-x, 3px)), calc(-50% + (var(--h29b-carpet-stack-nudge-y) * .5))) !important;
  }
}

@property --mini-diode-live {
  syntax: '<color>';
  inherits: true;
  initial-value: #9aa1a9;
}

:root {
  --mini-diode-off-grey: #9aa1a9;
  --mini-diode-off-grey-stroke: #8f969f;
  --mini-diode-on-white: #f8fbff;
  --mini-diode-breath-ms: 1320ms;
}

.mini-atlas-tile .mini-atlas-tile-shape {
  --mini-diode-color: #31a861;
  --mini-diode-glow: rgba(49,168,97,.42);
  --mini-diode-live: var(--mini-diode-off-grey);
  fill: var(--mini-diode-live) !important;
  fill-opacity: .92 !important;
  stroke: var(--mini-diode-off-grey-stroke) !important;
  stroke-opacity: .86 !important;
  animation: none !important;
  filter: none !important;
}

.mini-atlas-tile[data-atlas-target^="node_"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target^="segment_"] .mini-atlas-tile-shape {
  --mini-diode-color: #31a861;
  --mini-diode-glow: rgba(49,168,97,.42);
}

.mini-atlas-tile[data-atlas-target="node_content"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="segment_content"] .mini-atlas-tile-shape {
  --mini-diode-color: #e6c12a;
  --mini-diode-glow: rgba(230,193,42,.48);
}

.mini-atlas-tile[data-atlas-target="node_closure"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="segment_closure"] .mini-atlas-tile-shape {
  --mini-diode-color: #e68624;
  --mini-diode-glow: rgba(230,134,36,.50);
}

.mini-atlas-tile[data-atlas-target="node_validation"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="node_dependency_check"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="node_artifact_generation"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target^="artifact_"] .mini-atlas-tile-shape {
  --mini-diode-color: #347ec2;
  --mini-diode-glow: rgba(52,126,194,.48);
}

.mini-atlas-tile[data-atlas-target="release_manifest_candidate"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="release_panel_main"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target="release_node"] .mini-atlas-tile-shape {
  --mini-diode-color: #d94535;
  --mini-diode-glow: rgba(217,69,53,.48);
}

.mini-atlas-tile[data-atlas-target^="release_edge_"] .mini-atlas-tile-shape,
.mini-atlas-tile[data-atlas-target^="history_"] .mini-atlas-tile-shape {
  --mini-diode-color: var(--mini-diode-off-grey);
  --mini-diode-glow: rgba(154,161,169,.34);
}

@keyframes miniAtlasFamilyBreath43 {
  0%, 100% {
    --mini-diode-live: var(--mini-diode-color);
    fill-opacity: .96;
    filter: drop-shadow(0 0 1px rgba(255,255,255,.18)) drop-shadow(0 0 2px var(--mini-diode-glow));
  }
  48%, 62% {
    --mini-diode-live: var(--mini-diode-on-white);
    fill-opacity: .99;
    filter: drop-shadow(0 0 1px rgba(255,255,255,.62)) drop-shadow(0 0 5px var(--mini-diode-glow));
  }
}

@keyframes miniAtlasNeutralBreath43 {
  0%, 100% {
    --mini-diode-live: var(--mini-diode-off-grey);
    fill-opacity: .94;
    filter: none;
  }
  48%, 62% {
    --mini-diode-live: var(--mini-diode-on-white);
    fill-opacity: .99;
    filter: drop-shadow(0 0 1px rgba(255,255,255,.55)) drop-shadow(0 0 4px rgba(248,251,255,.35));
  }
}

body.mini-atlas-state-focus-bay .mini-atlas-tile,
body.mini-atlas-state-focus-bay .mini-atlas-tile.is-mini-dimmed,
body.mini-atlas-state-focus-bay .mini-atlas-tile.is-mini-active {
  opacity: 1 !important;
  visibility: visible !important;
}

body.mini-atlas-state-overview .mini-atlas-tile .mini-atlas-tile-shape,
body.mini-atlas-state-focus .mini-atlas-tile.is-mini-dimmed .mini-atlas-tile-shape,
body.mini-atlas-state-focus-bay .mini-atlas-tile.is-mini-dimmed .mini-atlas-tile-shape {
  --mini-diode-live: var(--mini-diode-off-grey);
  fill: var(--mini-diode-live) !important;
  fill-opacity: .92 !important;
  stroke: var(--mini-diode-off-grey-stroke) !important;
  stroke-opacity: .86 !important;
  animation: none !important;
  filter: none !important;
}

body.mini-atlas-state-focus:not(.mini-atlas-state-focus-bay) .mini-atlas-tile.is-mini-active .mini-atlas-tile-shape {
  --mini-diode-live: var(--mini-diode-color);
  fill: var(--mini-diode-live) !important;
  fill-opacity: .96 !important;
  stroke: var(--mini-diode-off-grey-stroke) !important;
  stroke-opacity: .92 !important;
  animation: none !important;
  filter: drop-shadow(0 0 1px rgba(255,255,255,.24)) drop-shadow(0 0 3px var(--mini-diode-glow)) !important;
}

body.mini-atlas-state-focus:not(.mini-atlas-state-focus-bay) .mini-atlas-tile.is-mini-active[data-atlas-target^="release_edge_"] .mini-atlas-tile-shape,
body.mini-atlas-state-focus:not(.mini-atlas-state-focus-bay) .mini-atlas-tile.is-mini-active[data-atlas-target^="history_"] .mini-atlas-tile-shape {
  --mini-diode-live: var(--mini-diode-on-white);
  fill: var(--mini-diode-live) !important;
  fill-opacity: .98 !important;
  stroke: var(--mini-diode-off-grey-stroke) !important;
  stroke-opacity: .92 !important;
  animation: none !important;
  filter: drop-shadow(0 0 1px rgba(255,255,255,.36)) drop-shadow(0 0 3px rgba(248,251,255,.22)) !important;
}

body.mini-atlas-state-focus-bay .mini-atlas-tile.is-mini-active .mini-atlas-tile-shape {
  --mini-diode-live: var(--mini-diode-color);
  fill: var(--mini-diode-live) !important;
  fill-opacity: .96 !important;
  stroke: var(--mini-diode-off-grey-stroke) !important;
  stroke-opacity: .92 !important;
  animation: miniAtlasFamilyBreath43 var(--mini-diode-breath-ms) ease-in-out infinite !important;
  filter: drop-shadow(0 0 1px rgba(255,255,255,.28)) drop-shadow(0 0 4px var(--mini-diode-glow)) !important;
}

body.mini-atlas-state-focus-bay .mini-atlas-tile.is-mini-active[data-atlas-target^="release_edge_"] .mini-atlas-tile-shape,
body.mini-atlas-state-focus-bay .mini-atlas-tile.is-mini-active[data-atlas-target^="history_"] .mini-atlas-tile-shape {
  --mini-diode-live: var(--mini-diode-off-grey);
  fill: var(--mini-diode-live) !important;
  fill-opacity: .94 !important;
  stroke: var(--mini-diode-off-grey-stroke) !important;
  stroke-opacity: .92 !important;
  animation: miniAtlasNeutralBreath43 var(--mini-diode-breath-ms) ease-in-out infinite !important;
  filter: drop-shadow(0 0 1px rgba(255,255,255,.28)) drop-shadow(0 0 3px rgba(248,251,255,.26)) !important;
}

:root {
  --p44-plate-edge: rgba(34, 38, 40, .24);
  --p44-plate-edge-light: rgba(255, 255, 255, .28);
  --p44-plate-edge-shadow: rgba(25, 29, 31, .12);
  --p44-engrave-ink: rgba(28, 34, 36, .58);
  --p44-engrave-light: rgba(255, 255, 255, .42);
  --p44-engrave-shadow: rgba(8, 14, 16, .22);
}

.atlas-stage .zone {
  border-radius: 14px !important;
  border: 1px solid var(--p44-plate-edge) !important;
  opacity: .90 !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow:
    inset 0 1px 0 var(--p44-plate-edge-light),
    inset 0 -1px 0 var(--p44-plate-edge-shadow),
    inset 1px 0 0 rgba(255,255,255,.10),
    inset -1px 0 0 rgba(0,0,0,.045),
    0 12px 30px rgba(20,18,14,.040) !important;
}

.atlas-stage .zone::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  pointer-events: none !important;
  background:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.060) 0,
      rgba(255,255,255,.060) 1px,
      rgba(0,0,0,.018) 1px,
      rgba(0,0,0,.018) 2px,
      transparent 2px,
      transparent 7px),
    linear-gradient(180deg, rgba(255,255,255,.115), rgba(0,0,0,.040)) !important;
  mix-blend-mode: soft-light !important;
  opacity: .88 !important;
}

.atlas-stage .zone::after {
  content: "" !important;
  position: absolute !important;
  inset: 7px !important;
  height: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255,255,255,.115) !important;
  background: transparent !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.055) !important;
  pointer-events: none !important;
  opacity: .72 !important;
}

.atlas-stage .zone-green {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.030)),
    linear-gradient(135deg, rgba(191,231,200,.86), rgba(152,205,166,.58)) !important;
}
.atlas-stage .zone-yellow {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.034)),
    linear-gradient(135deg, rgba(244,223,147,.88), rgba(218,184,94,.60)) !important;
}
.atlas-stage .zone-orange {
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(0,0,0,.040)),
    linear-gradient(135deg, rgba(246,188,130,.86), rgba(216,137,75,.60)) !important;
}
.atlas-stage .zone-blue {
  background:
    linear-gradient(180deg, rgba(255,255,255,.075), rgba(0,0,0,.034)),
    linear-gradient(135deg, rgba(188,216,242,.88), rgba(126,176,218,.60)) !important;
}
.atlas-stage .zone-red {
  background:
    linear-gradient(180deg, rgba(255,255,255,.070), rgba(0,0,0,.040)),
    linear-gradient(135deg, rgba(239,177,168,.86), rgba(207,111,102,.60)) !important;
}
.atlas-stage .zone-history {
  background:
    linear-gradient(180deg, rgba(255,255,255,.080), rgba(0,0,0,.035)),
    linear-gradient(135deg, rgba(217,213,205,.88), rgba(173,168,158,.60)) !important;
}

.atlas-stage .zone-glass-label {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  color: var(--p44-engrave-ink) !important;
  font-weight: 650 !important;
  letter-spacing: .102em !important;
  line-height: 1.08 !important;
  text-transform: none !important;
  text-shadow:
    0 1px 0 var(--p44-engrave-light),
    0 -1px 0 var(--p44-engrave-shadow) !important;
  filter: none !important;
  mix-blend-mode: multiply !important;
}

.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label,
.atlas-stage .zone-system-artifactur .zone-label-sw {
  transform: none !important;
}

.atlas-stage .zone-system-artifactur .zone-label-se,
.atlas-stage .zone-ramp .zone-glass-label,
.atlas-stage .zone-app-biotop .zone-glass-label {
  transform: translate(-50%, -50%) !important;
}

:root {
  --p45-zone-title-white: rgba(255,255,255,.94);
  --p45-zone-title-shadow: rgba(0,0,0,.25);
  --p45-zone-title-soft: rgba(255,255,255,.20);
  --p45-zone-corner-inset-x: 30px;
  --p45-zone-corner-inset-y: 28px;
}

.atlas-stage .zone-glass-label {
  color: var(--p45-zone-title-white) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: .055em !important;
  line-height: 1.05 !important;
  text-shadow:
    0 1px 2px var(--p45-zone-title-shadow),
    0 0 8px var(--p45-zone-title-soft) !important;
  mix-blend-mode: normal !important;
  opacity: .96 !important;
}

.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label,
.atlas-stage .zone-system-artifactur .zone-label-sw {
  left: var(--p45-zone-corner-inset-x) !important;
  top: var(--p45-zone-corner-inset-y) !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  font-size: 12.8px !important;
}

.atlas-stage .zone-system-artifactur .zone-label-se {
  left: 75% !important;
  right: auto !important;
  top: 91% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  font-size: 17.2px !important;
  letter-spacing: .058em !important;
}

.atlas-stage .zone-ramp .zone-glass-label {
  left: 50% !important;
  right: auto !important;
  top: 78% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  font-size: 15.2px !important;
  letter-spacing: .058em !important;
}

.atlas-stage .zone-app-biotop .zone-glass-label {
  left: 50% !important;
  right: auto !important;
  top: 78% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  font-size: 18.2px !important;
  letter-spacing: .052em !important;
}

:root {
  --p45b-zone-title-size: 18.2px;
  --p45b-zone-title-white: rgba(255,255,255,.95);
  --p45b-zone-title-shadow-1: rgba(0,0,0,.22);
  --p45b-zone-title-shadow-2: rgba(255,255,255,.14);
  --p45b-zone-script-stack: "Snell Roundhand", "Apple Chancery", "Segoe Script", "Brush Script MT", cursive;
}

.atlas-stage .zone-glass-label {
  color: var(--p45b-zone-title-white) !important;
  font-family: var(--p45b-zone-script-stack) !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: var(--p45b-zone-title-size) !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
  text-transform: none !important;
  text-shadow:
    0 1px 2px var(--p45b-zone-title-shadow-1),
    0 0 6px var(--p45b-zone-title-shadow-2) !important;
  font-kerning: normal !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label,
.atlas-stage .zone-system-artifactur .zone-label-sw {
  font-size: var(--p45b-zone-title-size) !important;
}

.atlas-stage .zone-system-artifactur .zone-label-se {
  left: 50% !important;
  right: auto !important;
  top: 91% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  font-size: var(--p45b-zone-title-size) !important;
}

.atlas-stage .zone-ramp .zone-glass-label {
  left: 50% !important;
  right: auto !important;
  top: 84.5% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  font-size: var(--p45b-zone-title-size) !important;
}

.atlas-stage .zone-app-biotop .zone-glass-label {
  left: 50% !important;
  right: auto !important;
  top: 78% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  font-size: var(--p45b-zone-title-size) !important;
}

:root {
  --p45c-zone-title-size: calc(var(--p45b-zone-title-size) * 1.49);
  --p45c-zone-title-arrow-gap: 15px;
}

.atlas-stage .zone-glass-label {
  font-size: var(--p45c-zone-title-size) !important;
}

.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label {
  left: 50% !important;
  right: auto !important;
  top: calc(50% - var(--p45c-zone-title-arrow-gap)) !important;
  bottom: auto !important;
  transform: translate(-50%, -100%) !important;
  font-size: var(--p45c-zone-title-size) !important;
  z-index: 42 !important;
  white-space: nowrap !important;
}

.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-system-artifactur .zone-label-sw,
.atlas-stage .zone-system-artifactur .zone-label-se,
.atlas-stage .zone-ramp .zone-glass-label,
.atlas-stage .zone-app-biotop .zone-glass-label {
  font-size: var(--p45c-zone-title-size) !important;
}

:root {
  --p45d-zone-title-size: calc(var(--p45c-zone-title-size) * 1.2);
}

.atlas-stage .zone-glass-label,
.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label,
.atlas-stage .zone-system-artifactur .zone-label-sw,
.atlas-stage .zone-system-artifactur .zone-label-se,
.atlas-stage .zone-ramp .zone-glass-label,
.atlas-stage .zone-app-biotop .zone-glass-label {
  font-size: var(--p45d-zone-title-size) !important;
}

:root {
  --p45f-ink-green: rgba(96,116,100,.96);      

  --p45f-ink-yellow: rgba(122,112,74,.97);     

  --p45f-ink-orange: rgba(123,94,65,.97);      

  --p45f-ink-blue: rgba(94,108,121,.96);       

  --p45f-ink-red: rgba(120,89,84,.96);         

  --p45f-ink-history: rgba(109,107,103,.96);   

  --p45f-ink-edge-light: rgba(255,255,255,.16);
  --p45f-ink-edge-dark: rgba(0,0,0,.18);
}

.atlas-stage .zone-production .zone-glass-label {
  color: var(--p45f-ink-green) !important;
}

.atlas-stage .zone-kuration .zone-glass-label {
  color: var(--p45f-ink-yellow) !important;
}

.atlas-stage .zone-recommendation .zone-glass-label {
  color: var(--p45f-ink-orange) !important;
}

.atlas-stage .zone-system-artifactur .zone-label-sw,
.atlas-stage .zone-system-artifactur .zone-label-se {
  color: var(--p45f-ink-blue) !important;
}

.atlas-stage .zone-ramp .zone-glass-label {
  color: var(--p45f-ink-red) !important;
}

.atlas-stage .zone-app-biotop .zone-glass-label {
  color: var(--p45f-ink-history) !important;
}

.atlas-stage .zone-glass-label {
  text-shadow:
    0 1px 0 var(--p45f-ink-edge-light),
    0 -1px 0 var(--p45f-ink-edge-dark),
    0 0 1px rgba(0,0,0,.10) !important;
}

:root {
  --p45h-title-font-stack: "Segoe Script", "Bradley Hand", "Marker Felt", "Lucida Handwriting", cursive;
  --p45h-title-weight: 400;
  --p45h-title-letterspacing: .01em;
  --p45h-title-shadow-a: rgba(255,255,255,.10);
  --p45h-title-shadow-b: rgba(0,0,0,.12);
}

.atlas-stage .zone-glass-label {
  font-family: var(--p45h-title-font-stack) !important;
  font-weight: var(--p45h-title-weight) !important;
  font-style: normal !important;
  letter-spacing: var(--p45h-title-letterspacing) !important;
  text-shadow:
    0 1px 0 var(--p45h-title-shadow-a),
    0 1px 2px var(--p45h-title-shadow-b) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: geometricPrecision;
}

:root {
  --p45i-zone-title-opacity: .80;
}

.atlas-stage .zone-glass-label {
  opacity: var(--p45i-zone-title-opacity) !important;
}

.atlas-stage .zone-system-artifactur .zone-label-sw {
  display: none !important;
}

.atlas-stage .zone-production .zone-glass-label {
  left: 25% !important;
  top: 58.33% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  white-space: nowrap !important;
}

.atlas-stage .zone-production .zone-glass-label {
  left: 83.333% !important;
  top: 30% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  white-space: nowrap !important;
}

:root {
  --p45k-zone-title-scale: .90;
}

.atlas-stage .zone-glass-label,
.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label,
.atlas-stage .zone-system-artifactur .zone-label-se,
.atlas-stage .zone-ramp .zone-glass-label,
.atlas-stage .zone-app-biotop .zone-glass-label {
  font-size: calc(var(--p45d-zone-title-size) * var(--p45k-zone-title-scale)) !important;
}

.atlas-stage .zone-production .zone-glass-label {
  left: 33.333% !important;
  top: 70% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  white-space: nowrap !important;
}

.focus-dim-cutout.is-priming {
  transition: none !important;
}

#pglPanel.pgl-floating-panel,
#pglPanel.pgl-floating-panel:not(.is-user-positioned):not(.is-dragging),
#pglPanel.pgl-floating-panel.is-open:not(.is-user-positioned):not(.is-dragging),
#pglPanel.pgl-floating-panel.is-open:not(.is-user-positioned):not(.is-dragging):hover,
#pglPanel.pgl-floating-panel.is-open:not(.is-user-positioned):not(.is-dragging):focus-within,
#pglPanel.pgl-floating-panel.is-panel-closing:not(.is-user-positioned):not(.is-dragging) {
  left: auto !important;
  top: var(--pgl-floating-top, 118px) !important;
  right: var(--pgl-floating-right, 82px) !important;
  bottom: auto !important;
  width: var(--pgl-floating-w, min(620px, calc(100vw - 132px))) !important;
  max-width: calc(100vw - 36px) !important;
  max-height: calc(100vh - 150px) !important;
  transform-origin: top right !important;
}

#pglPanel.pgl-floating-panel:not(.is-open):not(.is-user-positioned):not(.is-dragging),
#pglPanel.pgl-floating-panel.is-panel-closing:not(.is-user-positioned):not(.is-dragging) {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-8px) scale(.985) !important;
}

#pglPanel.pgl-floating-panel.is-open:not(.is-user-positioned):not(.is-dragging),
#pglPanel.pgl-floating-panel.is-open:not(.is-user-positioned):not(.is-dragging):hover,
#pglPanel.pgl-floating-panel.is-open:not(.is-user-positioned):not(.is-dragging):focus-within {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
}

#pglPanel.pgl-floating-panel.is-user-positioned,
#pglPanel.pgl-floating-panel.is-user-positioned.is-open,
#pglPanel.pgl-floating-panel.is-dragging {
  right: auto !important;
  bottom: auto !important;
  transform-origin: top left !important;
}

#pglPanel .pgl-floating-body {
  overflow: auto !important;
  scrollbar-gutter: auto !important;
  contain: none !important;
}

:root {
  --p46n-key-zone-title-opacity: .64;
}

.atlas-stage .zone-production .zone-glass-label,
.atlas-stage .zone-kuration .zone-glass-label,
.atlas-stage .zone-recommendation .zone-glass-label {
  opacity: var(--p46n-key-zone-title-opacity) !important;
}

:root {
  --motion-focus-window: 560ms;
  --motion-focus-switch: 640ms;
  --motion-focus-shift: 760ms;
  --motion-focus-reset: 780ms;
  --ease-atlas-soft: cubic-bezier(0.22, 1, 0.36, 1);
}

.focus-dim-cutout:not(.is-priming) {
  transition:
    left var(--motion-focus-window) var(--ease-atlas-soft),
    top var(--motion-focus-window) var(--ease-atlas-soft),
    width var(--motion-focus-window) var(--ease-atlas-soft),
    height var(--motion-focus-window) var(--ease-atlas-soft) !important;
}

.atlas-stage {
  transition:
    transform var(--motion-focus-shift) var(--ease-atlas-soft) !important;
}

.focus-pill-clone {
  transition:
    background var(--motion-focus-switch) var(--ease-atlas-soft),
    color var(--motion-focus-switch) var(--ease-atlas-soft) !important;
}

body.focus-shift-active .focus-dim-cutout:not(.is-priming) {
  transition: none !important;
}

.focus-pill-clone {
  transition:
    background var(--motion-focus-switch, 640ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)),
    color var(--motion-focus-switch, 640ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)) !important;
  will-change: transform;
  backface-visibility: hidden;
  contain: layout paint style;
}

body.focus-reset-active .atlas-stage {
  transition:
    transform var(--motion-focus-reset, 980ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

body.focus-reset-active .focus-dim-layer {
  transition:
    opacity var(--motion-focus-reset, 980ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)),
    visibility var(--motion-focus-reset, 980ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

body.focus-window-entering .tile.is-dimmed,
body.focus-window-entering .tile.is-out-of-focus,
body.focus-window-entering.focus-window-active .tile.is-out-of-focus {
  opacity: 1 !important;
}

body.focus-window-entering .tile.is-dimmed {
  box-shadow: 0 12px 25px rgba(20,18,14,.10) !important;
}

:root { --motion-focus-reset: 980ms; }

.focus-pill-overlay {
  transform: translate3d(var(--focus-pill-shift-x, 0px), 0, 0) !important;
  transition:
    transform var(--motion-focus-shift, 760ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)) !important;
  will-change: transform;
  backface-visibility: hidden;
}

body.focus-reset-active .focus-pill-overlay {
  transition:
    transform var(--motion-focus-reset, 980ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

.focus-pill-clone {
  transition:
    background var(--motion-focus-switch, 640ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)),
    color var(--motion-focus-switch, 640ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)) !important;
}

.focus-pill-overlay,
body.focus-reset-active .focus-pill-overlay {
  transform: none !important;
  transition: none !important;
}

.focus-pill-clone {
  transition:
    background var(--motion-focus-switch, 640ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)),
    color var(--motion-focus-switch, 640ms) var(--ease-atlas-soft, cubic-bezier(0.22, 1, 0.36, 1)) !important;
  will-change: transform;
}

.intro-brand-lockup .intro-model-line {
  display: block;
  margin-top: 1px;
  color: rgba(20, 18, 14, .60);
  font-size: 12px;
  font-weight: 560;
  line-height: 1.16;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.intro-onboarding-hint,
.intro-onboarding-entry {
  position: absolute;
  left: 24px;
  right: 24px;
  top: calc(100% + 14px);
  z-index: 8;
  display: none;
  padding: 13px 15px 12px;
  border: 1px solid rgba(20, 20, 20, .16);
  border-radius: 14px;
  background: rgba(255, 255, 255, .86);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  box-shadow: 0 16px 34px rgba(20, 18, 14, .14);
  overflow: visible;
  opacity: 0;
  transform: translateY(8px) scale(.985);
  pointer-events: none;
  transition: opacity .22s ease, transform .26s cubic-bezier(.22, 1, .36, 1);
}

body.onboarding-v1-hint-visible .intro-onboarding-hint:not([hidden]),
body.onboarding-v1-entry-active .intro-onboarding-entry:not([hidden]) {
  display: grid;
  gap: 6px;
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

.intro-onboarding-status,
.intro-onboarding-entry span {
  color: rgba(20, 18, 14, .62);
  font-size: 10px;
  font-weight: 680;
  line-height: 1.12;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.intro-onboarding-hint p,
.intro-onboarding-entry strong {
  margin: 0;
  color: #171717;
  font-size: 12px;
  line-height: 1.36;
  letter-spacing: -.01em;
}

.intro-onboarding-language {
  justify-self: start;
  min-height: 24px;
  padding: 3px 9px;
  border: 1px solid rgba(20, 20, 20, .20);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: #171717;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .045em;
  text-transform: uppercase;
}

body.onboarding-v1-armed .atlas-intro-layer .intro-dependency-tile.intro-dialog-anchor-tile,
body.onboarding-v1-armed .atlas-intro-layer .intro-dependency-tile.tile.system.intro-dialog-anchor-tile {
  pointer-events: auto !important;
  cursor: pointer !important;
}

body.onboarding-v1-armed .intro-dependency-object.is-onboarding-armed .intro-dependency-tile.intro-dialog-anchor-tile.is-onboarding-nervous,
body.onboarding-v1-armed .intro-dependency-object.is-onboarding-armed .intro-dependency-tile.tile.system.intro-dialog-anchor-tile.is-onboarding-nervous {
  animation: atlasCheckOnboardingNervous 760ms cubic-bezier(.22, 1, .36, 1) 0s 2;
  box-shadow: 0 0 0 3px rgba(255,255,255,.84), 0 18px 42px rgba(20,18,14,.20), 0 0 0 1px rgba(35,106,166,.20), 0 0 18px rgba(35,106,166,.20) !important;
}

body.onboarding-v1-entry-active .intro-dependency-tile.intro-dialog-anchor-tile,
body.onboarding-v1-entry-active .intro-dependency-tile.tile.system.intro-dialog-anchor-tile {
  animation: none !important;
}

@keyframes atlasCheckOnboardingNervous {
  0%, 100% { transform: translateX(-50%) translateY(0) rotate(0deg); }
  20% { transform: translateX(calc(-50% - 2px)) translateY(-1px) rotate(-.35deg); }
  46% { transform: translateX(calc(-50% + 2px)) translateY(1px) rotate(.35deg); }
  70% { transform: translateX(calc(-50% - 1px)) translateY(0) rotate(-.18deg); }
}

@media (max-width: 760px) {
  .intro-brand-lockup .intro-model-line {
    font-size: 11px;
  }

  .intro-onboarding-hint,
  .intro-onboarding-entry {
    left: 16px;
    right: 16px;
    top: calc(100% + 10px);
  }
}

.intro-onboarding-entry {
  min-width: min(360px, calc(100vw - 64px));
}

.intro-onboarding-entry .intro-onboarding-loader {
  display: inline-flex;
  align-items: baseline;
  gap: 1px;
  margin-top: 2px;
  color: rgba(20, 18, 14, .56);
  font-size: 10px;
  font-style: normal;
  font-weight: 720;
  line-height: 1.12;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.intro-onboarding-entry .intro-onboarding-loader span {
  display: inline-block;
  color: rgba(20, 18, 14, .74);
  animation: onboardingEntryDotPulse 1.08s ease-in-out infinite;
}

.intro-onboarding-entry .intro-onboarding-loader span:nth-child(2) { animation-delay: .16s; }
.intro-onboarding-entry .intro-onboarding-loader span:nth-child(3) { animation-delay: .32s; }

@keyframes onboardingEntryDotPulse {
  0%, 24%, 100% { opacity: .22; transform: translateY(0); }
  48% { opacity: 1; transform: translateY(-1px); }
}

@media (prefers-reduced-motion: reduce) {
  .intro-onboarding-entry .intro-onboarding-loader span {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.intro-access-dialog {
  position: relative !important;
  overflow: visible !important;
}

.intro-brand-lockup .intro-model-line {
  text-transform: none;
  letter-spacing: .012em;
  font-weight: 500;
}

.intro-onboarding-entry .intro-onboarding-loader span {
  font-size: 2em;
  line-height: .5;
}

@keyframes onboardingEntryDotPulse {
  0%, 24%, 100% { opacity: .22; transform: translateY(0); }
  48% { opacity: 1; transform: translateY(-2px); }
}

.intro-brand-lockup .intro-model-line {
  font-size: 15px;
  font-weight: 400;
}

@media (max-width: 760px) {
  .intro-brand-lockup .intro-model-line {
    font-size: 13.75px;
  }
}

.intro-brand-lockup .intro-model-line {
  font-size: 18px;
  font-weight: 100;
}

.intro-onboarding-entry .intro-onboarding-loader span {
  color: currentColor;
}

@media (max-width: 760px) {
  .intro-brand-lockup .intro-model-line {
    font-size: 16.5px;
  }
}

.intro-brand-lockup .intro-model-line,
body.intro-active .intro-brand-lockup .intro-model-line,
body.intro-active.intro-expanding .intro-brand-lockup .intro-model-line,
body.intro-active.intro-path-reveal .intro-brand-lockup .intro-model-line,
body.intro-active.intro-breath-hold .intro-brand-lockup .intro-model-line {
  font-size: 24px !important;
  font-weight: 100 !important;
  letter-spacing: .012em !important;
  text-transform: none !important;
}

@media (max-width: 760px) {
  .intro-brand-lockup .intro-model-line,
  body.intro-active .intro-brand-lockup .intro-model-line,
  body.intro-active.intro-expanding .intro-brand-lockup .intro-model-line,
  body.intro-active.intro-path-reveal .intro-brand-lockup .intro-model-line,
  body.intro-active.intro-breath-hold .intro-brand-lockup .intro-model-line {
    font-size: 24px !important;
  }
}

.intro-brand-lockup .intro-model-line,
body.intro-active .intro-brand-lockup .intro-model-line,
body.intro-active.intro-expanding .intro-brand-lockup .intro-model-line,
body.intro-active.intro-path-reveal .intro-brand-lockup .intro-model-line,
body.intro-active.intro-breath-hold .intro-brand-lockup .intro-model-line {
  font-size: 24px !important;
  font-weight: 100 !important;
  letter-spacing: .012em !important;
  text-transform: none !important;
}

.workspace-title-stack {
  padding-left: 12px !important;
}

.workspace-close,
.workspace-tab-controls {
  display: none !important;
}

.workspace-tabs-close {
  position: absolute;
  top: 43px;
  right: 13px;
  z-index: 24;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(0,0,0,.22);
  border-radius: 999px;
  background: rgba(255,255,255,.72);
  color: rgba(17,17,17,.72);
  font-size: 15px;
  font-weight: 300;
  line-height: 1;
  box-shadow: 0 5px 12px rgba(0,0,0,.075);
  cursor: pointer;
}

.workspace-tabs-close:hover {
  background: rgba(255,255,255,.92);
  color: rgba(17,17,17,.94);
  border-color: rgba(0,0,0,.34);
}

.workspace-tabs-close:focus-visible {
  outline: 2px solid rgba(17,17,17,.48);
  outline-offset: 2px;
}

.workspace-tabs-close[hidden] {
  display: none !important;
}

@media (max-width: 760px) {
  .intro-brand-lockup .intro-model-line,
  body.intro-active .intro-brand-lockup .intro-model-line,
  body.intro-active.intro-expanding .intro-brand-lockup .intro-model-line,
  body.intro-active.intro-path-reveal .intro-brand-lockup .intro-model-line,
  body.intro-active.intro-breath-hold .intro-brand-lockup .intro-model-line {
    font-size: 24px !important;
  }

  .workspace-title-stack {
    padding-left: 10px !important;
  }

  .workspace-tabs-close {
    top: 42px;
    right: 11px;
  }
}

:root {
  --workspace-title-production-green: rgb(96,116,100);
}

.representation-workspace-header strong,
#representationWorkspaceTitle {
  font-size: 15px !important;
  color: var(--workspace-title-production-green) !important;
  text-shadow: none !important;
}

.workspace-tabs-close {
  display: none !important;
}

.workspace-instance-tab-shell {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0;
  min-width: 0;
}

.workspace-instance-tab-shell .workspace-instance-tab {
  flex: 0 0 auto;
}

.workspace-instance-tab-close {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  margin-left: 1px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 999px;
  background: rgba(0,0,0,.92);
  color: rgba(255,255,255,.92);
  font-size: 13px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-1px);
  box-shadow: none;
}

.workspace-instance-tab-close:hover {
  background: rgba(0,0,0,1);
  color: #fff;
}

.workspace-instance-tab-close:focus-visible {
  outline: 2px solid rgba(96,116,100,.48);
  outline-offset: 2px;
}

.tool-icon-img-compare {
  transform: translateY(1.5px) translateZ(0) !important;
}

@media (max-width: 760px) {
  .representation-workspace-header strong,
  #representationWorkspaceTitle {
    font-size: 15px !important;
  }
}

:root {
  --workspace-zone-ink: rgb(96,116,100);
  --workspace-tab-zone-ink: rgb(96,116,100);
  --workspace-tab-close-lane: 20px;
}

.representation-workspace-panel {
  grid-template-columns: minmax(148px, 164px) minmax(0, 1fr) !important;
}

.workspace-title-stack {
  position: relative;
  z-index: 3;
}

.representation-workspace-header strong,
#representationWorkspaceTitle {
  color: var(--workspace-zone-ink, rgb(96,116,100)) !important;
}

.workspace-instance-tabs {
  padding-right: 0 !important;
  border-right: 0 !important;
  overflow-x: visible !important;
  z-index: 4;
}

.workspace-instance-tab-shell {
  width: 100% !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) var(--workspace-tab-close-lane) !important;
  align-items: center !important;
  gap: 0 !important;
  position: relative;
  isolation: isolate;
  z-index: 2;
}

.workspace-instance-tab-shell .workspace-instance-tab,
.workspace-instance-tab-shell .workspace-instance-tab.is-active,
.workspace-instance-tab-shell .workspace-instance-tab.is-stale:not(.is-active) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: 1 !important;
  margin-right: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  position: relative;
  z-index: 2;
}

.workspace-instance-tab-close {
  grid-column: 2 !important;
  justify-self: start !important;
  align-self: center !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 0 !important;
  border-radius: 0 999px 999px 0 !important;
  background: var(--workspace-tab-zone-ink, var(--workspace-zone-ink, rgb(96,116,100))) !important;
  color: rgba(0,0,0,.78) !important;
  border: 1px solid color-mix(in srgb, var(--workspace-tab-zone-ink, rgb(96,116,100)) 72%, black) !important;
  border-left: 0 !important;
  transform: none !important;
  position: relative;
  z-index: 3;
}

.workspace-instance-tab-close:hover {
  background: var(--workspace-tab-zone-ink, var(--workspace-zone-ink, rgb(96,116,100))) !important;
  color: #000 !important;
  filter: brightness(.96) saturate(1.08);
}

.workspace-instance-tab-close:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--workspace-tab-zone-ink, rgb(96,116,100)) 58%, black) !important;
  outline-offset: 2px;
}

.representation-workspace-body {
  position: relative;
  z-index: 1;
}

.representation-workspace-panel[data-workspace-zone="production"] {
  --workspace-zone-ink: rgb(96,116,100);
}

.representation-workspace-panel[data-workspace-zone="kuration"] {
  --workspace-zone-ink: rgb(148,116,38);
}

.representation-workspace-panel[data-workspace-zone="recommendation"] {
  --workspace-zone-ink: rgb(154,92,32);
}

.representation-workspace-panel[data-workspace-zone="system"] {
  --workspace-zone-ink: rgb(54,96,132);
}

.representation-workspace-panel[data-workspace-zone="ramp"] {
  --workspace-zone-ink: rgb(142,74,66);
}

.representation-workspace-panel[data-workspace-zone="history"] {
  --workspace-zone-ink: rgb(112,106,96);
}

@media (max-width: 760px) {
  .representation-workspace-panel {
    grid-template-columns: minmax(132px, 148px) minmax(0, 1fr) !important;
  }

  .workspace-instance-tab-close {
    width: 17px !important;
    height: 17px !important;
  }
}

:root {
  --workspace-zone-surface: rgb(191,231,200);
  --workspace-tab-zone-surface: rgb(191,231,200);
}

.representation-workspace-panel {
  grid-template-columns: minmax(112px, 126px) minmax(0, 1fr) !important;
  overflow: visible !important;
}

.workspace-instance-tabs {
  margin-left: -36px !important;
  padding-left: 5px !important;
  width: calc(100% + 36px) !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 12 !important;
}

.workspace-instance-tab-shell {
  width: max-content !important;
  max-width: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1px !important;
  position: relative !important;
  isolation: isolate !important;
  z-index: 13 !important;
}

.workspace-instance-tab-shell .workspace-instance-tab,
.workspace-instance-tab-shell .workspace-instance-tab.is-active,
.workspace-instance-tab-shell .workspace-instance-tab.is-stale:not(.is-active) {
  flex: 0 0 126px !important;
  width: 126px !important;
  min-width: 126px !important;
  max-width: 126px !important;
  grid-column: auto !important;
  margin-right: 0 !important;
  border-top-right-radius: initial !important;
  border-bottom-right-radius: initial !important;
  position: relative !important;
  z-index: 14 !important;
}

.workspace-instance-tab-close {
  flex: 0 0 auto !important;
  width: 18px !important;
  height: 18px !important;
  margin-left: 1px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: var(--workspace-tab-zone-surface, var(--workspace-zone-surface, rgb(191,231,200))) !important;
  color: rgba(0,0,0,.72) !important;
  border: 1px solid color-mix(in srgb, var(--workspace-tab-zone-surface, rgb(191,231,200)) 68%, black) !important;
  line-height: 1 !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  text-align: center !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.10) !important;
  position: relative !important;
  z-index: 15 !important;
}

.workspace-instance-tab-close span {
  display: block !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
  pointer-events: none !important;
}

.workspace-instance-tab-close:hover {
  background: var(--workspace-tab-zone-surface, var(--workspace-zone-surface, rgb(191,231,200))) !important;
  color: #000 !important;
  filter: brightness(.985) saturate(1.04) !important;
}

.workspace-instance-tab-close:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--workspace-tab-zone-surface, rgb(191,231,200)) 54%, black) !important;
  outline-offset: 2px !important;
}

.representation-workspace-body {
  position: relative !important;
  z-index: 1 !important;
}

.representation-workspace-panel[data-workspace-zone="production"] {
  --workspace-zone-ink: rgb(96,116,100);
  --workspace-zone-surface: rgb(191,231,200);
}

.representation-workspace-panel[data-workspace-zone="kuration"] {
  --workspace-zone-ink: rgb(148,116,38);
  --workspace-zone-surface: rgb(244,223,147);
}

.representation-workspace-panel[data-workspace-zone="recommendation"] {
  --workspace-zone-ink: rgb(154,92,32);
  --workspace-zone-surface: rgb(246,188,130);
}

.representation-workspace-panel[data-workspace-zone="system"] {
  --workspace-zone-ink: rgb(54,96,132);
  --workspace-zone-surface: rgb(188,216,242);
}

.representation-workspace-panel[data-workspace-zone="ramp"] {
  --workspace-zone-ink: rgb(142,74,66);
  --workspace-zone-surface: rgb(239,177,168);
}

.representation-workspace-panel[data-workspace-zone="history"] {
  --workspace-zone-ink: rgb(112,106,96);
  --workspace-zone-surface: rgb(217,213,205);
}

.workspace-instance-tab-shell[data-workspace-zone="production"] {
  --workspace-tab-zone-surface: rgb(191,231,200);
}

.workspace-instance-tab-shell[data-workspace-zone="kuration"] {
  --workspace-tab-zone-surface: rgb(244,223,147);
}

.workspace-instance-tab-shell[data-workspace-zone="recommendation"] {
  --workspace-tab-zone-surface: rgb(246,188,130);
}

.workspace-instance-tab-shell[data-workspace-zone="system"] {
  --workspace-tab-zone-surface: rgb(188,216,242);
}

.workspace-instance-tab-shell[data-workspace-zone="ramp"] {
  --workspace-tab-zone-surface: rgb(239,177,168);
}

.workspace-instance-tab-shell[data-workspace-zone="history"] {
  --workspace-tab-zone-surface: rgb(217,213,205);
}

@media (max-width: 760px) {
  .representation-workspace-panel {
    grid-template-columns: minmax(104px, 118px) minmax(0, 1fr) !important;
  }

  .workspace-instance-tabs {
    margin-left: -35px !important;
    padding-left: 5px !important;
    width: calc(100% + 35px) !important;
    overflow: visible !important;
  }

  .workspace-instance-tab-shell .workspace-instance-tab,
  .workspace-instance-tab-shell .workspace-instance-tab.is-active,
  .workspace-instance-tab-shell .workspace-instance-tab.is-stale:not(.is-active) {
    flex-basis: 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }

  .workspace-instance-tab-close {
    width: 17px !important;
    height: 17px !important;
    font-size: 13px !important;
  }
}

#representationWorkspaceTitle {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: .36em !important;
  font-size: 15px !important;
  color: var(--workspace-zone-ink, rgb(96,116,100)) !important;
  white-space: nowrap !important;
}

#representationWorkspaceTitle .workspace-title-prefix {
  font-weight: 700 !important;
}

#representationWorkspaceTitle .workspace-title-name {
  font-weight: 600 !important;
}

.representation-workspace-panel.is-closing {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) scale(.988) !important;
  transition: opacity 220ms ease, transform 220ms ease !important;
}

@media (prefers-reduced-motion: reduce) {
  .representation-workspace-panel.is-closing {
    transition-duration: 80ms !important;
  }
}

.representation-workspace-body {
  gap: 12px !important;
}

.workspace-status-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 2px;
  padding: 10px 10px 9px;
  border: 1px solid color-mix(in srgb, var(--workspace-zone-surface, rgb(191,231,200)) 54%, rgba(0,0,0,.18));
  border-radius: 16px;
  background: color-mix(in srgb, var(--workspace-zone-surface, rgb(191,231,200)) 23%, rgba(255,255,255,.78));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px rgba(20,18,14,.055);
  color: rgba(17,17,17,.68);
  user-select: none;
}

.workspace-status-footer-copy {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: baseline;
  column-gap: 7px;
  row-gap: 2px;
  min-width: 0;
}

.workspace-status-footer-label {
  color: rgba(17,17,17,.48);
  font-size: 9px;
  font-weight: 740;
  letter-spacing: .105em;
  line-height: 1.05;
  text-transform: uppercase;
}

#representationWorkspaceFooterStatus {
  min-width: 0;
  color: var(--workspace-zone-ink, rgb(96,116,100));
  font-size: 11.2px;
  font-weight: 720;
  line-height: 1.12;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-status-footer-message {
  grid-column: 1 / -1;
  min-height: 12px;
  color: rgba(17,17,17,.54);
  font-size: 10.5px;
  font-weight: 420;
  line-height: 1.18;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.workspace-validation-button {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 118px;
  min-height: 31px;
  padding: 7px 11px 7px;
  border: 1px solid color-mix(in srgb, var(--workspace-zone-ink, rgb(96,116,100)) 64%, black);
  border-radius: 999px;
  background: var(--workspace-zone-ink, rgb(96,116,100));
  color: rgba(255,255,255,.94);
  box-shadow: 0 8px 18px rgba(20,18,14,.13), inset 0 1px 0 rgba(255,255,255,.18);
  font-size: 10.2px;
  font-weight: 720;
  letter-spacing: .025em;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: transform 150ms ease, filter 150ms ease, opacity 150ms ease;
}

.workspace-validation-button:hover:not(:disabled) {
  filter: brightness(1.035) saturate(1.04);
  transform: translateY(-1px);
}

.workspace-validation-button:active:not(:disabled) {
  transform: translateY(0);
}

.workspace-validation-button:disabled {
  cursor: default;
  opacity: .74;
  transform: none;
}

.workspace-status-footer[data-validation-state="processing"] .workspace-validation-button {
  opacity: .82;
}

.workspace-status-footer[data-validation-state="staged"] .workspace-validation-button {
  background: color-mix(in srgb, var(--workspace-zone-ink, rgb(96,116,100)) 72%, white);
  border-color: color-mix(in srgb, var(--workspace-zone-ink, rgb(96,116,100)) 52%, black);
}

@media (max-width: 760px) {
  .workspace-status-footer {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .workspace-validation-button {
    width: 100%;
    min-width: 0;
  }
}

.representation-workspace-panel.is-open .representation-workspace-body {
  display: grid !important;
}

.representation-workspace-panel.is-closing .representation-workspace-body {
  display: grid !important;
}

.representation-workspace-panel .representation-workspace-body[data-workspace-body-shell] {
  grid-column: 2 !important;
  grid-row: 3 !important;
  display: none !important;
  grid-template-rows: minmax(18px, 1fr) auto !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 96px !important;
  overflow: visible !important;
  align-self: stretch !important;
  position: relative !important;
  z-index: 1 !important;
}

.representation-workspace-panel.is-open .representation-workspace-body[data-workspace-body-shell],
.representation-workspace-panel.is-closing .representation-workspace-body[data-workspace-body-shell] {
  display: grid !important;
}

.workspace-content-zone {
  display: block !important;
  min-height: 18px !important;
  pointer-events: none !important;
}

.representation-workspace-panel .workspace-status-footer {
  align-self: end !important;
  margin-top: 0 !important;
}

.workspace-gate-strip,
.workspace-meta,
.workspace-note,
.workspace-door,
.workspace-status-pill,
.workspace-tabs-close,
.workspace-tab-controls {
  display: none !important;
}

.representation-workspace-header {
  justify-content: flex-start !important;
}

.representation-workspace-panel .representation-workspace-body[data-workspace-body-shell] {
  grid-template-rows: minmax(42px, 1fr) auto auto !important;
  gap: 9px !important;
  min-height: 138px !important;
  align-content: stretch !important;
}

.workspace-content-zone {
  min-height: 38px !important;
}

.workspace-validation-cta-zone {
  grid-row: 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-height: 46px !important;
  padding: 0 2px 0 0 !important;
  pointer-events: none !important;
}

.workspace-validation-icon-cta,
.workspace-validation-button.workspace-validation-icon-cta {
  appearance: none !important;
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  max-width: 46px !important;
  max-height: 46px !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid color-mix(in srgb, var(--workspace-zone-surface, rgb(191,231,200)) 62%, rgba(0,0,0,.30)) !important;
  border-radius: 14px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.62), rgba(255,255,255,.22) 60%, rgba(255,255,255,.42)),
    color-mix(in srgb, var(--workspace-zone-surface, rgb(191,231,200)) 64%, rgba(255,255,255,.22)) !important;
  color: #111 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 8px 18px rgba(20,18,14,.12) !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: transform 150ms ease, filter 150ms ease, opacity 150ms ease, box-shadow 150ms ease !important;
}

.workspace-validation-icon-cta:hover:not(:disabled) {
  filter: brightness(1.025) saturate(1.035) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 10px 22px rgba(20,18,14,.15) !important;
}

.workspace-validation-icon-cta:active:not(:disabled) {
  transform: translateY(0) !important;
}

.workspace-validation-icon-cta:disabled {
  cursor: default !important;
  opacity: .74 !important;
  transform: none !important;
}

.workspace-validation-icon-frame {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.20) !important;
  overflow: hidden !important;
}

.workspace-validation-icon {
  width: 28px !important;
  height: 28px !important;
  display: block !important;
  object-fit: contain !important;
  pointer-events: none !important;
}

.workspace-validation-icon-cta[data-validation-state="processing"] .workspace-validation-icon {
  animation: workspaceValidationIconPulse 760ms ease-in-out infinite alternate;
}

.workspace-validation-icon-cta[data-validation-state="staged"] {
  opacity: .82 !important;
  filter: saturate(.96) !important;
}

@keyframes workspaceValidationIconPulse {
  from { transform: translateY(0) scale(1); opacity: .82; }
  to { transform: translateY(-1px) scale(1.035); opacity: 1; }
}

.workspace-status-footer,
.representation-workspace-panel .workspace-status-footer {
  grid-row: 3 !important;
  align-self: end !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  min-height: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 1px solid color-mix(in srgb, var(--workspace-zone-surface, rgb(191,231,200)) 46%, rgba(0,0,0,.16)) !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--workspace-zone-surface, rgb(191,231,200)) 18%, rgba(255,255,255,.74)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.66) !important;
  color: rgba(17,17,17,.56) !important;
  overflow: hidden !important;
  user-select: none !important;
}

.workspace-status-footer-copy {
  display: contents !important;
}

.workspace-status-visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

#representationWorkspaceFooterMessage.workspace-status-footer-message,
.workspace-status-footer-message {
  grid-column: auto !important;
  min-height: 0 !important;
  width: 100% !important;
  color: rgba(17,17,17,.58) !important;
  font-size: 10.8px !important;
  font-weight: 430 !important;
  letter-spacing: .012em !important;
  line-height: 1 !important;
  text-align: center !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.workspace-status-footer[data-validation-state="processing"] .workspace-status-footer-message {
  opacity: .72 !important;
}

.workspace-status-footer[data-validation-state="staged"] .workspace-status-footer-message {
  color: color-mix(in srgb, var(--workspace-zone-ink, rgb(96,116,100)) 58%, rgba(17,17,17,.58)) !important;
}

@media (max-width: 760px) {
  .representation-workspace-panel .representation-workspace-body[data-workspace-body-shell] {
    min-height: 132px !important;
    gap: 8px !important;
  }

  .workspace-validation-cta-zone {
    min-height: 42px !important;
  }

  .workspace-validation-icon-cta,
  .workspace-validation-button.workspace-validation-icon-cta {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
  }

  .workspace-validation-icon-frame {
    width: 30px !important;
    height: 30px !important;
  }

  .workspace-validation-icon {
    width: 26px !important;
    height: 26px !important;
  }

  .workspace-status-footer,
  .representation-workspace-panel .workspace-status-footer {
    height: 27px !important;
    min-height: 27px !important;
    padding-inline: 9px !important;
  }

  #representationWorkspaceFooterMessage.workspace-status-footer-message,
  .workspace-status-footer-message {
    font-size: 10.2px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-validation-icon-cta[data-validation-state="processing"] .workspace-validation-icon {
    animation: none !important;
  }
}

.workspace-validation-cta-zone {
  padding-right: 26px !important;
}

.workspace-status-footer,
.representation-workspace-panel .workspace-status-footer {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 14px !important;
  background: rgba(255,255,255,.94) !important;
  border-color: rgba(0,0,0,.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.86),
    0 4px 10px rgba(20,18,14,.045) !important;
  transform: translateY(5px) !important;
  margin-bottom: -7px !important;
}

#representationWorkspaceFooterMessage.workspace-status-footer-message,
.workspace-status-footer-message {
  font-size: 12.8px !important;
  font-weight: 430 !important;
  line-height: 1.08 !important;
  letter-spacing: .006em !important;
  color: rgba(17,17,17,.62) !important;
}

.workspace-status-footer[data-validation-state="processing"] .workspace-status-footer-message {
  opacity: .74 !important;
}

.workspace-status-footer[data-validation-state="staged"] .workspace-status-footer-message {
  color: color-mix(in srgb, var(--workspace-zone-ink, rgb(96,116,100)) 46%, rgba(17,17,17,.62)) !important;
}

@media (max-width: 760px) {
  .workspace-validation-cta-zone {
    padding-right: 22px !important;
  }

  .workspace-status-footer,
  .representation-workspace-panel .workspace-status-footer {
    height: 30px !important;
    min-height: 30px !important;
    padding-inline: 10px !important;
    transform: translateY(4px) !important;
    margin-bottom: -6px !important;
  }

  #representationWorkspaceFooterMessage.workspace-status-footer-message,
  .workspace-status-footer-message {
    font-size: 11.6px !important;
  }
}

.header-guidance-hint {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) translateY(.5px);
  z-index: calc(var(--z-header-layer, 120) + 2);
  max-width: min(520px, calc(100vw - 760px));
  min-height: 22px;
  display: grid;
  place-items: center;
  padding: 4px 15px 4.5px;
  border: 1px solid rgba(20, 20, 20, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .74);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .86),
    0 7px 18px rgba(24, 22, 18, .08);
  color: rgba(24, 24, 22, .74);
  font-size: 11px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .012em;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 180ms ease, visibility 180ms ease, transform 180ms ease;
}

.header-guidance-hint.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}

.header-guidance-hint::before {
  content: 'step by step';
  position: absolute;
  left: 50%;
  top: -12px;
  z-index: 1;
  display: block;
  width: max-content;
  max-width: 96px;
  color: rgba(24, 24, 22, .46);
  font-size: 9.5px;
  font-weight: 400;
  font-style: italic;
  line-height: 1;
  letter-spacing: .012em;
  text-transform: lowercase;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%);
}

.header-guidance-hint.is-visible::before {
  opacity: 1;
  visibility: visible;
}

body.intro-active .header-guidance-hint,
body.representation-workspace-open .header-guidance-hint {
  opacity: 0;
  visibility: hidden;
}

@media (max-width: 1180px) {
  .header-guidance-hint {
    max-width: 320px;
    font-size: 10.5px;
    padding-inline: 12px;
  }
}

@media (max-width: 900px) {
  .header-guidance-hint {
    display: none;
  }
}

.intro-access-button,
.atlas-intro-layer .intro-access-button {
  width: 36% !important;
  min-width: 122px !important;
  max-width: 148px !important;
}

body.representation-workspace-open .header-guidance-hint.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, -50%);
}

@media (max-width: 760px) {
  .intro-access-button,
  .atlas-intro-layer .intro-access-button {
    width: 48% !important;
    min-width: 112px !important;
    max-width: 142px !important;
  }
}