.hide-on-scroll{transition:transform .3s}.scroll-down .hide-on-scroll{transform:translateY(100%)}.header{z-index:10;pointer-events:none;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.header.hide-on-scroll{transition:transform .3s}@media (orientation:landscape){.header{width:62.5rem;max-width:calc(100% - 3rem);padding:0 3rem 1.5rem}}@media (orientation:portrait){.header{width:100%;max-width:47.5rem;padding:0 1.25rem 1rem}}.nav-bar{pointer-events:all;background:#1c274c;justify-content:space-between;align-items:center;width:100%;display:flex}.nav-bar__item-wrapper{display:contents}.nav-bar__divider{background:rgba(240,246,255,.3);flex-shrink:0}.nav-bar__item{cursor:pointer;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;display:flex}.nav-bar__item--active{background:#fff}.nav-bar__icon img{object-fit:contain;display:block}.nav-bar__label{color:#fff;text-align:center;white-space:nowrap;text-transform:uppercase;font-weight:600;line-height:1.2}.nav-bar__item--active .nav-bar__label{color:#1c274c}@media (orientation:landscape){.nav-bar{border-radius:1.25rem;padding:.75rem 1.5rem}.nav-bar__divider{width:.0625rem;height:3.375rem}.nav-bar__item{border-radius:.875rem;gap:.625rem;min-width:13.125rem;height:6.625rem;padding:0 .5rem}.nav-bar__item--active{padding:1.25rem 2rem}.nav-bar__icon img{width:3.375rem;height:3.375rem}.nav-bar__label{font-size:1.75rem}}@media (orientation:portrait){.nav-bar{border-radius:1.25rem;padding:.75rem 1.125rem}.nav-bar__divider{width:1px;height:3rem}.nav-bar__item{border-radius:.75rem;flex:1 1 0;gap:.5rem;min-width:0;height:6rem;padding:0 .5rem}.nav-bar__item--active{padding:1rem 1.5rem}.nav-bar__icon img{width:3.125rem;height:3.125rem}.nav-bar__label{font-size:1.125rem}}