.nav-icon {
 display: inline-block;
 width: 22px;
 height: 22px;
 flex: 0 0 22px;
 vertical-align: middle;
 color: inherit;
 pointer-events: none;
}

#nav a {
 gap: 11px;
}

#nav a > .nav-icon {
 opacity: .88;
}

#nav a:hover > .nav-icon,
#nav a.active > .nav-icon {
 opacity: 1;
}

#nav a.active > .nav-icon {
 color: var(--green);
}

.customer-hub-tabs .nav-icon,
.customer-hub-export .nav-icon {
 width: 19px;
 height: 19px;
 flex-basis: 19px;
}

@media (max-width: 720px) {
 #nav a {
  gap: 9px;
 }
}

/* Provider marks retain their original artwork and proportions. */
.provider-logo{object-fit:contain;color:#111}
.service-switch{position:relative;display:inline-flex;align-items:center;gap:11px;flex-shrink:0;margin:0;cursor:pointer;font-size:13px;font-weight:550;line-height:1.4}
.service-switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.service-switch-track{position:relative;display:inline-block;width:52px;height:32px;flex:0 0 52px;border-radius:99px;background:#a7aaa9;transition:background .18s ease;box-shadow:inset 0 0 0 1px #00000005}
.service-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0002;transition:transform .18s ease}
.service-switch input:checked+.service-switch-track{background:#2f8066}
.service-switch input:checked+.service-switch-track:after{transform:translateX(20px)}
.service-switch input:focus-visible+.service-switch-track{outline:3px solid #468e77;outline-offset:4px}
.service-switch:has(input:disabled){cursor:default;opacity:.5}
.service-connection-description{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 22px;max-width:850px}
@media(prefers-reduced-motion:reduce){.service-switch-track,.service-switch-track:after{transition:none}}