.m3-ripple-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;border-radius:inherit}.m3-ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.m3-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:12px 0 16px;position:relative;text-decoration:none;-webkit-tap-highlight-color:transparent;width:100%;flex:1;outline:none;color:var(--md-sys-color-on-surface-variant);transition:color .2s linear}.m3-nav-item.active{color:var(--md-sys-color-on-surface)}.m3-nav-icon-wrapper{position:relative;width:64px;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:4px;border-radius:16px}.m3-nav-icon-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:16px;z-index:1}.m3-nav-active-indicator{position:absolute;height:100%;background-color:var(--md-sys-color-secondary-container);border-radius:16px;z-index:0;left:50%;transform:translate(-50%)}.m3-nav-icon{position:relative;z-index:2;transition:color .2s linear,transform .2s cubic-bezier(.2,0,0,1)}.m3-nav-item.active .m3-nav-icon{color:var(--md-sys-color-on-secondary-container);transform:scale(1.1)}.m3-nav-label{font-family:Google Sans,sans-serif;font-size:12px;font-weight:500;letter-spacing:.1px;line-height:16px;transition:font-weight .2s linear,color .2s linear}.m3-nav-item.active .m3-nav-label{font-weight:700;color:var(--md-sys-color-on-surface)}.m3-nav-state-layer{position:absolute;inset:0;background-color:var(--md-sys-color-on-surface);opacity:0;border-radius:16px;transition:opacity .15s linear;z-index:2;pointer-events:none}.m3-nav-item:hover .m3-nav-state-layer{opacity:.08}.m3-nav-item:focus-visible .m3-nav-state-layer{opacity:.12}.md-bottom-nav .m3-nav-item .m3-ripple-container{inset:-12px 0 -16px}