/* KernWi-Fi Website V4.2 shared sidebar styling 42.1 */
.nav-v21-sections{display:flex;flex-direction:column;gap:12px;padding-bottom:18px}.nav-v21-section-heading{margin:0 0 5px;padding:0 13px;color:rgba(118,209,255,.65);font-size:.56rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.nav-v21-list{margin:0;padding:0;list-style:none}.nav-v21-item{position:relative;margin:1px 0}.nav-v21-link{width:100%;min-height:34px;padding:7px 11px;border:0;border-radius:9px;display:grid;grid-template-columns:18px minmax(0,1fr) 12px;align-items:center;gap:8px;color:rgba(220,234,255,.88);background:transparent;font:inherit;font-size:.69rem;text-align:left;text-decoration:none;cursor:pointer}.nav-v21-link:hover,.nav-v21-link:focus-visible,.nav-v21-item.is-open>.nav-v21-link,.nav-v21-link.is-active{color:#fff;background:linear-gradient(90deg,rgba(41,168,255,.2),rgba(41,168,255,.06))}.nav-v21-icon,.nav-v21-chevron{display:grid;place-items:center;color:#76d1ff}.nav-v21-icon{width:18px;height:18px}.nav-v21-icon svg{width:16px;height:16px;display:block;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-v21-chevron{font-size:.82rem}.nav-v21-panel{position:absolute;left:calc(100% + 17px);top:-70px;width:min(720px,calc(100vw - 290px));padding:22px;border:1px solid rgba(118,209,255,.22);border-radius:19px;color:#dceaff;background:#051222;box-shadow:0 30px 76px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,255,255,.025);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-8px);transition:opacity .17s ease,visibility .17s ease,transform .17s ease;z-index:350}.nav-v21-panel[aria-hidden="false"]{opacity:1;visibility:visible;pointer-events:auto;transform:none}.nav-v21-panel-head{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(118,209,255,.15)}.nav-v21-panel-head h2{margin:0;color:#fff;font-size:1.15rem}.nav-v21-panel-intro{margin:5px 0 0;color:rgba(205,224,245,.76);font-size:.72rem;line-height:1.45}.nav-v21-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.nav-v21-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-v21-group h3{margin:0 0 8px;color:#76d1ff;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.nav-v21-group a{display:block;padding:7px 8px;border-radius:8px;color:rgba(226,238,252,.92);font-size:.72rem;text-decoration:none}.nav-v21-group a:hover,.nav-v21-group a:focus-visible{color:#fff;background:rgba(41,168,255,.1)}.nav-v21-group a strong,.nav-v21-group a span{display:block}.nav-v21-group a span{margin-top:3px;color:rgba(190,215,245,.68);font-size:.65rem;line-height:1.35}.nav-v21-cta{margin-top:16px;padding:12px 14px;border:1px solid rgba(118,209,255,.18);border-radius:11px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;background:rgba(41,168,255,.07);font-size:.74rem}.nav-v21-cta a{min-height:38px;padding:0 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-weight:800}.nav-v21-cta-secondary{border:1px solid rgba(118,209,255,.28);background:rgba(118,209,255,.06)}.nav-v21-cta-primary{border:1px solid rgba(118,209,255,.42);background:linear-gradient(115deg,rgba(8,124,240,.92),rgba(16,95,214,.94))}.nav-v21-account-panel{top:-220px;width:min(650px,calc(100vw - 290px))}.nav-v21-support-panel{top:-310px;width:min(650px,calc(100vw - 290px))}.nav-v21-item.has-flyout::after{content:"";position:absolute;left:100%;top:-8px;width:24px;height:calc(100% + 16px);background:transparent;pointer-events:auto;z-index:349}#shared-sidebar[aria-busy="true"]{min-height:100vh}#shared-sidebar.sidebar-load-failed{padding:18px}.shared-sidebar-fallback{display:grid;gap:10px;color:#dceaff;font-size:.78rem}.shared-sidebar-fallback a{color:#76d1ff}@media(max-width:1060px){.nav-v21-panel,.nav-v21-item.has-flyout::after{display:none!important}}

/* KernWi-Fi shared sidebar stacking fix 42.2 */
.sidebar.nav-v42,
#shared-sidebar.sidebar.nav-v42 {
  position: sticky !important;
  z-index: 1000 !important;
  overflow: visible !important;
  isolation: auto !important;
}

.nav-v21-item.has-flyout {
  z-index: 1001 !important;
}

.nav-v21-item.has-flyout::after {
  z-index: 1002 !important;
}

.nav-v21-panel {
  z-index: 1010 !important;
}

/* KernWi-Fi compact nbn flyout mark 42.11 */
.nav-nbn-mark {
  display: inline-block;
  margin-left: 0.04em;
  font-size: 0.40em;
  line-height: 1;
  vertical-align: super;
  letter-spacing: 0;
}

/* Kern-WiFi compact flyout overview links 42.19 */
.nav-v21-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}
.nav-v21-overview-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 12px;
  border: 1px solid rgba(118,209,255,.25);
  border-radius: 999px;
  color: #a8ddff;
  background: rgba(38,170,255,.07);
  font-size: .76rem;
  font-weight: 750;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}
.nav-v21-overview-link:hover,
.nav-v21-overview-link:focus-visible {
  border-color: rgba(118,209,255,.55);
  color: #fff;
  background: rgba(38,170,255,.14);
}
.nav-v21-overview-link:focus-visible {
  outline: 2px solid #76d1ff;
  outline-offset: 2px;
}
@media(max-width:640px) {
  .nav-v21-panel-head { align-items: flex-start; }
  .nav-v21-overview-link { padding: 7px 10px; font-size: .72rem; }
}

