/* Single hex grid. Linked from boot.html + layout. Covering shells share html's rule so a portal does not hide it. */
html,
#portal-root,
.ms-header-root,
#real-overlay,
#transition-overlay,
.verifying-glass,
.bdm-overlay {
  background-color: #010100;
  background-image:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.321%22%20height%3D%2230%22%20viewBox%3D%220%200%2017.321%2030%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2255%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.04%22%2F%3E%3Cstop%20offset%3D%2260%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.029%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.0146%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.008%22%20stroke-width%3D%22.3%22%3E%3Cpolygon%20points%3D%22-8.66%2C-24.30%20-0.61%2C-19.65%20-0.61%2C-10.35%20-8.66%2C-5.70%20-16.71%2C-10.35%20-16.71%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%228.66%2C-24.30%2016.71%2C-19.65%2016.71%2C-10.35%208.66%2C-5.70%200.61%2C-10.35%200.61%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C-24.30%2034.03%2C-19.65%2034.03%2C-10.35%2025.98%2C-5.70%2017.93%2C-10.35%2017.93%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%22-17.32%2C-9.30%20-9.27%2C-4.65%20-9.27%2C4.65%20-17.32%2C9.30%20-25.37%2C4.65%20-25.37%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%220.00%2C-9.30%208.05%2C-4.65%208.05%2C4.65%200.00%2C9.30%20-8.05%2C4.65%20-8.05%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%2217.32%2C-9.30%2025.37%2C-4.65%2025.37%2C4.65%2017.32%2C9.30%209.27%2C4.65%209.27%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%2234.64%2C-9.30%2042.70%2C-4.65%2042.70%2C4.65%2034.64%2C9.30%2026.59%2C4.65%2026.59%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%22-8.66%2C5.70%20-0.61%2C10.35%20-0.61%2C19.65%20-8.66%2C24.30%20-16.71%2C19.65%20-16.71%2C10.35%22%2F%3E%3Cpolygon%20points%3D%228.66%2C5.70%2016.71%2C10.35%2016.71%2C19.65%208.66%2C24.30%200.61%2C19.65%200.61%2C10.35%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C5.70%2034.03%2C10.35%2034.03%2C19.65%2025.98%2C24.30%2017.93%2C19.65%2017.93%2C10.35%22%2F%3E%3Cpolygon%20points%3D%22-17.32%2C20.70%20-9.27%2C25.35%20-9.27%2C34.65%20-17.32%2C39.30%20-25.37%2C34.65%20-25.37%2C25.35%22%2F%3E%3Cpolygon%20points%3D%220.00%2C20.70%208.05%2C25.35%208.05%2C34.65%200.00%2C39.30%20-8.05%2C34.65%20-8.05%2C25.35%22%2F%3E%3Cpolygon%20points%3D%2217.32%2C20.70%2025.37%2C25.35%2025.37%2C34.65%2017.32%2C39.30%209.27%2C34.65%209.27%2C25.35%22%2F%3E%3Cpolygon%20points%3D%2234.64%2C20.70%2042.70%2C25.35%2042.70%2C34.65%2034.64%2C39.30%2026.59%2C34.65%2026.59%2C25.35%22%2F%3E%3Cpolygon%20points%3D%22-8.66%2C35.70%20-0.61%2C40.35%20-0.61%2C49.65%20-8.66%2C54.30%20-16.71%2C49.65%20-16.71%2C40.35%22%2F%3E%3Cpolygon%20points%3D%228.66%2C35.70%2016.71%2C40.35%2016.71%2C49.65%208.66%2C54.30%200.61%2C49.65%200.61%2C40.35%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C35.70%2034.03%2C40.35%2034.03%2C49.65%2025.98%2C54.30%2017.93%2C49.65%2017.93%2C40.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
    radial-gradient(ellipse 100% 60% at 50% -10%, rgba(255, 255, 255, 0.04) 0%, transparent 60%);
  background-size: 31.2px auto, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-position: top left, top left;
  background-attachment: scroll, scroll;
}

