/* Study B is scoped to the About dialog while its own transition runs. */
#information.wd-b-active {
  overflow: hidden;
  isolation: isolate;
  background: transparent;
  border-color: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#information.wd-b-active .wd-b-surface {
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(137deg, #f8fbfb, #fff 48%, #f0f8f8);
  will-change: clip-path;
}
#information.wd-b-active .wd-b-surface::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: var(--wd-b-light, 0);
  background:
    radial-gradient(ellipse 32% 17% at 23% 17%, #fff 0 14%, #c8e6e85c 35%, transparent 100%),
    radial-gradient(ellipse 30% 11% at 78% 73%, #fff 0 8%, #b5dce059 42%, transparent 100%),
    linear-gradient(122deg, transparent 20%, #ffffffad 33%, transparent 45%, #c8e4e72b 68%, transparent 78%);
}
#information.wd-b-active > :not(.wd-b-surface) {
  opacity: var(--wd-b-copy, 0);
}
#information.wd-b-opening::backdrop { animation: wd-b-backdrop-in 960ms ease both; }
#information.wd-b-closing::backdrop { animation: wd-b-backdrop-out 780ms ease both; }
@keyframes wd-b-backdrop-in {
  from { background: transparent; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); }
  to { background: #e7eff15c; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
}
@keyframes wd-b-backdrop-out {
  from { background: #e7eff15c; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
  to { background: transparent; backdrop-filter: blur(0); -webkit-backdrop-filter: blur(0); }
}