:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem);--maxWidthUserProfile:calc((1024/16)*1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header__logo-img{width:auto;height:2.5rem}
:root{--purpleGradientBackground:linear-gradient(to top left,#b19cd8,#ccb7e5,#e6d1f2);--greenGradientBackground:linear-gradient(to top left,#43bc43,#8dd88d,#d8f3d8);--purpleGradientBackgroundHover:linear-gradient(to top left,#7c3aed,#6d28d9,#3730a3);--greenGradientBackgroundHover:linear-gradient(to top left,#16a34a,#059669,#0f766e);--primaryButtonColor:#7c3aed;--primaryButtonColorHover:#5527a3;--primaryPurpleColor:#7c3aed;--primaryPurpleColorDarker:#5527a3;--primaryGreenColor:#16a34a;--primaryGreenColorDarker:#105c2c;--headerTextColor:#333;--headerBackgroundColor:#fff;--headerLinkHoverBackgroundColor:#0000000f;--headerOverlayBackgroundColor:#00000052;--headerBoxShadow:0 2px 8px #0000001a;--contentBorderRadius:10px;--headerHeight:calc((60/16)*1rem);--headerPaddingTopBottom:1rem;--headerPaddingLeftRight:1rem;--totalHeaderHeight:calc(var(--headerHeight) + (var(--headerPaddingTopBottom)*2));--buttonBorderRadius:.5rem;--maxWidthContent:calc((1440/16)*1rem);--maxWidthHeader:calc((1920/16)*1rem);--maxWidthReading:calc((768/16)*1rem);--maxWidthUserProfile:calc((1024/16)*1rem)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.headerMenu{top:var(--headerHeight);z-index:1000;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.headerMenu--open{pointer-events:auto}.headerMenu.hubHeaderMenu{top:var(--headerHeight)}.headerMenu__overlay{background-color:var(--headerOverlayBackgroundColor);opacity:0;transition:all .3s;position:absolute;inset:0}.headerMenu--open .headerMenu__overlay{opacity:1}.headerMenu__content{background-color:var(--headerBackgroundColor);flex-direction:column;width:17.5rem;max-width:85vw;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.headerMenu__content--open{transform:translate(0)}.headerMenu__body{padding:var(--headerPaddingLeftRight);flex:1;overflow-y:auto}.headerMenu__section{margin-bottom:2em}.headerMenu__section:last-child{margin-bottom:0}.headerMenu__section-title{margin-bottom:1rem;font-size:1.25rem;font-weight:600;line-height:1.875rem}.headerMenu__section-title--first{color:var(--primaryPurpleColor)}.headerMenu__section-title--second{color:var(--primaryGreenColor)}.headerMenu__link{border-radius:var(--buttonBorderRadius);color:var(--headerTextColor);padding:.75em 1em;font-size:1rem;text-decoration:none;transition:all .2s;display:block}.headerMenu__link--active{background-color:var(--headerLinkHoverBackgroundColor);pointer-events:none;color:var(--headerTextColor)}@media (hover:hover){.headerMenu__link:hover{background-color:var(--headerLinkHoverBackgroundColor);transform:translate(4px)}}.headerMenu__link:active{background-color:var(--headerLinkHoverBackgroundColor);background-color:var(--headerLinkHoverBackgroundColor);transform:translate(4px)}@media (hover:hover){.headerMenu__section:has(.headerMenu__section-title--first) .headerMenu__link:hover{color:var(--primaryPurpleColor)}}.headerMenu__section:has(.headerMenu__section-title--first) .headerMenu__link:active{color:var(--primaryPurpleColor)}.headerMenu__section:has(.headerMenu__section-title--first) .headerMenu__link--active{color:var(--headerBackgroundColor);background-color:var(--primaryPurpleColor)}@media (hover:hover){.headerMenu__section:has(.headerMenu__section-title--second) .headerMenu__link:hover{color:var(--primaryGreenColor)}}.headerMenu__section:has(.headerMenu__section-title--second) .headerMenu__link:active{color:var(--primaryGreenColor)}.headerMenu__section:has(.headerMenu__section-title--second) .headerMenu__link--active{color:var(--headerBackgroundColor);background-color:var(--primaryGreenColor)}