.header-sticky-wrapper{position:sticky;top:0;z-index:99}.header{background:var(--white);border-bottom:1px solid #0093e9;padding-block:.75rem;position:relative;transition:background var(--transition-speed) ease;@media (min-width:64rem){background:transparent;border-bottom-color:currentcolor;border-bottom-style:none;border-bottom-width:medium;&.scrolled{background:var(--white);border-bottom:1px solid #0093e9;& .header-link{color:var(--twitch-purple);&:before{background:var(--twitch-purple)}}}}}.header-mobile-menu-button-wrapper{display:block;height:20px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:30px;z-index:99;@media (min-width:64rem){display:none}}.header-mobile-menu-button{background:none;border:none;display:flex;flex-direction:column;height:100%;justify-content:center;padding:0;width:100%;&[aria-expanded=true]{& .mobile-menu-bar{&.top{left:2px;top:3px;transform:rotate(45deg);width:50%}&.middle{transform:rotate(-45deg)}&.bottom{right:2px;top:14px;transform:rotate(45deg);width:50%;z-index:-1}}}}.mobile-menu-bar{background:var(--jertron-bg-gradient);border-radius:.25rem;display:block;height:4px;position:absolute;transform:rotate(0deg);transition:transform .2s ease,left .2s ease,right .2s ease,top .2s ease;width:100%;&.top{top:0}&.bottom{bottom:0}}.header-mobile-menu-wrapper{background:var(--white);border-top:1px solid #0093e9;display:block;left:0;opacity:0;position:absolute;top:0;transform:translateY(0);transition:visibility .2s ease,opacity .2s ease,transform .2s ease;visibility:hidden;width:100%;&.show{opacity:1;transform:translateY(4.5rem);visibility:visible}@media (min-width:48rem){&.show{transform:translateY(5.5rem)}}@media (min-width:64rem){display:none}}.header-mobile-menu-ul{flex-direction:column;gap:1.75rem;list-style:none;margin-block:0;padding:2rem}.header-wrapper{@media (min-width:64rem){justify-content:space-between}}.header-logo-wrapper{aspect-ratio:1;width:3rem;@media (min-width:48rem){width:4rem}@media (min-width:64rem){width:4.5rem}}.header-logo{border-radius:50%}.header-links-nav{&.desktop-nav{display:none}@media (min-width:64rem){&.mobile-nav{display:none}&.desktop-nav{align-items:center;display:flex;gap:1.75rem;justify-content:center}}@media (min-width:90rem){&.desktop-nav{gap:2.5rem}}}.header-link{color:var(--white);font-size:1.125rem;text-decoration:none;&.mobile-link{-webkit-background-clip:text;background-image:var(--jertron-bg-gradient);-webkit-text-fill-color:transparent}@media (min-width:64rem){position:relative;transition:color var(--transition-speed) ease;&:before{background:var(--white);border-radius:.5rem;bottom:-.125rem;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .2s ease;width:100%}&:hover{&:before{transform:scaleX(1)}}}}.header-desktop-cta-wrapper{align-items:center;display:none;@media (min-width:64rem){display:flex}}.header-cta{align-items:center;background:var(--twitch-purple);border-color:var(--_twitch-purple-hover);color:var(--white);display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;justify-content:center;margin-inline:auto;max-width:576px}.header-desktop-cta{--_twitch-purple-hover:#a970ff;transition:background .2s ease;&:hover{background:var(--_twitch-purple-hover)}}