.navigation-bar{align-items:center;display:flex;pointer-events:none;position:sticky;top:0;width:100vw;z-index:300}@media screen and (max-width:64em){.navigation-bar{min-height:var(--navbar-height-mobile);padding-block:.5rem}}@media screen and (min-width:64.0625em){.navigation-bar{min-height:var(--navbar-height-desktop);padding-block:1rem}}.navigation-bar a,.navigation-bar button{pointer-events:auto}@media screen and (max-width:64em){.navigation-bar--scrolled:not(.navigation-bar--menu-open) .navigation-bar__logo{width:2rem}}@media screen and (min-width:64.0625em){.navigation-bar--scrolled:not(.navigation-bar--menu-open) .navigation-bar__logo{width:4rem}}.navigation-bar--scrolled:not(.navigation-bar--menu-open) .navigation-bar__logo svg{max-width:50vw;pointer-events:none}.navigation-bar--scrolled:not(.navigation-bar--menu-open) .navigation-bar__logo svg>path:not(.star){opacity:0}.navigation-bar__container{align-items:center;display:block;display:flex;height:100%;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:var(--grid-max-width-page);width:100%}@media screen and (max-width:31.25em){.navigation-bar__container{max-width:calc(var(--grid-max-width-page) + var(--grid-side-gap-sm)*2);padding-left:var(--grid-side-gap-sm);padding-right:var(--grid-side-gap-sm)}}@media screen and (min-width:31.3125em)and (max-width:64em){.navigation-bar__container{max-width:calc(var(--grid-max-width-page) + var(--grid-side-gap-md)*2);padding-left:var(--grid-side-gap-md);padding-right:var(--grid-side-gap-md)}}@media screen and (min-width:64.0625em){.navigation-bar__container{max-width:calc(var(--grid-max-width-page) + var(--grid-side-gap-lg)*2);padding-left:var(--grid-side-gap-lg);padding-right:var(--grid-side-gap-lg);padding-right:2rem}}a.navigation-bar__logo{background:none;border-color:#0000;color:inherit;display:block;text-decoration:none}a.navigation-bar__logo:active,a.navigation-bar__logo:focus,a.navigation-bar__logo:hover,a.navigation-bar__logo:visited{background:none;border-color:#0000;color:initial;text-decoration:none}a.navigation-bar__logo path{transition:opacity var(--transition-fast)}a.navigation-bar__logo:focus-visible{border-radius:1rem}@media screen and (max-width:64em){a.navigation-bar__logo{height:2rem}}@media screen and (min-width:64.0625em){a.navigation-bar__logo{height:4rem}}a.navigation-bar__logo svg{height:100%;width:auto}.navigation-bar__actions{align-items:center;display:flex;gap:var(--spacing-sm);height:100%}@media screen and (max-width:31.25em){.navigation-bar__actions{transform:translate(1.5rem)}}@media screen and (min-width:31.3125em)and (max-width:64em){.navigation-bar__actions{gap:.75rem}}@media screen and (min-width:64.0625em){.navigation-bar__actions{gap:1rem}}.navigation-bar__actions-sub{align-items:center;display:flex;height:100%}@media screen and (min-width:64.0625em){.navigation-bar__actions-sub{gap:.5rem}}@media screen and (max-width:31.25em){.navigation-bar__actions-sub--left{display:none}}@media screen and (min-width:31.3125em)and (max-width:64em){.base-button.navigation-bar__compact-button{padding-inline:1.125rem}}@media screen and (min-width:64.0625em){.base-button.navigation-bar__compact-button{padding-inline:1.325rem}.base-button.navigation-bar__search-button{padding-inline:.875rem}.navigation-bar--menu-open .base-button.navigation-bar__search-button{box-shadow:0 0 0 2px var(--color-mma-petrol-alpha-20);transition:none}.navigation-bar--menu-open .base-button.navigation-bar__search-button:hover{box-shadow:0 0 0 2px var(--color-mma-petrol);padding-inline:1.5rem;transition:var(--transition-medium)}}.navigation-bar__simple-link{display:none}@media screen and (min-width:81.25em){.navigation-bar__simple-link{display:inline-flex}}.base-button.navigation-bar__shaded-button.base-button--secondary{box-shadow:0 2px 3px 1px #0000001a}.navigation-bar__search-button.base-button.router-link-exact-active,.navigation-bar__shaded-button.base-button.router-link-exact-active,.navigation-bar__simple-link.base-button.router-link-exact-active{background-color:var(--color-mma-petrol);color:var(--color-lightest)}.navigation-bar__search-button.base-button.router-link-exact-active:before,.navigation-bar__shaded-button.base-button.router-link-exact-active:before,.navigation-bar__simple-link.base-button.router-link-exact-active:before{background-color:var(--color-mma-petrol)}@media screen and (max-width:31.25em){.navigation-bar__actions-sub--right{background-image:url(../marker-strokes/navmenu.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;gap:.5rem;padding:.5rem 1rem .625rem .625rem}.navigation-bar__actions-sub--right .base-button{margin:0}.navigation-bar__actions-sub--right .base-button .icon{font-size:1.5rem}}.dissapear-enter-active,.dissapear-leave-active{aspect-ratio:unset!important;transition:opacity var(--transition-medium),width var(--transition-medium),padding var(--transition-medium),border-width var(--transition-medium)}.dissapear-enter-from,.dissapear-leave-to{border-width:0!important;opacity:0!important;padding-inline:0!important;width:0!important}.fade-enter-active,.fade-leave-active{transition:opacity var(--transition-medium)}.fade-enter-from,.fade-leave-to{opacity:0}.layout{display:grid;grid-template-columns:100%;grid-template-rows:auto 1fr auto;min-height:100vh}.template{flex:1}