.avatarBadgeWrapper.svelte-1dn3oy9{--badgeOffset:calc(var(--badgeBorder) + var(--badgeInset));width:var(--avatarSize);height:var(--avatarSize);position:relative}.avatarBadgeMask.svelte-1dn3oy9{--badgeMaskCenter:calc(var(--avatarSize) - var(--badgeSize) / 2 - var(--badgeOffset));--badgeMaskRadius:calc(var(--badgeSize) / 2 + var(--badgeBorder));width:100%;height:100%;-webkit-mask:radial-gradient(var(--badgeMaskRadius) var(--badgeMaskRadius) at var(--badgeMaskCenter) var(--badgeMaskCenter), transparent 100%, black 100%) padding-box;mask:radial-gradient(var(--badgeMaskRadius) var(--badgeMaskRadius) at var(--badgeMaskCenter) var(--badgeMaskCenter), transparent 100%, black 100%) padding-box}.avatarBadge.svelte-1dn3oy9{right:var(--badgeOffset);bottom:var(--badgeOffset);width:var(--badgeSize);height:var(--badgeSize);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.avatarBadge--online.svelte-1dn3oy9{background-color:var(--button-positive)}.avatarBadge--call.svelte-1dn3oy9{background:var(--button-primary)}.avatarBadge--stream.svelte-1dn3oy9{background:var(--promo-live)}.storiesStackRow.svelte-1rr6jx2{height:calc(var(--baseRowHeight) * (1 - max(var(--storiesStackState), calc(-1 * var(--storiesStackState)))));position:relative}.storiesStackWrapper.svelte-1rr6jx2{z-index:201;height:100%;position:relative}.storiesStackWrapper--teleported.svelte-1rr6jx2{left:var(--storiesStackRowLeftOffset);top:var(--storiesStackRowTopOffset);width:var(--baseRowWidth);height:var(--baseRowHeight)}.storiesStackWrapper--minified.svelte-1rr6jx2{height:calc(var(--baseRowHeight) * (1 - max(var(--storiesStackState), calc(-1 * var(--storiesStackState)))))}.storiesStackWrapper--expanded.svelte-1rr6jx2{width:100vw;height:100vh;position:fixed;top:0;left:0}.background.svelte-1rr6jx2{z-index:200;background:var(--background-overlay-media-preview);width:100vw;height:100vh;position:fixed;top:0;left:0}.closeButton.svelte-1rr6jx2{z-index:205;right:var(--spacing-xl);top:var(--spacing-xl);position:fixed}.storiesStack.svelte-1rr6jx2{--baseWidth_px:calc(var(--baseWidth) * 1px);--baseHeight_px:calc(var(--baseHeight) * 1px);--targetWidth_px:calc(var(--targetWidth) * 1px);--targetActiveWidth_px:calc(var(--targetActiveWidth) * 1px);--absStoriesStackState:max(var(--storiesStackState), calc(-1 * var(--storiesStackState)));--opoStoriesStackState:calc(1 - var(--absStoriesStackState));--scaleXFactor:calc(1 - (1 - var(--targetWidth) / var(--baseWidth)) * var(--absStoriesStackState));--scaleYFactor:calc(1 - (1 - var(--targetHeight) / var(--baseHeight)) * var(--absStoriesStackState));--shiftGlobalX:calc(var(--baseLeftOffset) * var(--opoStoriesStackState) + var(--targetLeftOffset) * var(--absStoriesStackState));--shiftGlobalY:calc(var(--baseTopOffset) * var(--opoStoriesStackState) - var(--targetTopOffset) * var(--absStoriesStackState));--shiftCommonX:calc((var(--targetHorizontalPadding) + var(--targetWidth_px) / 2 - var(--baseHorizontalPadding) - var(--baseWidth_px) / 2) * var(--absStoriesStackState));--shiftRelativeX:calc((2 * var(--targetWidth_px) / 2 + var(--targetGap) - 2 * var(--baseWidth_px) / 2 - var(--baseGap)) * var(--absStoriesStackState));--shiftActiveX:calc((var(--targetActiveWidth_px) / 2 + var(--targetActiveGap) - var(--targetWidth_px) / 2 - var(--targetGap)) * var(--absStoriesStackState));--shiftMinifiedX:calc((var(--targetWidth_px) + var(--targetGap)) * var(--absStoriesStackState));--shiftScrollTargetX:calc((var(--targetWidth_px) + var(--targetGap)) * var(--absStoriesStackState));z-index:202;align-items:center;gap:var(--baseGap);scrollbar-width:none;-ms-overflow-style:none;height:100%;-webkit-mask:linear-gradient(to right, transparent 0, black var(--baseHorizontalPadding), black calc(100% - var(--baseHorizontalPadding)), transparent 100%);mask:linear-gradient(to right, transparent 0, black var(--baseHorizontalPadding), black calc(100% - var(--baseHorizontalPadding)), transparent 100%);flex-flow:row;display:flex;position:relative;overflow:auto hidden}.storiesStack.svelte-1rr6jx2::-webkit-scrollbar{display:none}.storiesStack--minified.svelte-1rr6jx2{-webkit-mask:unset;mask:unset;align-items:start;overflow:clip visible}.storiesStack--expanded.svelte-1rr6jx2{--shiftMinifiedX:0px;overflow:hidden}.storiesStackItem.svelte-1rr6jx2{width:var(--baseWidth_px);height:var(--baseHeight_px);flex-shrink:0;justify-content:center;align-items:center;display:flex}.storiesStack--transformable.svelte-1rr6jx2 .storiesStackItem:where(.svelte-1rr6jx2){--storiesStackSafeActiveIndex:min(var(--storiesStackActiveIndex), var(--storiesStackMaxTargetActiveIndex));--minifiedStoriesStackCollapsingIndex:max(min(0, var(--storiesStackIndex) - var(--storiesStackSafeActiveIndex)), var(--storiesStackIndex) - var(--storiesStackSafeActiveIndex) - 2);--activeStoriesStackCollapsingIndex:0;transform:translate(calc(var(--shiftGlobalX) + var(--shiftCommonX) + var(--shiftRelativeX) * var(--storiesStackIndex) - var(--shiftMinifiedX) * var(--minifiedStoriesStackCollapsingIndex) + var(--shiftActiveX) * var(--activeStoriesStackCollapsingIndex) - var(--shiftScrollTargetX) * var(--storiesStackSafeActiveIndex) - var(--baseStoriesStackScrollLeft) * var(--opoStoriesStackState)), calc(var(--shiftGlobalY))) scale(var(--scaleXFactor), var(--scaleYFactor))}.storiesStack--minified.svelte-1rr6jx2 .storiesStackItem:where(.svelte-1rr6jx2){--storiesStackOpacity:max(0, (var(--storiesStackState) + .3) / .3);opacity:calc((1 - clamp(0, max(var(--minifiedStoriesStackCollapsingIndex), calc(-1 * var(--minifiedStoriesStackCollapsingIndex))), 1)) + var(--storiesStackOpacity))}.storiesStack--expanded.svelte-1rr6jx2 .storiesStackItem:where(.svelte-1rr6jx2){--activeStoriesStackCollapsingIndex:max(-1, min(1, var(--storiesStackIndex) - var(--storiesStackActiveIndex)))}.storiesStackItem--active.svelte-1rr6jx2{--scaleXFactor:calc(1 - (1 - var(--targetActiveWidth) / var(--baseWidth)) * var(--absStoriesStackState));--scaleYFactor:calc(1 - (1 - var(--targetActiveHeight) / var(--baseHeight)) * var(--absStoriesStackState));--targetWidth_px:var(--targetActiveWidth_px)}.storiesStackItem.svelte-1rr6jx2:first-child{margin-left:var(--baseHorizontalPadding)}.storiesStackItem.svelte-1rr6jx2:last-child{margin-right:var(--baseHorizontalPadding)}.storiesStackItemContent.svelte-1rr6jx2{flex-shrink:0;position:relative}.storiesStackWrapper--expanded.svelte-1rr6jx2 .storiesStackItemContent:where(.svelte-1rr6jx2){width:calc(var(--scaleXFactor) * 100%);height:calc(var(--scaleYFactor) * 100%);transform:scale(calc(1 / var(--scaleXFactor)), calc(1 / var(--scaleYFactor)))}.storiesStackItemThumbnail.svelte-1rr6jx2{z-index:203;width:var(--baseWidth_px);flex-flow:column;gap:4px;padding:4px 0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.storiesStackItem--active.svelte-1rr6jx2 .storiesStackItemThumbnail:where(.svelte-1rr6jx2){opacity:var(--opoStoriesStackState)}.storiesStackItemThumbnail--padded.svelte-1rr6jx2{padding-bottom:23px}.storiesStackItemThumbnailAvatarButton.svelte-1rr6jx2{appearance:none;font:inherit;color:inherit;background:0 0;border:none;margin:0;padding:0;display:flex}.storiesStackItemCard.svelte-1rr6jx2{width:100%;height:100%;opacity:var(--absStoriesStackState);background:var(--button-secondary);border-radius:16px}.storiesStackItem--active.svelte-1rr6jx2 .storiesStackItemCard:where(.svelte-1rr6jx2){border-radius:24px}.singlePeerWrapper.svelte-z9kwf6{z-index:201;width:100vw;height:100vh;position:fixed;top:0;left:0}.background.svelte-z9kwf6{z-index:200;background:var(--background-overlay-media-preview);width:100vw;height:100vh;position:fixed;top:0;left:0}.closeButton.svelte-z9kwf6{z-index:205;right:var(--spacing-xl);top:var(--spacing-xl);position:fixed}.singlePeerItem.svelte-z9kwf6{--baseWidth_px:calc(var(--baseWidth) * 1px);--absSinglePeerState:max(var(--singlePeerState), calc(-1 * var(--singlePeerState)));--opoSinglePeerState:calc(1 - var(--absSinglePeerState));--scaleXFactor:calc(1 - (1 - var(--targetWidth) / var(--baseWidth)) * var(--absSinglePeerState));--scaleYFactor:calc(1 - (1 - var(--targetHeight) / var(--baseHeight)) * var(--absSinglePeerState));--shiftGlobalX:calc(-1 * var(--baseLeftOffset) * var(--absSinglePeerState) + var(--targetLeftOffset) * var(--absSinglePeerState));--shiftGlobalY:calc(-1 * var(--baseTopOffset) * var(--absSinglePeerState) + var(--targetTopOffset) * var(--absSinglePeerState));z-index:202;left:var(--baseLeftOffset);top:var(--baseTopOffset);width:var(--baseWidth_px);height:calc(var(--baseHeight) * 1px);transform:translate(var(--shiftGlobalX), var(--shiftGlobalY)) scale(var(--scaleXFactor), var(--scaleYFactor));justify-content:center;align-items:center;display:flex;position:relative}.singlePeerItemContent.svelte-z9kwf6{width:calc(var(--scaleXFactor) * 100%);height:calc(var(--scaleYFactor) * 100%);transform:scale(calc(1 / var(--scaleXFactor)), calc(1 / var(--scaleYFactor)));flex-shrink:0;position:relative}.singlePeerItemThumbnail.svelte-z9kwf6{z-index:203;width:var(--baseWidth_px);opacity:var(--opoSinglePeerState);flex-flow:column;gap:4px;padding:4px 0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.singlePeerItemCard.svelte-z9kwf6{width:100%;height:100%;opacity:var(--absSinglePeerState);background:var(--button-secondary);border-radius:24px}.avatarStoryRingWrapper.svelte-6ybo81{--avatarSize_px:calc(var(--avatarSize) * 1px);width:var(--avatarSize_px);height:var(--avatarSize_px);justify-content:center;align-items:center;display:flex;position:relative}.avatarStoryRingMask.svelte-6ybo81{--cutAvatarSize:calc(var(--avatarSize) - (var(--stroke) + var(--space)) * 2);transform:scale(calc(var(--cutAvatarSize) / var(--avatarSize)));border-radius:50%;justify-content:center;align-items:center;transition:all .15s ease-in-out;display:flex;overflow:hidden}.avatarStoryRingMask--cut.svelte-6ybo81{--cutAvatarSize_px:calc(var(--cutAvatarSize) * 1px);--overlap_px:calc(var(--overlap) * 1px);-webkit-mask:radial-gradient(calc(var(--cutAvatarSize_px) / 2) calc(var(--cutAvatarSize_px) / 2) at calc(var(--avatarSize_px) + var(--avatarSize_px) / 2 - var(--overlap_px)) center, transparent 100%, black 100%) padding-box;mask:radial-gradient(calc(var(--cutAvatarSize_px) / 2) calc(var(--cutAvatarSize_px) / 2) at calc(var(--avatarSize_px) + var(--avatarSize_px) / 2 - var(--overlap_px)) center, transparent 100%, black 100%) padding-box}.avatarStoryRingWrapper.svelte-6ybo81:hover .avatarStoryRingMask--withStories:where(.svelte-6ybo81){transform:scale(calc((var(--cutAvatarSize) - var(--stroke)) / var(--avatarSize)))}.avatarStoryRingWrapper.svelte-6ybo81:active .avatarStoryRingMask--withStories:where(.svelte-6ybo81){transform:scale(calc((var(--cutAvatarSize) - var(--stroke) * 2) / var(--avatarSize)))}.avatarStoryRingWrapper.svelte-6ybo81 svg:where(.svelte-6ybo81){position:absolute;top:0;left:0}.storyColor.svelte-6ybo81{width:100%;height:100%}.storyColor--base.svelte-6ybo81{background:conic-gradient(from 135deg, var(--stories-circle-step-4) 0deg, var(--stories-circle-step-1) 86.4deg, var(--stories-circle-step-2) 230.192deg, var(--stories-circle-step-4) 360deg)}.storyColor--base.storyColor--minified.svelte-6ybo81{--storyColorCutRatio:calc(var(--overlap) / 2 / var(--avatarSize) * 100%)}.storyColor--base.storyColor--cut--right.svelte-6ybo81{width:calc(100% - var(--storyColorCutRatio));background:linear-gradient(to right, var(--stories-circle-step-1), var(--stories-circle-step-2))}.storyColor--base.storyColor--cut--both.svelte-6ybo81{width:calc(100% - 2 * var(--storyColorCutRatio));margin-left:var(--storyColorCutRatio);background:linear-gradient(to right, var(--stories-circle-step-2), var(--stories-circle-step-3))}.storyColor--base.storyColor--cut--left.svelte-6ybo81{width:calc(100% - var(--storyColorCutRatio));margin-left:var(--storyColorCutRatio);background:linear-gradient(to right, var(--stories-circle-step-3), var(--stories-circle-step-4))}.storyColor--mask.svelte-6ybo81{background:conic-gradient(from 0deg, var(--stories-circle-read) 0% var(--storyRatio), transparent var(--storyRatio))}.storyColor--mask.storyColor--minified.svelte-6ybo81{display:none}.fallback.svelte-1dpd89k{border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.avatar.svelte-1gp4c0a{width:var(--avatarSize);height:var(--avatarSize)}.avatar.svelte-1gp4c0a .avatarImage{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatarComposition.svelte-1njcjnw{display:flex;position:relative}