.button{cursor:pointer;box-sizing:border-box;letter-spacing:-.2px;width:100%;color:var(--button-color);background-origin:border-box;background-color:var(--button-bg);background-image:var(--button-gradient);box-shadow:var(--button-shadow);border:var(--button-border);border-radius:999px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:1.25rem;font-weight:500;line-height:1.5rem;transition-property:all;transition-duration:.25s;transition-timing-function:ease-in-out;display:flex}@media (hover:hover){.button:hover{color:var(--button-color-hover);background-color:var(--button-bg-hover);background-image:var(--button-gradient-hover);box-shadow:var(--button-shadow-hover);border:var(--button-border-hover)}}.button:active{color:var(--button-color-active);background-color:var(--button-bg-active);background-image:var(--button-gradient-active);box-shadow:var(--button-shadow-active);border:var(--button-border-active)}.button:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}.button--is-loading{opacity:.5}.button--size-small{border-radius:var(--radius-md);letter-spacing:0;min-height:1.5rem;padding:.25rem .625rem;font-size:.75rem;line-height:1rem}.button--layout-circle{aspect-ratio:1;width:4rem;height:4rem;padding:0}.button--layout-circle.button--size-medium{width:2.625rem;height:2.625rem}.button--layout-circle.button--size-small{width:1.5rem;height:1.5rem}.button--style-primary{--button-color:var(--button-primary-text);--button-color-hover:var(--button-primary-text-hover,var(--button-color));--button-color-active:var(--button-primary-text-active,var(--button-color));--button-gradient:var(--button-primary-gradient,none);--button-gradient-hover:var(--button-primary-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-primary-gradient-active,var(--button-gradient));--button-bg:var(--button-primary-bg,none);--button-bg-hover:var(--button-primary-bg-hover,var(--button-bg));--button-bg-active:var(--button-primary-bg-active,var(--button-bg));--button-bg-disabled:var(--button-primary-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-primary-shadow,none);--button-shadow-hover:var(--button-primary-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-primary-shadow-active,var(--button-shadow));--button-border:var(--button-primary-border,transparent);--button-border-hover:var(--button-primary-border-hover,var(--button-border));--button-border-active:var(--button-primary-border-active,var(--button-border))}.button--style-control{--button-color:var(--button-control-text);--button-color-hover:var(--button-control-text-hover,var(--button-color));--button-color-active:var(--button-control-text-active,var(--button-color));--button-gradient:var(--button-control-gradient,none);--button-gradient-hover:var(--button-control-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-control-gradient-active,var(--button-gradient));--button-bg:var(--button-control-bg,none);--button-bg-hover:var(--button-control-bg-hover,var(--button-bg));--button-bg-active:var(--button-control-bg-active,var(--button-bg));--button-bg-disabled:var(--button-control-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-control-shadow,none);--button-shadow-hover:var(--button-control-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-control-shadow-active,var(--button-shadow));--button-border:var(--button-control-border,transparent);--button-border-hover:var(--button-control-border-hover,var(--button-border));--button-border-active:var(--button-control-border-active,var(--button-border))}.button--style-secondary{--button-color:var(--button-secondary-text);--button-color-hover:var(--button-secondary-text-hover,var(--button-color));--button-color-active:var(--button-secondary-text-active,var(--button-color));--button-gradient:var(--button-secondary-gradient,none);--button-gradient-hover:var(--button-secondary-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-secondary-gradient-active,var(--button-gradient));--button-bg:var(--button-secondary-bg,none);--button-bg-hover:var(--button-secondary-bg-hover,var(--button-bg));--button-bg-active:var(--button-secondary-bg-active,var(--button-bg));--button-bg-disabled:var(--button-secondary-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-secondary-shadow,none);--button-shadow-hover:var(--button-secondary-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-secondary-shadow-active,var(--button-shadow));--button-border:var(--button-secondary-border,transparent);--button-border-hover:var(--button-secondary-border-hover,var(--button-border));--button-border-active:var(--button-secondary-border-active,var(--button-border))}.button--style-tertiary{--button-color:var(--button-tertiary-text);--button-color-hover:var(--button-tertiary-text-hover,var(--button-color));--button-color-active:var(--button-tertiary-text-active,var(--button-color));--button-gradient:var(--button-tertiary-gradient,none);--button-gradient-hover:var(--button-tertiary-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-tertiary-gradient-active,var(--button-gradient));--button-bg:var(--button-tertiary-bg,none);--button-bg-hover:var(--button-tertiary-bg-hover,var(--button-bg));--button-bg-active:var(--button-tertiary-bg-active,var(--button-bg));--button-bg-disabled:var(--button-tertiary-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-tertiary-shadow,none);--button-shadow-hover:var(--button-tertiary-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-tertiary-shadow-active,var(--button-shadow));--button-border:var(--button-tertiary-border,transparent);--button-border-hover:var(--button-tertiary-border-hover,var(--button-border));--button-border-active:var(--button-tertiary-border-active,var(--button-border))}.button--style-tertiary svg{color:var(--button-tertiary-icon);fill:currentColor}@media (hover:hover){.button--style-tertiary:hover svg{color:var(--button-tertiary-icon-hover,var(--button-tertiary-icon))}}.button--style-tertiary:active svg{color:var(--button-tertiary-icon-active,var(--button-tertiary-icon))}.button--style-secondary-selected{--button-color:var(--button-secondary-selected-text);--button-color-hover:var(--button-secondary-selected-text-hover,var(--button-color));--button-color-active:var(--button-secondary-selected-text-active,var(--button-color));--button-gradient:var(--button-secondary-selected-gradient,none);--button-gradient-hover:var(--button-secondary-selected-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-secondary-selected-gradient-active,var(--button-gradient));--button-bg:var(--button-secondary-selected-bg,none);--button-bg-hover:var(--button-secondary-selected-bg-hover,var(--button-bg));--button-bg-active:var(--button-secondary-selected-bg-active,var(--button-bg));--button-bg-disabled:var(--button-secondary-selected-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-secondary-selected-shadow,none);--button-shadow-hover:var(--button-secondary-selected-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-secondary-selected-shadow-active,var(--button-shadow));--button-border:var(--button-secondary-selected-border,transparent);--button-border-hover:var(--button-secondary-selected-border-hover,var(--button-border));--button-border-active:var(--button-secondary-selected-border-active,var(--button-border));font-weight:700}.button--style-danger{--button-color:var(--button-danger-text);--button-color-hover:var(--button-danger-text-hover,var(--button-color));--button-color-active:var(--button-danger-text-active,var(--button-color));--button-gradient:var(--button-danger-gradient,none);--button-gradient-hover:var(--button-danger-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-danger-gradient-active,var(--button-gradient));--button-bg:var(--button-danger-bg,none);--button-bg-hover:var(--button-danger-bg-hover,var(--button-bg));--button-bg-active:var(--button-danger-bg-active,var(--button-bg));--button-bg-disabled:var(--button-danger-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-danger-shadow,none);--button-shadow-hover:var(--button-danger-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-danger-shadow-active,var(--button-shadow));--button-border:var(--button-danger-border,transparent);--button-border-hover:var(--button-danger-border-hover,var(--button-border));--button-border-active:var(--button-danger-border-active,var(--button-border))}.button--style-like{--button-color:var(--button-like-text);--button-color-hover:var(--button-like-text-hover,var(--button-color));--button-color-active:var(--button-like-text-active,var(--button-color));--button-gradient:var(--button-like-gradient,none);--button-gradient-hover:var(--button-like-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-like-gradient-active,var(--button-gradient));--button-bg:var(--button-like-bg,none);--button-bg-hover:var(--button-like-bg-hover,var(--button-bg));--button-bg-active:var(--button-like-bg-active,var(--button-bg));--button-bg-disabled:var(--button-like-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-like-shadow,none);--button-shadow-hover:var(--button-like-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-like-shadow-active,var(--button-shadow));--button-border:var(--button-like-border,transparent);--button-border-hover:var(--button-like-border-hover,var(--button-border));--button-border-active:var(--button-like-border-active,var(--button-border))}.button--style-liked{--button-color:var(--button-liked-text);--button-color-hover:var(--button-liked-text-hover,var(--button-color));--button-color-active:var(--button-liked-text-active,var(--button-color));--button-gradient:var(--button-liked-gradient,none);--button-gradient-hover:var(--button-liked-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-liked-gradient-active,var(--button-gradient));--button-bg:var(--button-liked-bg,none);--button-bg-hover:var(--button-liked-bg-hover,var(--button-bg));--button-bg-active:var(--button-liked-bg-active,var(--button-bg));--button-bg-disabled:var(--button-liked-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-liked-shadow,none);--button-shadow-hover:var(--button-liked-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-liked-shadow-active,var(--button-shadow));--button-border:var(--button-liked-border,transparent);--button-border-hover:var(--button-liked-border-hover,var(--button-border));--button-border-active:var(--button-liked-border-active,var(--button-border))}.button--style-transparent{--button-color:var(--button-transparent-text);--button-color-hover:var(--button-transparent-text-hover,var(--button-color));--button-color-active:var(--button-transparent-text-active,var(--button-color));--button-gradient:var(--button-transparent-gradient,none);--button-gradient-hover:var(--button-transparent-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-transparent-gradient-active,var(--button-gradient));--button-bg:var(--button-transparent-bg,none);--button-bg-hover:var(--button-transparent-bg-hover,var(--button-bg));--button-bg-active:var(--button-transparent-bg-active,var(--button-bg));--button-bg-disabled:var(--button-transparent-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-transparent-shadow,none);--button-shadow-hover:var(--button-transparent-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-transparent-shadow-active,var(--button-shadow));--button-border:var(--button-transparent-border,transparent);--button-border-hover:var(--button-transparent-border-hover,var(--button-border));--button-border-active:var(--button-transparent-border-active,var(--button-border))}.button--style-ghost{--button-color:var(--button-ghost-text);--button-color-hover:var(--button-ghost-text-hover,var(--button-color));--button-color-active:var(--button-ghost-text-active,var(--button-color));--button-gradient:var(--button-ghost-gradient,none);--button-gradient-hover:var(--button-ghost-gradient-hover,var(--button-gradient));--button-gradient-active:var(--button-ghost-gradient-active,var(--button-gradient));--button-bg:var(--button-ghost-bg,none);--button-bg-hover:var(--button-ghost-bg-hover,var(--button-bg));--button-bg-active:var(--button-ghost-bg-active,var(--button-bg));--button-bg-disabled:var(--button-ghost-bg-disabled,var(--button-disabled-bg));--button-shadow:var(--button-ghost-shadow,none);--button-shadow-hover:var(--button-ghost-shadow-hover,var(--button-shadow));--button-shadow-active:var(--button-ghost-shadow-active,var(--button-shadow));--button-border:var(--button-ghost-border,transparent);--button-border-hover:var(--button-ghost-border-hover,var(--button-border));--button-border-active:var(--button-ghost-border-active,var(--button-border))}.button[disabled],.button[aria-disabled=true]{cursor:not-allowed;color:var(--button-disabled-text);background-color:var(--button-bg-disabled);opacity:var(--button-ghost-opacity);background-image:none}.page{flex-direction:column;align-items:center;height:100dvh;display:flex;position:relative;overflow-y:auto}.page--no-overscroll{overscroll-behavior:none}.page--modal-collapsed{height:calc(100dvh - 3rem)}@media (orientation:landscape){.page--modal-collapsed{height:100dvh}}.page__bottom{width:100%}.page__top{justify-content:center;width:100%;display:flex}.page__top--audio-offset{padding-top:var(--audio-player-height,0px);transition:padding-top .22s}.page__content{width:calc(100% - 2rem);height:100%;position:relative;overflow-y:auto}.page__content--fullscreen{width:100%}.page__content--no-overscroll{overscroll-behavior:none}.page__content--no-scroll{overflow-y:hidden}.page__content .os-scrollbar{z-index:10}.toast{background-color:var(--bg-accent);width:max-content;max-width:16rem;box-shadow:var(--shadow-sm);pointer-events:none;z-index:90;border-radius:999px;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}@media (orientation:landscape){.toast{max-width:22rem}}.toast--top{top:2rem}.toast--bottom{bottom:5rem}.toast--clickable{cursor:pointer;pointer-events:auto;transition:opacity .15s ease-in-out}@media (hover:hover){.toast--clickable:hover{opacity:.9}}.toast--clickable:active{opacity:.8}.toast--success{background-color:var(--color-success)}.toast--error{background-color:var(--color-danger)}.toast--promise{padding:.5rem .5rem .5rem .25rem}.toast--info{background-color:var(--bg-default)}.toast__content{width:100%;color:var(--base-primary);font-weight:500}.toast__icon{color:#fff;flex-shrink:0;display:flex}.toast__undo{background-color:var(--base-primary);pointer-events:auto;height:1.5rem;padding:.25rem .5rem}.toast__close{cursor:pointer;color:#fff;pointer-events:auto;background-color:#14151a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background-color .2s ease-in-out;display:flex}.toast__close:hover{background-color:#14151a60}ol[data-sonner-toaster].system-toaster{--width:min(34rem, calc(100vw - 1rem))!important;z-index:90!important}ol[data-sonner-toaster].notification-toaster{z-index:42!important}div[data-icon]{pointer-events:none!important;display:none!important}.round-progress{padding:1px;transform:rotate(-90deg)}.round-progress__animate{animation:1s linear infinite rotateAnimation}.round-progress__background{fill:none;stroke:var(--border-neutral);stroke-width:4px}.round-progress__bar{fill:none;stroke-dasharray:100 100;stroke-linecap:round;stroke-width:4px;transition:stroke-dashoffset 1s ease-in-out,stroke .5s ease-in-out}.round-progress__bar-overfull{stroke:var(--bg-accent-purple)}.caption-small{color:var(--base-secondary);font-size:.625rem;line-height:.875rem}.caption-m{color:var(--base-secondary);font-size:.75rem;line-height:1rem}.caption-normal{color:var(--base-secondary);font-size:.875rem;line-height:1.25rem}.caption-base{color:var(--base-secondary);font-size:1rem;line-height:1.5rem}.header1{color:var(--base-primary);font-size:1.875rem;font-weight:600;line-height:2.25rem}.header2{color:var(--base-primary);font-size:1.5rem;font-weight:600;line-height:2rem}.header3{color:var(--base-primary);font-size:1.25rem;font-weight:600;line-height:1.75rem}.header4{color:var(--base-primary);font-size:1.125rem;font-weight:600;line-height:1.625rem}.header6{color:var(--base-primary);font-size:1.5rem;line-height:2rem}.gradient-avatar{border-radius:inherit;width:100%;height:100%;color:var(--base-white);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.gradient-avatar--0{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--bg-accent-blue), var(--bg-accent-purple))}.gradient-avatar--1{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--bg-accent-purple), var(--bg-accent-purple-alt))}.gradient-avatar--2{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--bg-accent-blue-dark), var(--bg-accent-blue))}.gradient-avatar--3{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--bg-accent-purple), var(--color-danger))}.gradient-avatar--4{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--color-success), var(--bg-accent-blue))}.gradient-avatar--5{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--color-danger), var(--wallet-star))}.gradient-avatar--6{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--bg-accent-purple-alt), var(--color-success))}.gradient-avatar--7{background:linear-gradient(var(--avatar-gradient-angle,135deg), var(--bg-accent-blue), var(--bg-accent-purple-alt))}.gradient-avatar__initials{color:inherit;text-shadow:0 1px 2px color-mix(in srgb, var(--dark-overlay) 35%, transparent)}.gradient-avatar--small .gradient-avatar__initials{font-size:.5rem;line-height:1}.gradient-avatar--large .gradient-avatar__initials{font-size:4rem;line-height:1}.journal-icon{border-radius:9999px;flex-shrink:0;width:2.5rem;height:2.5rem;transition:scale .15s ease-in-out;position:relative}@media (hover:hover){.journal-icon:hover{scale:1.1}}.journal-icon:active{scale:1.05}.journal-icon--unread:after{content:"";border:2px solid var(--border-surface);background-color:var(--bg-accent-purple);z-index:2;border-radius:999px;width:.625rem;height:.625rem;position:absolute;top:-.125rem;right:-.125rem}.journal-icon img{border-radius:50%}.journal-icon--plain{border:1px solid var(--border-neutral);background-color:var(--bg-default);border-radius:9999px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.journal-icon--plain--reaction-read{background-color:var(--bg-neutral)}.journal-icon--sub-icon{box-sizing:content-box;background-color:var(--bg-default);border:2px solid var(--base-active);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-xs);z-index:1;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-.25rem;left:-.25rem}.journal-icon--sub-icon__unread{background:var(--brand-gradient-1);border-color:var(--border-surface)}.journal-icon--sub-icon__friend-resolved svg{fill:currentColor}.photo-img{-webkit-user-select:none;user-select:none;cursor:pointer;pointer-events:none;transition:opacity var(--motion-media-duration) var(--motion-ease-out), filter var(--motion-media-duration) var(--motion-ease-out), transform var(--motion-media-duration) var(--motion-ease-out);z-index:2;opacity:1;object-fit:cover;background-color:var(--bg-neutral-subtle);width:100%;height:100%;position:relative}.photo-img--failed-skeleton{z-index:2;pointer-events:none;border-radius:inherit;object-fit:cover;background-color:var(--bg-neutral-subtle);width:100%;height:100%;position:absolute;inset:0}.photo-img__video{z-index:1;object-fit:contain;background-color:var(--bg-neutral);width:100%;max-width:100%;height:100%;max-height:100%;position:relative}.photo-img__video__wrapper{width:100%;height:100%;position:relative}.photo-img__video__poster{object-fit:cover;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.photo-img__video__loader{z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-img__video__downloadButton{width:2.5rem;height:2.5rem;color:var(--base-white);z-index:4;cursor:pointer;background-color:#0006;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-img__video__downloadIcon{color:#fff;z-index:1;pointer-events:none;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-img__video__playButton{filter:drop-shadow(0 0 1px #00000060);z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-img__video__playButton--inline{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;animation:.2s ease-out .4s both fade-in}.photo-img__video__playButton--gone{pointer-events:none;animation:.25s ease-out forwards photo-video-play-dissolve}.photo-img__video__playtimeLeft{background-color:var(--bg-default);border:1px solid var(--border-neutral);z-index:4;border-radius:999px;justify-content:center;align-items:center;padding:0 .25rem;display:flex;position:absolute;top:.25rem;left:.25rem}.photo-img--contain{object-fit:contain;background-color:var(--bg-neutral-subtle)!important}.photo-img--wide{object-fit:cover;background-color:#0000}.photo-img__wrapper{border-radius:inherit;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);z-index:0;width:100%;height:100%;display:inline-block;position:relative;overflow:hidden;transform:translateZ(0);mask-image:radial-gradient(#fff,#000)}.photo-img__wrapper:has(.photo-img__placeholder) .photo-img:not(.photo-img__placeholder){background-color:#0000!important}.photo-img__wrapper--avatar .photo-img__placeholder{filter:blur(.0625rem)}.photo-img__placeholder{pointer-events:none;filter:blur(.5rem);z-index:1;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.photo-img__loader{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-img__shimmer{z-index:3;pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.photo-img__shimmer:before{content:"";background:var(--ui-loading-shimmer-runner-gradient);will-change:transform;animation:1.8s linear infinite ui-loading-shimmer-runner;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.photo-img__shimmer:before{animation:none;transform:translate(-110%)}}.photo-img__downloadButton{width:2.5rem;height:2.5rem;color:var(--base-white);z-index:3;cursor:pointer;background-color:#0006;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-img__downloadIcon{color:#fff;z-index:1;pointer-events:none;width:1.25rem;height:1.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-img--loading{opacity:0}.photo-img--blur-loading{filter:blur(.5rem);transform:scale(1.03)}.photo-img--blur-pending{opacity:0;filter:blur(.5rem);transform:scale(1.03)}.photo-img--no-transition{transition:none}@keyframes photo-video-play-dissolve{to{opacity:0;transform:translate(-50%,-50%)scale(1.4)}}.upload-progress{cursor:pointer;width:var(--upload-progress-size,2rem);height:var(--upload-progress-size,2rem);box-sizing:border-box;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;inset:50%;transform:translate(-50%,-50%)}.upload-progress--inline{position:relative;inset:auto;transform:none}.upload-progress__circle-svg{transform-origin:50%;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.upload-progress__circle-svg--spin{will-change:transform;animation:1s linear infinite upload-progress-spin}.upload-progress__circle-track{stroke:var(--upload-progress-border-color,var(--border-base-alpha));fill:none;stroke-width:.25rem}.upload-progress__circle{stroke:var(--upload-progress-stroke-color,white);fill:none;stroke-width:.25rem;stroke-dasharray:var(--upload-progress-dasharray,119.381);stroke-dashoffset:var(--upload-progress-dashoffset,59.6903);stroke-linecap:round;transition:stroke-dashoffset .12s linear}.upload-progress__cancel{cursor:pointer;width:.875rem;height:.875rem;color:var(--upload-progress-cancel-color,white);z-index:1;position:relative}.upload-progress__center{color:var(--upload-progress-center-color,var(--upload-progress-cancel-color,white));z-index:1;justify-content:center;align-items:center;display:inline-flex;position:relative}@keyframes upload-progress-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}.gif-badge{color:#fff;z-index:3;background-color:#00000050;border-radius:9999px;padding:0 .35rem;position:absolute;top:.25rem;right:.25rem}.photo-corner-badge{width:var(--photo-corner-badge-size,1rem);height:var(--photo-corner-badge-size,1rem);background:var(--photo-corner-badge-background-color,var(--bg-accent-purple));color:var(--photo-corner-badge-icon-color,var(--base-white));box-shadow:0 0 0 var(--photo-corner-badge-ring-size,2px) var(--photo-corner-badge-ring-color,var(--bg-default));pointer-events:none;z-index:2;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.photo-corner-badge__icon{width:var(--photo-corner-badge-icon-size,.625rem);height:var(--photo-corner-badge-icon-size,.625rem);color:inherit}.photo-corner-badge--compact{--photo-corner-badge-size:.8125rem;--photo-corner-badge-icon-size:.5rem;--photo-corner-badge-ring-size:1.5px}.photo-corner-badge--regular{--photo-corner-badge-size:1rem;--photo-corner-badge-icon-size:.625rem;--photo-corner-badge-ring-size:2px}.photo-corner-badge--top-left{top:-.125rem;left:-.125rem}.photo-corner-badge--top-right{top:-.125rem;right:-.125rem}.photo-corner-badge--bottom-left{bottom:-.125rem;left:-.125rem}.photo-corner-badge--bottom-right{bottom:-.125rem;right:-.125rem}.notification-card{border:1px solid var(--border-neutral);background-color:var(--bg-default);width:100%;min-height:4.5rem;box-shadow:var(--shadow-2xl);cursor:pointer;text-align:left;touch-action:none;user-select:none;border-radius:1.125rem;align-items:center;gap:.75rem;padding:.75rem .875rem;display:flex}@media (hover:hover){.notification-card:hover{background-color:var(--bg-neutral)}}.notification-card:active{filter:brightness(.95)}.notification-card__icon{flex-shrink:0;align-self:flex-start}.notification-card__icon .journal-icon{pointer-events:none;width:2.5rem;height:2.5rem;display:block}.notification-card__game-avatar{border-radius:50%;width:2.5rem;height:2.5rem;display:block;position:relative;overflow:visible}.notification-card__game-avatar>div,.notification-card__game-avatar>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.notification-card__game-avatar-fallback{background:var(--bg-accent-purple);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.notification-card__text{-webkit-line-clamp:4;min-width:0;color:var(--base-primary);word-break:break-word;-webkit-box-orient:vertical;flex:auto;margin-top:.125rem;line-height:1.25rem;display:-webkit-box;overflow:hidden}.notification-card__strong{font-weight:600}.notification-card__message{color:var(--base-secondary)}.notification-card__join{white-space:nowrap;flex:none;width:auto;min-width:max-content}