.nav-base-button{cursor:pointer;grid-row:content;height:100%;transition:filter .2s linear;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.nav-base-button--disabled{cursor:default;pointer-events:none}.nav-base-button--disabled img{opacity:.5;transform:scale(0)}.nav-base-button:hover:not(.nav-base-button--disabled){filter:brightness(1.5)}.nav-base{background-color:var(--bg);display:grid;grid-template-columns:[left] 5.25rem [content] auto [right] 5.25rem;grid-template-rows:[content] 100%;height:100%;justify-content:space-between;width:100%}.nav-base-left{animation-name:nav-base-rise-left;grid-column:left/span 1;justify-self:left}.nav-base-left,.nav-base-right{animation-duration:.3333s;animation-fill-mode:both;animation-iteration-count:1;animation-timing-function:cubic-bezier(.39,.575,.565,1)}.nav-base-left img,.nav-base-right img{transition:opacity .2s linear,transform .2s ease-in}.nav-base-slot{grid-column:content/span 1;grid-row:content}.nav-base-right{animation-name:nav-base-rise-right;grid-column:right/span 1;justify-self:right}@keyframes nav-base-rise-left{0%{opacity:.5;transform:translate(-50%,50%)}to{opacity:1;transform:translate(0)}}@keyframes nav-base-rise-right{0%{opacity:.5;transform:translate(50%,50%)}to{opacity:1;transform:translate(0)}}