.top-nav{display:flex;align-items:center;justify-content:space-between;height:60px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;z-index:1000}.top-nav .logo{width:130px;height:45px}.top-nav .avatar{margin-right:10px}.option-switcher{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.option-switcher .option{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1 1;padding:10px;border-radius:4px;position:relative}.option-switcher .option.selected{background-color:#eaf3f5}.option-switcher .option .info{position:absolute;top:10px;right:10px}.option-switcher .option span{text-align:center}.bottom-nav{display:flex;align-items:center;justify-content:space-around;height:60px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative;z-index:1000}.bottom-nav .nav-button{cursor:pointer;width:85px}.nav-button{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#a9c1d0;font-weight:100}.nav-button.active span{color:#698099;font-weight:600}