.Navigation{position:fixed;top:0;left:0;width:100%;z-index:9998;transition:background-color ease 0.3s,box-shadow ease 0.3s}
.Navigation.isOpen{background-color:var(--color-bg-base)}
.Navigation.isOpen .Navigation-toggle svg path{fill:var(--color-text-base)}
.Navigation-brand{flex:0 0 300px;padding:1rem 0}
.Navigation-logo{box-shadow:none;height:40px;border-radius:0}
.Navigation-menu{display:flex;align-items:stretch}
.Navigation-menu--mobile{position:fixed;top:var(--spacing-navbar);left:0;width:100%;height:0;background-color:var(--color-bg-base);z-index:9999;flex-direction:column;padding:0;overflow-y:hidden;transition:height ease 0.3s,padding ease 0.3s}
.Navigation-menu--mobile.isActive{visibility:visible;opacity:1;height:calc(100vh - var(--spacing-navbar));overflow-y:auto;padding:1rem 0}
.Navigation-menu--mobile .Navigation-item{color:var(--color-text-base) !important}
.Navigation-itemWrapper{position:relative}
.Navigation-itemWrapper:hover{background-color:var(--color-primary-transparent)}
.Navigation-itemWrapper--sitePicker .Navigation-subNavWrapper{min-width:100%}
.Navigation-itemWrapper--sitePicker .Navigation-item--child{justify-content:center;padding:1rem 2rem;gap:1rem}
.Navigation-flag{width:30px;border-radius:0;box-shadow:none}
.Navigation-item{display:inline-flex;align-items:center;font-weight:bold;color:var(--color-primary);text-decoration:none;transition:all ease 0.3s;height:100%;box-sizing:border-box;padding:0 1rem}
.Navigation-item:hover,.Navigation-item:focus,.Navigation-item:active{color:var(--color-primary-accent)}
.Navigation-item:hover + .Navigation-subNavWrapper,.Navigation-item:focus + .Navigation-subNavWrapper,.Navigation-item:active + .Navigation-subNavWrapper{visibility:visible;opacity:1}
.Navigation-itemIcon{transform:rotate(90deg);margin-left:0.5rem}
.Navigation-itemIcon svg{width:0.7rem;height:0.7rem}
.Navigation-itemIcon svg path{fill:var(--color-muted)}
.Navigation-item--child{border-radius:var(--border-radius-btn);padding:0.5rem 0.8rem;white-space:nowrap;margin:2px}
.Navigation-item--child:hover,.Navigation-item--child:focus,.Navigation-item--child:active{background-color:var(--color-primary-transparent)}
.Navigation-subNavWrapper{position:absolute;top:100%;right:0;min-width:200px;visibility:hidden;opacity:0;transition:all ease 0.3s;padding-top:5px}
.Navigation-subNavWrapper:hover{visibility:visible;opacity:1}
.Navigation-subNav{display:flex;flex-direction:column;background-color:var(--color-bg-base);box-shadow:var(--shadow-base);z-index:9999;border-radius:var(--border-radius-btn);text-align:right}
.Navigation-toggle{display:none;background-color:transparent;border:none;cursor:pointer}
.Navigation-toggle svg{width:2rem;height:2rem}
.Navigation-toggle svg path{transition:fill ease 0.3s}
.Navigation-toggle:hover,.Navigation-toggle:focus,.Navigation-toggle:active{background-color:transparent;outline:none !important}
.Navigation-toggle:hover svg path,.Navigation-toggle:focus svg path,.Navigation-toggle:active svg path{fill:var(--color-primary-accent)}
.Navigation--transparent{background-color:transparent;box-shadow:none}
.Navigation--transparent .Navigation-item{color:var(--color-white)}
.Navigation--transparent .Navigation-itemWrapper:hover,.Navigation--transparent .Navigation-itemWrapper:focus,.Navigation--transparent .Navigation-itemWrapper:active{background-color:var(--color-white-transparent)}
.Navigation--transparent .Navigation-item--child:hover,.Navigation--transparent .Navigation-item--child:focus,.Navigation--transparent .Navigation-item--child:active{background-color:var(--color-white-transparent)}
.Navigation--transparent .Navigation-itemIcon svg path{fill:var(--color-white)}
.Navigation--transparent .Navigation-subNav{background-color:var(--color-white-transparent)}
.Navigation--transparent .Navigation-toggle svg path{fill:var(--color-white)}
.Navigation--transparent.isScrolled{background-color:var(--color-bg-base);box-shadow:var(--shadow-base)}
.Navigation--transparent.isScrolled .Navigation-item{color:var(--color-text-base)}
.Navigation--transparent.isScrolled .Navigation-item:hover,.Navigation--transparent.isScrolled .Navigation-item:focus,.Navigation--transparent.isScrolled .Navigation-item:active{color:var(--color-primary)}
.Navigation--transparent.isScrolled .Navigation-itemWrapper:hover,.Navigation--transparent.isScrolled .Navigation-itemWrapper:focus,.Navigation--transparent.isScrolled .Navigation-itemWrapper:active{background-color:var(--color-primary-transparent)}
.Navigation--transparent.isScrolled .Navigation-item--child:hover,.Navigation--transparent.isScrolled .Navigation-item--child:focus,.Navigation--transparent.isScrolled .Navigation-item--child:active{background-color:var(--color-primary-transparent)}
.Navigation--transparent.isScrolled .Navigation-itemIcon svg path{fill:var(--color-muted)}
.Navigation--transparent.isScrolled .Navigation-subNav{background-color:var(--color-white)}
.Navigation--solid{background-color:var(--color-bg-base);box-shadow:var(--shadow-base)}
.Navigation--solid .Navigation-item{color:var(--color-text-base)}
.Navigation--solid .Navigation-item:hover,.Navigation--solid .Navigation-item:focus,.Navigation--solid .Navigation-item:active{color:var(--color-primary)}
.Navigation--solid .Navigation-itemWrapper:hover,.Navigation--solid .Navigation-itemWrapper:focus,.Navigation--solid .Navigation-itemWrapper:active{background-color:var(--color-primary-transparent)}
.Navigation--solid .Navigation-item--child:hover,.Navigation--solid .Navigation-item--child:focus,.Navigation--solid .Navigation-item--child:active{background-color:var(--color-primary-transparent)}
.Navigation--solid .Navigation-itemIcon svg path{fill:var(--color-muted)}
.Navigation--solid .Navigation-subNav{background-color:var(--color-white)}
@media (max-width:768px){.Navigation-menu--desktop{display:none}.Navigation-toggle{display:inline-block}.Navigation-itemWrapper{display:flex;justify-content:space-between}.Navigation-item{padding:1rem;font-size:1.4rem;width:100%;background-color:transparent}.Navigation-item--child{font-size:1.2rem}.Navigation-subNavToggle{border:none;background-color:var(--color-accent);padding:0 1rem}.Navigation-subNavToggle svg{transform:rotate(90deg)}.Navigation-subNavWrapper{position:static;visibility:visible;opacity:1;padding-top:0;background-color:var(--color-primary-transparent);height:0;overflow:hidden}.Navigation-subNav{box-shadow:none;background-color:transparent !important}}