: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)}}.headerMenuFooter{padding:.75rem var(--headerPaddingLeftRight);border-top:1px solid #efefef;flex-shrink:0;justify-content:center;align-items:center;display:flex}
: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)}}.userMenu{top:var(--headerHeight);z-index:1000;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.userMenu--open{pointer-events:auto}.userMenu.hubUserMenu{top:var(--headerHeight)}.userMenu__overlay{background-color:var(--headerOverlayBackgroundColor);opacity:0;transition:all .3s;position:absolute;inset:0}.userMenu--open .userMenu__overlay{opacity:1}.userMenu__content{background-color:var(--headerBackgroundColor);width:17.5rem;max-width:85vw;padding:var(--headerPaddingLeftRight);flex-direction:column;transition:transform .3s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.userMenu__content--open{transform:translate(0)}.userMenu__section{margin-bottom:2em}.userMenu__section:last-child{margin-bottom:0}.userMenu__item{margin-bottom:.5em}.userMenu__link{border-radius:var(--buttonBorderRadius);color:var(--headerTextColor);padding:.75em 1em;font-size:1rem;text-decoration:none;transition:all .2s;display:block}.userMenu__link--active{background-color:var(--headerLinkHoverBackgroundColor);pointer-events:none;color:var(--headerTextColor)}@media (hover:hover){.userMenu__link:hover{background-color:var(--headerLinkHoverBackgroundColor);transform:translate(-4px)}}.userMenu__link:active{background-color:var(--headerLinkHoverBackgroundColor);background-color:var(--headerLinkHoverBackgroundColor);transform:translate(-4px)}
: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)}}.userNotifications{border-bottom:1px solid var(--headerLinkHoverBackgroundColor);flex-direction:column;flex:1;margin-bottom:2em;display:flex;position:relative;overflow-y:hidden}.userNotifications:after{content:"";background:linear-gradient(to bottom,transparent 40%,var(--headerBackgroundColor)100%);pointer-events:none;height:33%;position:absolute;bottom:0;left:0;right:0}.userNotifications__header{border-bottom:1px solid var(--headerLinkHoverBackgroundColor);align-items:center;gap:.5em;margin-bottom:.25em;padding:.5em 0 .75em;font-size:.875rem;line-height:1.3125rem;display:flex}.userNotifications__title{text-transform:uppercase;letter-spacing:.06em;color:var(--headerTextColor);opacity:.5;font-size:.875rem;font-weight:600;line-height:1.3125rem}.userNotifications__badge{color:var(--primaryPurpleColor);font-weight:700}.userNotifications__actions{border-bottom:1px solid var(--headerLinkHoverBackgroundColor);gap:.5em;margin-bottom:.25em;padding:.5em 0;display:flex}.userNotifications__action{border-radius:var(--buttonBorderRadius);background:var(--headerLinkHoverBackgroundColor);color:var(--headerTextColor);cursor:pointer;border:none;flex:1;padding:.4em .5em;font-size:.75rem;line-height:1.125rem;transition:all .2s}@media (hover:hover){.userNotifications__action:hover{background-color:var(--headerLinkHoverBackgroundColor);opacity:.7}}.userNotifications__action:active{background-color:var(--headerLinkHoverBackgroundColor);opacity:.7}.userNotifications__action--danger{color:#e53e3e}.userNotifications__list{scrollbar-width:none}.userNotifications__list::-webkit-scrollbar{display:none}.userNotifications__list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}.userNotifications__item{border-radius:var(--buttonBorderRadius);cursor:pointer;align-items:flex-start;gap:.65em;margin-top:.5rem;padding:.65em .75em;transition:background-color .2s;display:flex;position:relative}.userNotifications__item--unread{background-color:var(--headerLinkHoverBackgroundColor)}@media (hover:hover){.userNotifications__item:hover{background-color:var(--headerLinkHoverBackgroundColor)}}.userNotifications__item:active{background-color:var(--headerLinkHoverBackgroundColor)}.userNotifications__icon.material-symbols-outlined{color:var(--primaryPurpleColor);font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;font-size:1.125rem;line-height:1.6875rem;display:inline-flex}.userNotifications__body{flex:1;min-width:0}.userNotifications__text{color:var(--headerTextColor);white-space:normal;margin:0 0 .2em;font-size:.875rem;line-height:1.4}.userNotifications__user{font-weight:600}.userNotifications__time{color:var(--headerTextColor);opacity:.45;font-size:.75rem;line-height:1.125rem}.userNotifications__dot{background-color:var(--primaryPurpleColor);border-radius:50%;flex-shrink:0;width:.45em;height:.45em;margin-top:.45em}