/* Kern-WiFi sidebar group spacing 42.27 */
.nav-v21-section-heading{margin-top:20px;margin-bottom:7px}

/* KernWi-Fi compact sidebar groups v42.29 */
.nav-v21-sections {
  gap: 0 !important;
  margin-top: 14px !important;
}

.nav-v21-section {
  margin: 0 !important;
}

.nav-v21-section + .nav-v21-section {
  margin-top: 12px !important;
}

.nav-v21-section-heading {
  margin: 0 0 5px 12px !important;
  font-size: 0.69rem !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.12em !important;
}

.nav-v21-list {
  gap: 1px !important;
}

.nav-v21-item {
  margin: 0 !important;
}

@media (max-width: 760px) {
  .nav-v21-sections {
    margin-top: 12px !important;
  }

  .nav-v21-section + .nav-v21-section {
    margin-top: 10px !important;
  }

  .nav-v21-section-heading {
    margin-bottom: 4px !important;
  }
}

/* KernWi-Fi sidebar section heading icons v42.30 */
.nav-v21-section-heading {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.nav-v21-section-icon {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  display: inline-grid !important;
  place-items: center !important;
  color: #76d1ff !important;
  opacity: 0.9 !important;
}

.nav-v21-section-icon svg {
  width: 12px !important;
  height: 12px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

/* KernWi-Fi sidebar section heading alignment v42.31 */
.nav-v21-section-heading {
  margin-left: 4px !important;
  padding-left: 0 !important;
}

/* KernWi-Fi navigation complete desktop pass 42.20 */
#shared-sidebar.has-open-flyout .nav-v21-link.is-active:not([aria-expanded="true"]) {
  color: rgba(220, 234, 255, 0.88) !important;
  background: transparent !important;
}
#shared-sidebar.has-open-flyout .nav-v21-item.is-open > .nav-v21-link {
  color: #ffffff !important;
  background: linear-gradient(90deg, rgba(41, 168, 255, 0.20), rgba(41, 168, 255, 0.06)) !important;
}
.nav-v21-panel {
  max-height: calc(100vh - 32px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: rgba(118, 209, 255, 0.38) transparent;
}
.nav-v21-panel::-webkit-scrollbar { width: 8px; }
.nav-v21-panel::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(118, 209, 255, 0.32);
}
.nav-v21-group a { min-height: 48px; box-sizing: border-box; }
.nav-v21-group a strong { line-height: 1.3; }
.nav-v21-group a span { min-height: 1.75em; }
@media (min-width: 1061px) and (max-height: 760px) {
  .nav-v21-panel { padding: 18px !important; }
  .nav-v21-panel-head { margin-bottom: 12px !important; padding-bottom: 11px !important; }
  .nav-v21-grid { gap: 10px !important; }
  .nav-v21-group a { min-height: 42px; padding: 5px 7px !important; }
  .nav-v21-cta { margin-top: 12px !important; }
}

/* KernWi-Fi final flyout text colours 42.24 */
.nav-v21-group a strong {
  color: #eef6ff !important;
  font-weight: 800 !important;
}

.nav-v21-group a span {
  color: rgba(181, 204, 228, 0.70) !important;
  font-weight: 400 !important;
}

.nav-v21-group a:hover strong,
.nav-v21-group a:focus-visible strong {
  color: #ffffff !important;
}

.nav-v21-group a:hover span,
.nav-v21-group a:focus-visible span {
  color: rgba(215, 233, 250, 0.90) !important;
}

/* KernWi-Fi short viewport sidebar scrolling 42.35 */
@media (min-width: 1061px) and (max-height: 820px) {
  #shared-sidebar.sidebar.nav-v42 {
    height: 100dvh !important;
    max-height: 100dvh !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
  }

  #shared-sidebar .sidebar-brand,
  #shared-sidebar .sidebar-home-link {
    flex: 0 0 auto;
  }

  #shared-sidebar .nav-v21-sections {
    flex: 1 1 auto;
    min-height: 0;
    padding-right: 5px;
    padding-bottom: 34px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-gutter: stable;
    scrollbar-width: thin;
    scrollbar-color: rgba(118, 209, 255, 0.42) transparent;
    -webkit-overflow-scrolling: touch;
  }

  #shared-sidebar .nav-v21-sections::-webkit-scrollbar {
    width: 7px;
  }

  #shared-sidebar .nav-v21-sections::-webkit-scrollbar-track {
    background: transparent;
  }

  #shared-sidebar .nav-v21-sections::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(118, 209, 255, 0.42);
  }

  #shared-sidebar .nav-v21-sections::-webkit-scrollbar-thumb:hover {
    background: rgba(118, 209, 255, 0.68);
  }

  #shared-sidebar .nav-v21-panel {
    position: fixed !important;
    top: 16px !important;
    left: 260px !important;
    max-height: calc(100dvh - 32px) !important;
  }
}

/* KernWi-Fi invisible sidebar scrollbar 42.36 */
@media (min-width: 1061px) and (max-height: 820px) {
  #shared-sidebar .nav-v21-sections {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  #shared-sidebar .nav-v21-sections::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  #shared-sidebar .nav-v21-sections::-webkit-scrollbar-track,
  #shared-sidebar .nav-v21-sections::-webkit-scrollbar-thumb {
    background: transparent;
  }
}