.mily-header-navigation{height:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.mily-header-navigation .navigation-item{color:#cfc4ee;cursor:pointer;text-align:center}.mily-header-navigation .navigation-item svg{width:20px;height:20px;filter:invert(83%) sepia(5%) saturate(2362%) hue-rotate(209deg) brightness(100%) contrast(87%)}@media(min-width:1023px){.mily-header-navigation .navigation-item svg{display:none}}.mily-header-navigation .navigation-item.active{background-color:#7159bd;color:#fff}.mily-header-navigation .navigation-item.active svg{filter:invert(100%) sepia(15%) saturate(7439%) hue-rotate(173deg) brightness(117%) contrast(113%)}.mily-header-navigation .navigation-item .portal-icon{display:none}@media(max-width:1023px){.mily-header-navigation.mily-header-navigation{flex-grow:1}.mily-header-navigation.mily-header-navigation .navigation-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-grow:1;font-size:11px;font-weight:500}.mily-header-navigation.mily-header-navigation .navigation-item span{margin:0 10px}.mily-header-navigation.mily-header-navigation .navigation-item .portal-icon{display:block;margin-left:0}.mily-header-navigation.mily-header-navigation .navigation-item.active{font-weight:600}}.mily-header-navigation.un-authorized{grid-template-columns:1fr 1fr}.mily-header-navigation.un-authorized .navigation-item svg{filter:none}@media(min-width:1023px){.mily-header-navigation{line-height:normal;grid-template-columns:repeat(4,minmax(98px,1fr))}.mily-header-navigation .navigation-item{color:rgba(0,0,0,.85);font-weight:500;align-self:center;height:36px;transition:.1s ease-out;display:flex;align-items:center;justify-content:center}.mily-header-navigation .navigation-item span{display:inline-block;height:36px;padding:10px 5px;transition:.1s ease-out}.mily-header-navigation .navigation-item.active{color:#7159bd;position:relative;background:#fff}.mily-header-navigation .navigation-item.active span{transition:.1s ease-in;height:36px;padding:11px 7px 11px 5px}.mily-header-navigation .navigation-item.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40%;height:2px;background:#7159bd}.mily-header-navigation .navigation-item:hover:not(.active){transition:.1s ease-in;color:#7159bd;position:relative;background:#fff}.mily-header-navigation .navigation-item:hover:not(.active) span{transition:.1s ease-in;height:36px;padding:11px 7px 11px 5px}.mily-header-navigation .navigation-item:hover:not(.active):after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:40%;height:2px;background:#7159bd}}.family-view-qr-button{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border:1px solid #d0d5dd;border-radius:99px;font-size:14px;cursor:pointer;background:var(--themeColor,#7159bd);color:#fff}.btn-unassigned-passes{position:relative}.btn-unassigned-passes .fa-circle{width:16px;height:16px;line-height:16px;text-align:center;border-radius:30px;background:#faad14;color:#fff;position:absolute;top:-2px;right:-2px;font-size:10px}.family-ui-sidebar-menu-switcher{height:44px;border-radius:32px;padding:10px 12px;border:1px solid #d0d5dd;display:flex;align-items:center;gap:6px;color:rgba(0,0,0,.65);cursor:pointer;position:relative}.family-ui-sidebar-menu-switcher:hover{box-shadow:0 1px 2px 0 rgba(16,24,40,.0509803922);color:#1d2939}.family-ui-sidebar-menu-switcher .userIcon{font-size:24px}.family-ui-sidebar-menu-switcher .bar{font-size:14px}.family-ui-sidebar-menu-switcher .notifications-count{height:19px;line-height:19px;text-align:center;border-radius:30px;background:#faad14;color:#fff;position:absolute;top:-6px;right:-8px;font-size:10px;padding:0 8px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:2px;box-shadow:0 4px 4px 0 rgba(22,16,2,.2509803922)}