:root{--height-header-microsite:60px}
.header-microsite-component{position:relative;right:0;left:0;z-index:1031;opacity:1;margin-top:0;height:var(--height-header-microsite);background-color:var(--header-microsite-bg-color,transparent);color:var(--header-microsite-fg-color,transparent)}
.header-microsite-component.bg-primary{--header-microsite-bg-color:var(--primary-color-bg);--header-microsite-fg-color:var(--primary-color-fg)}
.header-microsite-component.bg-secondary{--header-microsite-bg-color:var(--secondary-color-bg);--header-microsite-fg-color:var(--secondary-color-fg)}
.header-microsite-component.bg-tertiary{--header-microsite-bg-color:var(--tertiary-color-bg);--header-microsite-fg-color:var(--tertiary-color-fg)}
.header-microsite-component.hide-header{transform:translateY(calc( var(--height-header-full) * -1))}
.header-microsite-component__container{display:flex;column-gap:16px;width:100%;height:var(--height-header-microsite)}
.header-microsite-component__logged{display:none}
.header-microsite-component__logged.show{display:flex}
.header-microsite-component__top{display:flex;align-items:center;width:fit-content}
.header-microsite-component__bottom{flex:1;margin-right:-16px;overflow-x:scroll;scroll-snap-type:x mandatory}
@media(min-width:576px){.header-microsite-component__bottom{overflow-x:clip;margin-right:0}
}
.header-microsite-component__nav{display:flex;align-items:center;width:100%;height:100%}
@media(min-width:576px){.header-microsite-component__nav{justify-content:flex-end}
}
@media(min-width:576px) and (min-width:1280px){.header-microsite-component__nav{display:flex}
}
.header-microsite-component__nav.is-open{display:block}
@media(min-width:1280px){.header-microsite-component__nav.is-open{display:flex}
}
.header-microsite-component__nav-list{display:flex;column-gap:18px;margin:0;padding:0 16px 0 0}
@media(min-width:576px){.header-microsite-component__nav-list{padding-right:0}
}
@media(min-width:1280px){.header-microsite-component__nav-list{column-gap:24px}
.header-microsite-component__nav-list:has(.header-microsite-component__nav-item:hover) .header-microsite-component__nav-item-link:not(.header-microsite-component__nav-item:hover){opacity:.5}
.header-microsite-component__nav-list:has(.header-microsite-component__nav-item:hover) .header-microsite-component__nav-item:hover .header-microsite-component__nav-item-link{opacity:1}
}
.header-microsite-component__nav-item{scroll-snap-align:start;font-family:var(--primary-font);font-size:16px;font-weight:400;line-height:.875;color:var(--header-microsite-fg-color,#fff)}
@media(min-width:1280px){.header-microsite-component__nav-item{letter-spacing:.65px}
.header-microsite-component__nav-item:hover .header-microsite-component__nav-item-link{opacity:1}
.header-microsite-component__nav-item:hover .header-microsite-component__nav-item-link>.header-microsite-component__nav-item-text::after{opacity:1}
}
.header-microsite-component__nav-item-text{position:relative;display:flex;align-items:center;column-gap:6px;padding-bottom:5px;white-space:nowrap}
@media(min-width:1280px){.header-microsite-component__nav-item-text::after{content:"";position:absolute;right:0;bottom:0;left:0;opacity:0;border-radius:1px;height:2px;background-color:currentColor}
.header-microsite-component__nav-item-text [class^="icon-hdr-"],.header-microsite-component__nav-item-text [class*=" icon-hdr-"]{font-size:22px}
}
.header-microsite-component__nav-item-link{display:inline-block;padding-top:8px;text-decoration:none;color:currentColor}
.header-microsite-component.isAuthor{position:static;margin-top:0;background-color:var(--header-microsite-bg-color,#000)}
.header + .header-micro-site .header-microsite-component__container{opacity:1;border-top:solid 1px var(--header-microsite-fg-color,#fff)}
.header:has(.header-component--standard.opened) + .header-micro-site{position:relative;top:63px}
.header:has(.header-component--standard.opened) + .header-micro-site .header-microsite-component{position:fixed;z-index:1030}
.header:has(.header-component--standard.opened) + .header-micro-site .header-microsite-component__container{opacity:0}
.header:has(.header-component--sticky) + .header-micro-site .header-microsite-component,.header:has(.header-component--hide-on-scroll) + .header-micro-site .header-microsite-component{--header-microsite-bg-color:transparent;--header-microsite-fg-color:#fff;position:fixed;top:var(--height-header)}
.header:has(.header-component--sticky) + .header-micro-site .header-microsite-component.isAuthor,.header:has(.header-component--hide-on-scroll) + .header-micro-site .header-microsite-component.isAuthor{position:static;background-color:#000;color:#fff}
.header:has(.header-component--sticky.opened) + .header-micro-site .header-microsite-component,.header:has(.header-component--hide-on-scroll.opened) + .header-micro-site .header-microsite-component{pointer-events:none}
.header:has(.header-component--sticky.opened) + .header-micro-site .header-microsite-component__container,.header:has(.header-component--hide-on-scroll.opened) + .header-micro-site .header-microsite-component__container{opacity:0}
@media(min-width:1280px){.header:has(.header-component--standard) + .header-micro-site .header-microsite-component{opacity:1;margin-top:-62px}
.header:has(.header-component--standard) + .header-micro-site .header-microsite-component.isAuthor{margin-top:0}
.header:has(.header-component--standard):has(.header-component__nav-item--childs:hover) + .header-micro-site .header-microsite-component{z-index:1031;opacity:0;pointer-events:none}
.header:has(.header-component--standard):has(.header-component__nav-item--childs:hover) + .header-micro-site .header-microsite-component__container{opacity:0}
.header:has(.header-component--sticky):has(.header-component__nav-item--childs:hover) + .header-micro-site .header-microsite-component,.header:has(.header-component--hide-on-scroll):has(.header-component__nav-item--childs:hover) + .header-micro-site .header-microsite-component{z-index:1031;opacity:0;pointer-events:none}
.header:has(.header-component--sticky):has(.header-component__nav-item--childs:hover) + .header-micro-site .header-microsite-component__container,.header:has(.header-component--hide-on-scroll):has(.header-component__nav-item--childs:hover) + .header-micro-site .header-microsite-component__container{opacity:0}
}
@media(prefers-reduced-motion:no-preference){.header-microsite-component{transition:transform var(--duration-gentle-1) ease-in-out}
.header-microsite-component::before,.header-microsite-component::after{transition:opacity var(--duration-gentle-2) ease-in-out}
.header-microsite-component__container{transition:opacity var(--duration-quick-1) ease-in-out}
.header:has(.header-component--standard:not(.opened)) + .header-micro-site .header-microsite-component{transition:opacity var(--duration-quick-1) ease-in-out;transition-delay:50ms}
.header:has(.header-component--standard:not(.opened)) + .header-micro-site .header-microsite-component__container{transition-delay:200ms}
.header:has(.header-component--sticky:not(.opened)) + .header-micro-site .header-microsite-component__container,.header:has(.header-component--hide-on-scroll:not(.opened)) + .header-micro-site .header-microsite-component__container{transition-delay:280ms}
.header:has(.header-component.opened) + .header-micro-site .header-microsite-component__container{transition-delay:50ms}
}
@media(prefers-reduced-motion:no-preference) and (min-width:1280px){.header-microsite-component__nav-item-text::after{right:50%;bottom:0;left:50%;z-index:-1;opacity:1;transition-property:left,right;transition-duration:var(--duration-moderate-2);transition-timing-function:ease-in-out}
}
@media(prefers-reduced-motion:no-preference) and (min-width:1280px){.header-microsite-component__nav-item:hover .header-microsite-component__nav-item-link>.header-microsite-component__nav-item-text::after{right:0;left:0}
}
@media(prefers-reduced-motion:no-preference) and (min-width:1280px){.header-microsite-component__nav-item-link{transition:opacity var(--duration-moderate-2) ease-in-out}
}
@media(prefers-reduced-motion:no-preference) and (min-width:1280px){.header:has(.header-component--standard:not(.opened)) + .header-micro-site .header-microsite-component__container{transition-delay:50ms}
}
@media(prefers-reduced-motion:no-preference) and (min-width:1280px){.header:has(.header-component--sticky:not(.opened)) + .header-micro-site .header-microsite-component__container,.header:has(.header-component--hide-on-scroll:not(.opened)) + .header-micro-site .header-microsite-component__container{transition-delay:50ms}
}