/* Disabled groups are only selected by the diagnostics panel. */
html.effect-off-reveal .site-main > * {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

html.effect-off-parallax .layered[data-layer] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
  will-change: auto !important;
}

.layered.parallax-near { will-change: transform; }

html.effect-off-background-scroll .page-bg__inner { transform: none !important; will-change: auto !important; }
html.effect-preparing-svg .page-bg__svg { display: none !important; }
html.effect-off-svg-visible .page-bg__svg { display: none !important; }
html.effect-off-svg-blur .page-bg__blob { filter: none !important; }
html.effect-off-blob-1 .page-bg__blob--1,
html.effect-off-blob-2 .page-bg__blob--2,
html.effect-off-blob-3 .page-bg__blob--3,
html.effect-off-blob-4 .page-bg__blob--4 { display: none !important; }

/* Keep translation and scale while removing only the rotation. */
html.effect-off-svg-rotation .page-bg__blob--1 { animation-name: blobMoveNoRotate1 !important; }
html.effect-off-svg-rotation .page-bg__blob--2 { animation-name: blobMoveNoRotate2 !important; }
html.effect-off-svg-rotation .page-bg__blob--3 { animation-name: blobMoveNoRotate3 !important; }
html.effect-off-svg-rotation .page-bg__blob--4 { animation-name: blobMoveNoRotate4 !important; }
@keyframes blobMoveNoRotate1 { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(-8%, 4%, 0) scale(1.06); } }
@keyframes blobMoveNoRotate2 { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(5%, -4%, 0) scale(1.04); } }
@keyframes blobMoveNoRotate3 { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(4%, 5%, 0) scale(1.05); } }
@keyframes blobMoveNoRotate4 { from { transform: translate3d(0, 0, 0) scale(1); } to { transform: translate3d(6%, -3%, 0) scale(1.07); } }
html.effect-off-svg-motion .page-bg__blob { animation: none !important; will-change: auto !important; }

html.effect-off-css-blur .layered { filter: none !important; }
html.effect-off-backdrop-blur .box,
html.effect-off-backdrop-blur #header #main-menu {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html.effect-off-color-filters .section-cta ul.socials li a,
html.effect-off-color-filters .box-author.bg-primary footer .author-linkedin a { filter: none !important; }

#estigiti-perf-panel {
  position: fixed;
  z-index: 2147483647;
  right: max(12px, env(safe-area-inset-right));
  bottom: max(12px, env(safe-area-inset-bottom));
  width: min(310px, calc(100vw - 24px));
  color: #fff;
  background: rgba(20, 20, 20, .96);
  border: 1px solid #ffa300;
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0,0,0,.45);
  font: 13px/1.4 system-ui, sans-serif;
  text-align: left;
  overflow: hidden;
}
#estigiti-perf-panel * { box-sizing: border-box; }
#estigiti-perf-panel .perf-head { display: flex; align-items: stretch; }
#estigiti-perf-panel button {
  appearance: none;
  color: inherit;
  background: transparent;
  border: 0;
  font: inherit;
  cursor: pointer;
}
#estigiti-perf-panel .perf-toggle { flex: 1; padding: 10px 12px; text-align: left; font-weight: 700; }
#estigiti-perf-panel .perf-fps { color: #ffa300; }
#estigiti-perf-panel .perf-close { width: 38px; font-size: 24px; line-height: 1; }
#estigiti-perf-panel .perf-body { padding: 0 12px 12px; max-height: min(70vh, 480px); overflow-y: auto; }
#estigiti-perf-panel .perf-body[hidden] { display: none; }
#estigiti-perf-panel p { margin: 0 0 9px; color: #d6d6d6; font: inherit; }
#estigiti-perf-panel .perf-profile { color: #ffa300; font-weight: 700; }
#estigiti-perf-panel .perf-state { display: grid; gap: 4px; margin-bottom: 12px; }
#estigiti-perf-panel .perf-state > div { display: flex; justify-content: space-between; gap: 8px; }
#estigiti-perf-panel .perf-state strong { font-weight: 600; white-space: nowrap; }
#estigiti-perf-panel .perf-stats { padding-top: 9px; border-top: 1px solid #555; }
#estigiti-perf-panel .perf-rule { font-size: 11px; }
#estigiti-perf-panel button:focus-visible { outline: 2px solid #ffa300; outline-offset: 2px; }
