: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)}}.feedPost{box-shadow:var(--headerBoxShadow);margin-left:calc(var(--headerPaddingLeftRight)*-1);margin-right:calc(var(--headerPaddingLeftRight)*-1);width:calc(100% + var(--headerPaddingLeftRight)*2);scroll-margin-top:calc(var(--headerHeight) + 20px);background-color:#fffffff2;overflow:hidden}@media only screen and (min-width:48rem){.feedPost{border-radius:var(--contentBorderRadius)}}
: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)}}.feedPostHeader{padding:calc(var(--headerPaddingLeftRight)*1.5/2)var(--headerPaddingLeftRight);border-bottom:1px solid #e6e6e6;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.feedPostHeader__user{align-items:center;gap:.5rem;text-decoration:none;display:flex}@media (hover:hover){.feedPostHeader__user:hover .feedPostHeader__user__username{color:var(--primaryPurpleColor)}}.feedPostHeader__user:active .feedPostHeader__user__username{color:var(--primaryPurpleColor)}.feedPostHeader__user__avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.feedPostHeader__user__username{color:var(--headerTextColor);font-weight:600;transition:color .2s}
: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)}}.feedPostOptions{position:relative}.feedPostOptions__icon.material-symbols-outlined{cursor:pointer;color:var(--headerTextColor);font-size:1.5rem;line-height:2.25rem;display:inline-flex}.feedPostOptions__menu{border-radius:var(--contentBorderRadius);box-shadow:var(--headerBoxShadow);z-index:1000;background-color:#fffffff2;border:1px solid #e6e6e6;padding:.5rem;display:none;position:absolute;top:100%;right:0}
: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)}}.feedPostButton{--fill:0;--icon-color:var(--headerTextColor);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:1.5rem;line-height:2.25rem;display:flex}.feedPostButton__icon.material-symbols-outlined{font-size:inherit;color:var(--icon-color);font-variation-settings:"FILL" var(--fill),"wght" 400,"GRAD" 0,"opsz" 24;display:inline-flex}.feedPostButton__count{color:var(--headerTextColor);font-size:1.0625rem;line-height:1.59375rem}.feedPostButton--fillIcon{--fill:1;--icon-color:var(--primaryPurpleColor)}.feedPostButton--pending{cursor:wait}.feedPostButton.feedPostButton__comment-like{font-size:1.0625rem;line-height:1.59375rem}.feedPostButton.feedPostButton__comment-like .material-symbols-outlined{font-variation-settings:"FILL" var(--fill),"wght" 600,"GRAD" 0,"opsz" 16}.feedPostButton.feedPostButton__comment-like .feedPostButton__count{font-size:.8125rem;line-height:1.21875rem}.feedPostButton.feedPostButton__delete,.feedPostButton.feedPostButton__report{--fill:0;--icon-color:#ef4444;cursor:pointer;border-radius:var(--buttonBorderRadius);padding:.2rem .4rem;font-size:1rem;line-height:1.5rem}.feedPostButton.feedPostButton__delete label,.feedPostButton.feedPostButton__report label{cursor:pointer;color:var(--icon-color)}.feedPostButton.feedPostButton__delete .material-symbols-outlined,.feedPostButton.feedPostButton__report .material-symbols-outlined{font-variation-settings:"FILL" var(--fill),"wght" 400,"GRAD" 0,"opsz" 16;font-size:1.125rem;line-height:1.6875rem}@media (hover:hover){.feedPostButton.feedPostButton__delete:hover,.feedPostButton.feedPostButton__report:hover{--fill:1;background-color:var(--icon-color);color:#fff}.feedPostButton.feedPostButton__delete:hover label,.feedPostButton.feedPostButton__report:hover label,.feedPostButton.feedPostButton__delete:hover .material-symbols-outlined,.feedPostButton.feedPostButton__report:hover .material-symbols-outlined{color:#fff}}.feedPostButton.feedPostButton__delete:active,.feedPostButton.feedPostButton__report:active{--fill:1;background-color:var(--icon-color);color:#fff}.feedPostButton.feedPostButton__delete:active label,.feedPostButton.feedPostButton__report:active label,.feedPostButton.feedPostButton__delete:active .material-symbols-outlined,.feedPostButton.feedPostButton__report:active .material-symbols-outlined{color:#fff}
: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)}}.feedPostContent__text{padding:var(--headerPaddingLeftRight)}.feedPostContent__text p{color:var(--headerTextColor);font-size:1rem;line-height:1.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)}}.feedPostGallery{position:relative}.feedPostGallery__gallery{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;display:flex;overflow:auto hidden}.feedPostGallery__gallery::-webkit-scrollbar{display:none}.feedPostGallery__gallery__image{scroll-snap-align:start;scroll-snap-stop:always;background-color:#f0f0f0;flex:0 0 100%;width:100%}.feedPostGallery__gallery__image img{width:100%;height:auto;display:block}.feedPostGallery__controls{pointer-events:none;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.feedPostGallery__controls .controls__navigation{justify-content:space-between;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.feedPostGallery__controls .controls__indicator{justify-content:center;gap:.5rem;width:100%;display:flex;position:absolute;bottom:1rem;left:0}.feedPostGallery__controls .controls__indicator--dot{background-color:#ffffff92;border-radius:50%;width:.5rem;height:.5rem;display:inline-block}.feedPostGallery__controls .controls__indicator--dot.active{background-color:#fff;scale:1.3}