@media (min-width: 768px) {
  html,
  #portal-root,
  .ms-header-root,
  #real-overlay,
  #transition-overlay,
  .verifying-glass,
  .bdm-overlay {
    background-image:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.321%22%20height%3D%2230%22%20viewBox%3D%220%200%2017.321%2030%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2255%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.04%22%2F%3E%3Cstop%20offset%3D%2260%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.029%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.0146%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.008%22%20stroke-width%3D%22.3%22%3E%3Cpolygon%20points%3D%22-8.66%2C-24.30%20-0.61%2C-19.65%20-0.61%2C-10.35%20-8.66%2C-5.70%20-16.71%2C-10.35%20-16.71%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%228.66%2C-24.30%2016.71%2C-19.65%2016.71%2C-10.35%208.66%2C-5.70%200.61%2C-10.35%200.61%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C-24.30%2034.03%2C-19.65%2034.03%2C-10.35%2025.98%2C-5.70%2017.93%2C-10.35%2017.93%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%22-17.32%2C-9.30%20-9.27%2C-4.65%20-9.27%2C4.65%20-17.32%2C9.30%20-25.37%2C4.65%20-25.37%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%220.00%2C-9.30%208.05%2C-4.65%208.05%2C4.65%200.00%2C9.30%20-8.05%2C4.65%20-8.05%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%2217.32%2C-9.30%2025.37%2C-4.65%2025.37%2C4.65%2017.32%2C9.30%209.27%2C4.65%209.27%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%2234.64%2C-9.30%2042.70%2C-4.65%2042.70%2C4.65%2034.64%2C9.30%2026.59%2C4.65%2026.59%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%22-8.66%2C5.70%20-0.61%2C10.35%20-0.61%2C19.65%20-8.66%2C24.30%20-16.71%2C19.65%20-16.71%2C10.35%22%2F%3E%3Cpolygon%20points%3D%228.66%2C5.70%2016.71%2C10.35%2016.71%2C19.65%208.66%2C24.30%200.61%2C19.65%200.61%2C10.35%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C5.70%2034.03%2C10.35%2034.03%2C19.65%2025.98%2C24.30%2017.93%2C19.65%2017.93%2C10.35%22%2F%3E%3Cpolygon%20points%3D%22-17.32%2C20.70%20-9.27%2C25.35%20-9.27%2C34.65%20-17.32%2C39.30%20-25.37%2C34.65%20-25.37%2C25.35%22%2F%3E%3Cpolygon%20points%3D%220.00%2C20.70%208.05%2C25.35%208.05%2C34.65%200.00%2C39.30%20-8.05%2C34.65%20-8.05%2C25.35%22%2F%3E%3Cpolygon%20points%3D%2217.32%2C20.70%2025.37%2C25.35%2025.37%2C34.65%2017.32%2C39.30%209.27%2C34.65%209.27%2C25.35%22%2F%3E%3Cpolygon%20points%3D%2234.64%2C20.70%2042.70%2C25.35%2042.70%2C34.65%2034.64%2C39.30%2026.59%2C34.65%2026.59%2C25.35%22%2F%3E%3Cpolygon%20points%3D%22-8.66%2C35.70%20-0.61%2C40.35%20-0.61%2C49.65%20-8.66%2C54.30%20-16.71%2C49.65%20-16.71%2C40.35%22%2F%3E%3Cpolygon%20points%3D%228.66%2C35.70%2016.71%2C40.35%2016.71%2C49.65%208.66%2C54.30%200.61%2C49.65%200.61%2C40.35%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C35.70%2034.03%2C40.35%2034.03%2C49.65%2025.98%2C54.30%2017.93%2C49.65%2017.93%2C40.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
      radial-gradient(ellipse 100% 60% at 50% -10%, rgba(255, 255, 255, 0.04) 0%, transparent 60%);
    background-size: 41.6px auto, 100% 100%;
  }
}

