/* One shared navigation layout for every route and both languages. */
body[data-route=login] #main-navigation{display:none}
body[data-route=login]{padding-bottom:0}
body[data-route=login] .account-access{min-height:calc(100dvh - 62px)}
#main-navigation{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;justify-content:normal;height:calc(78px + env(safe-area-inset-bottom,0px));padding:10px 8px calc(10px + env(safe-area-inset-bottom,0px));gap:0;background:#ffffffed;border-top:1px solid #e3eef6;box-shadow:0 -3px 20px #b2d3e516}
#main-navigation>a,#main-navigation>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;min-height:56px;width:auto;height:auto;flex:initial;flex-basis:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;color:#8293a5;text-decoration:none;font-size:11px;line-height:16px}
#main-navigation .nav-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:#526b82}
#main-navigation .nav-icon svg{display:block;width:26px;height:26px;stroke-width:1.5;fill:none;color:inherit}
#main-navigation .nav-label{display:block;font-size:11px;line-height:16px;font-weight:400;white-space:nowrap;letter-spacing:0;color:inherit}
#main-navigation>a:after,#main-navigation>button:after{content:none;display:none}
#main-navigation>a.active{color:#389fe3}
#main-navigation>a.active .nav-icon{color:#389fe3}
#main-navigation>a.active:not(.tap-nav):after{content:'';display:block;position:absolute;left:calc(50% - 7px);bottom:0;width:14px;height:2px;margin:0;border-radius:2px;background:#4aace9}
#main-navigation .tap-nav{position:relative;overflow:visible}
#main-navigation .tap-nav .nav-icon{position:absolute;top:-28px;width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,#73bee9,#2784d6);box-shadow:0 4px 12px #3a9bd63b;color:#fff}
#main-navigation .tap-nav .nav-icon svg{width:29px;height:29px;stroke-width:1.7;fill:none;color:#fff}
#main-navigation .tap-nav .nav-label{margin-top:33px}
#main-navigation .tap-nav.active .nav-icon{background:linear-gradient(145deg,#56b6ed,#1979cc);box-shadow:0 4px 14px #3a9bd65c}
#main-navigation .tap-nav.active .nav-label{font-weight:500}
#main-navigation>*:focus-visible{outline:2px solid #66b4e9;outline-offset:2px;border-radius:8px}