:root{--comp-navigation-height: 60px;@media screen and (min-width: 768px){--comp-navigation-height: 64px}}.navigation{height:var(--comp-navigation-height);position:sticky;top:0;z-index:10;background-color:var(--sys-color-background)}.navigation__sections{display:grid;display:flex;justify-content:space-between;height:100%}.navigation__section{display:flex;align-items:stretch;justify-content:space-between;flex:1 1 100%}.navigation__section--center{justify-content:center;align-items:center}.navigation__section--start{justify-content:flex-start}.navigation__section--end{justify-content:flex-end}.navigation__button{--comp-btn-padding-inline: .875rem;--comp-btn-padding-block: .875rem;display:flex;align-items:center;justify-content:center;aspect-ratio:unset;border-radius:0;height:100%;position:relative;&:not(.btn--icon-only):after{content:"";width:100%;height:1px;position:absolute;bottom:-1px;left:0;opacity:0;background-color:var(--sys-color-foreground);transition:opacity var(--sys-motion-duration-medium-3) var(--sys-motion-easing-standard)}&.is-active:after{opacity:1}@media screen and (max-width: 767px){&.btn{padding-inline:var(--sys-spacing-2)}}}.navigation__mobile-btn{@media screen and (min-width: 768px){display:none}}.navigation__desktop-btn{@media screen and (max-width: 767px){display:none}}.navigation__logo-wrapper{position:relative}.navigation__logo,.navigation__back-btn{transition-property:opacity,visibility;transition-duration:var(--sys-motion-duration-short-3);transition-timing-function:var(--sys-motion-easing-standard)}.btn.navigation__logo{width:118px;height:46px;padding-block:0;box-sizing:content-box;@media screen and (max-width: 767px){width:100px;height:40px;&.is-hidden{opacity:0;pointer-events:none;visibility:hidden}}.btn__icon,.icon{width:100%;height:100%}}.navigation__back-btn{position:absolute;inset-block-start:0;inset-inline-start:var(--sys-spacing-3);opacity:0;pointer-events:none;visibility:hidden;background-color:var(--sys-color-background);@media screen and (max-width: 767px){&.is-visible{opacity:1;pointer-events:auto;visibility:visible}}}