@media (min-width: 1200px) {
  html,
  #portal-root,
  .ms-header-root,
  #real-overlay,
  #transition-overlay,
  .verifying-glass,
  .bdm-overlay {
    background-image:
      url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.321%22%20height%3D%2230%22%20viewBox%3D%220%200%2017.321%2030%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22g%22%20cx%3D%2250%25%22%20cy%3D%2250%25%22%20r%3D%2255%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.04%22%2F%3E%3Cstop%20offset%3D%2260%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.029%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220.0146%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22url%28%23g%29%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.008%22%20stroke-width%3D%22.3%22%3E%3Cpolygon%20points%3D%22-8.66%2C-24.30%20-0.61%2C-19.65%20-0.61%2C-10.35%20-8.66%2C-5.70%20-16.71%2C-10.35%20-16.71%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%228.66%2C-24.30%2016.71%2C-19.65%2016.71%2C-10.35%208.66%2C-5.70%200.61%2C-10.35%200.61%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C-24.30%2034.03%2C-19.65%2034.03%2C-10.35%2025.98%2C-5.70%2017.93%2C-10.35%2017.93%2C-19.65%22%2F%3E%3Cpolygon%20points%3D%22-17.32%2C-9.30%20-9.27%2C-4.65%20-9.27%2C4.65%20-17.32%2C9.30%20-25.37%2C4.65%20-25.37%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%220.00%2C-9.30%208.05%2C-4.65%208.05%2C4.65%200.00%2C9.30%20-8.05%2C4.65%20-8.05%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%2217.32%2C-9.30%2025.37%2C-4.65%2025.37%2C4.65%2017.32%2C9.30%209.27%2C4.65%209.27%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%2234.64%2C-9.30%2042.70%2C-4.65%2042.70%2C4.65%2034.64%2C9.30%2026.59%2C4.65%2026.59%2C-4.65%22%2F%3E%3Cpolygon%20points%3D%22-8.66%2C5.70%20-0.61%2C10.35%20-0.61%2C19.65%20-8.66%2C24.30%20-16.71%2C19.65%20-16.71%2C10.35%22%2F%3E%3Cpolygon%20points%3D%228.66%2C5.70%2016.71%2C10.35%2016.71%2C19.65%208.66%2C24.30%200.61%2C19.65%200.61%2C10.35%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C5.70%2034.03%2C10.35%2034.03%2C19.65%2025.98%2C24.30%2017.93%2C19.65%2017.93%2C10.35%22%2F%3E%3Cpolygon%20points%3D%22-17.32%2C20.70%20-9.27%2C25.35%20-9.27%2C34.65%20-17.32%2C39.30%20-25.37%2C34.65%20-25.37%2C25.35%22%2F%3E%3Cpolygon%20points%3D%220.00%2C20.70%208.05%2C25.35%208.05%2C34.65%200.00%2C39.30%20-8.05%2C34.65%20-8.05%2C25.35%22%2F%3E%3Cpolygon%20points%3D%2217.32%2C20.70%2025.37%2C25.35%2025.37%2C34.65%2017.32%2C39.30%209.27%2C34.65%209.27%2C25.35%22%2F%3E%3Cpolygon%20points%3D%2234.64%2C20.70%2042.70%2C25.35%2042.70%2C34.65%2034.64%2C39.30%2026.59%2C34.65%2026.59%2C25.35%22%2F%3E%3Cpolygon%20points%3D%22-8.66%2C35.70%20-0.61%2C40.35%20-0.61%2C49.65%20-8.66%2C54.30%20-16.71%2C49.65%20-16.71%2C40.35%22%2F%3E%3Cpolygon%20points%3D%228.66%2C35.70%2016.71%2C40.35%2016.71%2C49.65%208.66%2C54.30%200.61%2C49.65%200.61%2C40.35%22%2F%3E%3Cpolygon%20points%3D%2225.98%2C35.70%2034.03%2C40.35%2034.03%2C49.65%2025.98%2C54.30%2017.93%2C49.65%2017.93%2C40.35%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
      radial-gradient(ellipse 100% 60% at 50% -10%, rgba(255, 255, 255, 0.04) 0%, transparent 60%);
    background-size: 52.0px auto, 100% 100%;
  }
}