.navigation{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:start;row-gap:10px;grid-column:span 12;list-style:none}.navigation__item{display:block;background-color:#fff;grid-column:span 6;position:relative;overflow:hidden}.navigation__link{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-align:center;min-height:2.25rem;border:1px solid #d9d9d9;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;padding:0 1rem}.navigation__link:not(.navigation__link--disable):hover{background-color:var(--color-button-light-hover)}.navigation__link--disable{font-weight:600;color:var(--color-text-secondary);background-color:var(--color-secondary)}@media (min-width:48rem){.navigation{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}}@media (min-width:62rem){.navigation__item{grid-column:span 3}}@media (max-width:62rem) and (min-width:32rem){.navigation__item{grid-column:span 4}}@media (min-width:80rem){.navigation__link{font-size:20px;min-height:48px}}