: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)}}.galleryButton{--fill:0;--icon-color:white;aspect-ratio:1;cursor:pointer;background:#0006;border:none;border-radius:50%;flex:0 48px;justify-content:center;align-items:center;font-size:1.75rem;line-height:2.625rem;transition:background .2s;display:flex}.galleryButton__icon.material-symbols-outlined{font-size:inherit;color:var(--icon-color);font-variation-settings:"FILL" var(--fill),"wght" 300,"GRAD" 0,"opsz" 28;display:inline-flex}@media (hover:hover){.galleryButton:hover{background:#000000a6}}.galleryButton:active{background:#000000a6}.galleryButton:disabled{opacity:.3;cursor:default}@media (hover:hover){.galleryButton:disabled:hover{background:#0006}}.galleryButton:disabled:active{background:#0006}.galleryButton.galleryButton__navigation{--fill:0;--icon-color:var(--headerTextColor);aspect-ratio:1;pointer-events:auto;cursor:pointer;background:#fffd;border:1px solid #0002;border-radius:50%;flex:0 30px;justify-content:center;align-items:center;font-size:1.5rem;line-height:2.25rem;transition:all .2s;display:flex}.galleryButton.galleryButton__navigation .material-symbols-outlined{font-variation-settings:"FILL" var(--fill),"wght" 600,"GRAD" 0,"opsz" 24}@media (hover:hover){.galleryButton.galleryButton__navigation:hover:not(:disabled){background:#fff}}.galleryButton.galleryButton__navigation:active:not(:disabled){background:#fff}.galleryButton.galleryButton__navigation:disabled{opacity:0;pointer-events:none}@media (pointer:coarse){.galleryButton.galleryButton__navigation{display:none}}.galleryButton.galleryButton__textOnly{flex:unset;aspect-ratio:unset;pointer-events:auto;cursor:pointer;border:none;border-radius:20px;padding:6px 18px;font-size:.875rem;font-weight:500;line-height:1.3125rem;transition:background .2s}.galleryButton.galleryButton__textOnly--cancel{color:#fff;background:#0006}@media (hover:hover){.galleryButton.galleryButton__textOnly--cancel:hover{background:#000000a6}}.galleryButton.galleryButton__textOnly--cancel:active{background:#000000a6}.galleryButton.galleryButton__textOnly--save{color:#000;background:#ffffffe6}@media (hover:hover){.galleryButton.galleryButton__textOnly--save:hover{background:#fff}}.galleryButton.galleryButton__textOnly--save:active{background:#fff}
