.notifications{display:flex;flex-direction:column;gap:10px;width:100%}.notifications h2{margin-top:20px;font-size:1.25em}.notification{position:relative;padding:1rem 1rem 1rem 4rem;margin-left:-10px;margin-right:-10px;cursor:pointer;border-radius:12px;transition:background-color .3s;display:flex;align-items:center;background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.notification a{-webkit-tap-highlight-color:rgba(0,0,0,0);text-rendering:optimizeLegibility;text-decoration:none;color:inherit}.notification:focus{outline:none;box-shadow:0 0 0 2px var(--focus-color, rgba(0, 0, 0, 0.1))}.notification-link{display:block;text-decoration:none;color:inherit}.notification-link:hover{text-decoration:none;color:inherit}.notification-icon{color:#fff;position:absolute;top:1em;left:10px;width:2.5em;height:2.5em;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.notification-icon svg{height:1.25em;width:1.25em}.notification-timestamp{font-size:.875em;line-height:1.5;position:absolute;top:1em;right:1em;color:#777}.notification-content{flex:1}.notification-title{font-size:1.25em;padding-right:5em;margin:0;font-weight:700}.notification-description{font-size:1em;margin:.5em 0 0}.notification-cta{font-size:.875em;font-weight:600;opacity:1;transition:opacity .3s;display:inline-flex;align-items:center}.external-link-icon{width:1em;height:1em;margin-left:.3em;vertical-align:middle;fill:currentColor}.notification:hover .notification-cta{opacity:1}.notification-photo-gallery{display:grid;gap:10px;margin-top:10px;margin-bottom:10px;grid-template-columns:repeat(3, 1fr)}.notification-photo-gallery.single-photo{grid-template-columns:1fr;max-width:34rem;margin-left:0}.notification-photo-gallery.single-photo:has(.gallery-item:not(.portrait-image)){max-width:none}.notification-photo-gallery.single-photo .gallery-item{position:relative;width:100%}.notification-photo-gallery.single-photo .gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-item{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;aspect-ratio:1/1}.gallery-item::before{content:"";display:block;padding-bottom:100%}.single-photo .gallery-item{aspect-ratio:unset;height:0}.single-photo .gallery-item::before{display:none}.single-photo .gallery-item.portrait-image{padding-bottom:calc(100%/var(--aspect-ratio, 0.75))}.single-photo .gallery-item:not(.portrait-image){padding-bottom:calc(100%/var(--aspect-ratio, 1.77))}.gallery-item-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg, #f8f8f8 40%, #fafafa 50%, #f8f8f8 60%);background-size:200%;background-position:100%;animation:shimmer 2s infinite linear;transition:opacity .3s ease;z-index:2}[data-theme=dark] .gallery-item-placeholder{background:linear-gradient(-45deg, #2a2a2a 40%, #2d2d2d 50%, #2a2a2a 60%)}@keyframes shimmer{to{background-position-x:0%}}.gallery-item.loaded .gallery-item-placeholder{opacity:0;pointer-events:none}.gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:1;image-rendering:-webkit-optimize-contrast}.gallery-item.loaded img{opacity:1}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5em;font-weight:bold;z-index:3}.loading-spinner{width:24px;height:24px;border:3px solid rgba(0,0,0,.1);border-top-color:#777;border-radius:50%;animation:spin 1s linear infinite}[data-theme=dark] .loading-spinner{border-color:rgba(255,255,255,.1);border-top-color:#aaa}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width: 480px){.notification-photo-gallery:not(.single-photo){grid-template-columns:repeat(2, 1fr)}.notification-photo-gallery:not(.single-photo) .gallery-item:nth-child(n+5){display:none}.notification-photo-gallery.single-photo{max-width:100%}.notification-photo-gallery.single-photo .gallery-item{width:100%}.notification-photo-gallery.single-photo .gallery-item.portrait-image{padding-bottom:calc(100%/var(--aspect-ratio))}.notification-photo-gallery.single-photo .gallery-item:not(.portrait-image){padding-bottom:calc(100%/var(--aspect-ratio))}}.notification-photo-gallery:not(.single-photo) .gallery-item:nth-child(n+7){display:none}@media(max-width: 480px){.notification-title{font-size:1em}.notification-description{font-size:.875em}}.notification[data-category=stream]{--category-color-000: var(--purple-000);--category-color-100: var(--purple-100);--category-color-200: var(--purple-200);--category-color-400: var(--purple-400);--category-color-900: var(--purple-900)}.notification[data-category=collab]{--category-color-000: var(--grape-000);--category-color-100: var(--grape-100);--category-color-200: var(--grape-200);--category-color-400: var(--grape-400);--category-color-900: var(--grape-900)}.notification[data-category=schedule]{--category-color-000: var(--green-000);--category-color-100: var(--green-100);--category-color-200: var(--green-200);--category-color-400: var(--green-400);--category-color-900: var(--green-900)}.notification[data-category=update]{--category-color-000: var(--cyan-000);--category-color-100: var(--cyan-100);--category-color-200: var(--cyan-200);--category-color-400: var(--cyan-400);--category-color-900: var(--cyan-900)}.notification[data-category=instagram]{--category-color-000: var(--grape-000);--category-color-100: var(--grape-100);--category-color-200: var(--grape-200);--category-color-400: var(--grape-400);--category-color-900: var(--grape-900)}.notification[data-category=twitter]{--category-color-000: var(--gray-000);--category-color-100: var(--gray-100);--category-color-200: var(--gray-200);--category-color-400: var(--gray-400);--category-color-900: var(--gray-900)}.notification[data-category=merch]{--category-color-000: var(--teal-000);--category-color-100: var(--teal-100);--category-color-200: var(--teal-200);--category-color-400: var(--teal-400);--category-color-900: var(--teal-900)}.notification[data-category=ad]{--category-color-000: var(--teal-000);--category-color-100: var(--teal-100);--category-color-200: var(--teal-200);--category-color-400: var(--teal-400);--category-color-900: var(--teal-900)}.notification[data-category=post]{--category-color-000: var(--blue-000);--category-color-100: var(--blue-100);--category-color-200: var(--blue-200);--category-color-400: var(--blue-400);--category-color-900: var(--blue-900)}.notification[data-category=photos]{--category-color-000: var(--blue-000);--category-color-100: var(--blue-100);--category-color-200: var(--blue-200);--category-color-400: var(--blue-400);--category-color-900: var(--blue-900)}.notification[data-category=youtube]{--category-color-000: var(--red-000);--category-color-100: var(--red-100);--category-color-200: var(--red-200);--category-color-400: var(--red-400);--category-color-900: var(--red-900)}.notification[data-category=tiktok]{--category-color-000: var(--red-000);--category-color-100: var(--red-100);--category-color-200: var(--red-200);--category-color-400: var(--red-400);--category-color-900: var(--red-900)}.notification .notification-icon{background-color:var(--category-color-400)}.notification:hover{background-color:var(--category-color-100)}.notification:focus{--focus-color: var(--category-color-200)}.notification .notification-cta{color:var(--category-color-900)}[data-theme=dark] .notification:hover{background-color:var(--category-color-000)}.update-section{transition:opacity .3s ease;min-height:50px}.update-section .notifications-list{opacity:1}@keyframes shimmer{to{background-position-x:0%}}.gallery-item-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg, #f8f8f8 40%, #fafafa 50%, #f8f8f8 60%);background-size:200%;background-position:100%;animation:shimmer 2s infinite linear;transition:opacity .3s ease;z-index:2;opacity:.5}[data-theme=dark] .gallery-item-placeholder{background:linear-gradient(-45deg, #2a2a2a 40%, #2d2d2d 50%, #2a2a2a 60%)}.placeholder-photo{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#f8f8f8;border-radius:8px;overflow:hidden;margin-top:12px}.placeholder-photo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, transparent 0%, #fafafa 50%, transparent 100%);animation:shimmer 2s ease-in-out infinite}[data-theme=dark] .placeholder-photo{background:#2a2a2a}[data-theme=dark] .placeholder-photo::after{background:linear-gradient(135deg, transparent 0%, #2d2d2d 50%, transparent 100%)}@keyframes loading-pulse{0%{opacity:.1}50%{opacity:.15}100%{opacity:.1}}.notifications.loader .update-section h2,.notifications.loader .update-section h3,.notifications.loader .notifications-list p,.notifications.loader .notification-cta{color:rgba(0,0,0,0);background:var(--gray-700);opacity:.1;width:fit-content;min-width:2rem;border-radius:1rem;animation:loading-pulse 1.5s ease-in-out infinite .2s}.notifications.loader .notification-timestamp,.notifications.loader svg,.notifications.loader .gallery-overlay{display:none}.notifications.loader .notification-cta{margin-top:.5rem;margin-bottom:-0.5rem}.notifications.loader .notification-icon{background:var(--gray-700);opacity:.1;animation:loading-pulse 1.5s ease-in-out infinite .2s}.notifications.loader .notification-photo-gallery{background:none;animation:none;min-width:auto;aspect-ratio:auto}.notifications.loader .notification-photo-gallery.single-photo{max-width:34rem;aspect-ratio:auto;background:var(--gray-700);opacity:.1;animation:loading-pulse 1.5s ease-in-out infinite .2s;border-radius:1rem}.notifications.loader .notification-photo-gallery:not(.single-photo){display:grid;grid-template-columns:repeat(3, 1fr);gap:10px}.notifications.loader .notification-photo-gallery:not(.single-photo) .gallery-item{background:var(--gray-700);opacity:.1;animation:loading-pulse 1.5s ease-in-out infinite .2s;border-radius:8px;aspect-ratio:1/1}@media(max-width: 480px){.notifications.loader .notification-photo-gallery:not(.single-photo){grid-template-columns:repeat(2, 1fr)}}.notifications.loader .notification-photo-gallery img{opacity:0;min-width:100%;aspect-ratio:2/3}