/* The support helper's refraction and fine grain, with surface-specific tints. */
.envoy-help-filter-defs { position: fixed; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.envoy-glass,
.envoy-mobile-nav {
  isolation: isolate;
  border: 1px solid rgba(255, 255, 255, .5);
  border-top-color: #fff;
  background: linear-gradient(125deg, rgba(255, 255, 255, .28), rgba(255, 255, 255, .06) 48%, rgba(255, 255, 255, .18));
  box-shadow: 0 12px 32px rgba(29, 29, 31, .1), inset 0 -1px 1px rgba(255, 255, 255, .35);
  -webkit-backdrop-filter: blur(1.5px) saturate(120%);
  backdrop-filter: url('#envoyHelpRefraction') blur(1.5px) saturate(120%);
}
.envoy-glass::before,
.envoy-mobile-nav::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: url('/home/demo/envoy-reference/envoy-help-glass.svg') repeat;
  pointer-events: none;
}
.envoy-glass-dark,
.envoy-mobile-nav {
  color: #f5f5f7;
  border-color: rgba(255, 255, 255, .1);
  border-top-color: rgba(255, 255, 255, .35);
  background: linear-gradient(125deg, rgba(18, 18, 21, .78), rgba(18, 18, 21, .62) 48%, rgba(18, 18, 21, .72));
  box-shadow: 0 12px 32px rgba(0, 0, 0, .28);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .envoy-glass { background: rgba(250, 250, 252, .97); }
  .envoy-glass-dark, .envoy-mobile-nav { background: rgba(28, 28, 30, .97); }
}