.mediaPlaceholder{background:color-mix(in srgb,var(--background)70%,transparent);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mediaPlaceholder .image{object-fit:contain;filter:grayscale()invert()opacity(.1);max-width:20em;transform:0;background:0 0;margin:auto;width:100%!important;height:100%!important}.mediaPlaceholder.audio .icon{padding:22%;transform:translate(-50%)}.mediaPlaceholder.video .icon{padding:16%;transform:translate(-50%)}.mediaContainer{z-index:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mediaContainer.fill{width:100%;height:100%;position:absolute;inset:0}.mediaContainer.withVideo{background:var(--black)}.mediaContainer.withVideo.transparentVideoBackground{background:0 0}.mediaContainer.withCaption:hover .caption,.mediaContainer .caption.editing{opacity:1;transform:translateY(0)}.mediaContainer .mediaSkeleton,.mediaContainer .placeholder{position:absolute;inset:0}.mediaContainer .mediaSkeleton{z-index:4;border-radius:inherit;background:var(--container);isolation:isolate;contain:paint;content-visibility:auto;pointer-events:none;-webkit-user-select:none;user-select:none;--media-skeleton-stroke:.2em;width:100%;min-width:0;height:100%;margin:0;overflow:hidden}.mediaContainer .mediaSkeleton:before,.mediaContainer .mediaSkeleton:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0}.mediaContainer .mediaSkeleton:before{padding:var(--media-skeleton-stroke);background-image:linear-gradient(90deg,transparent 20%,var(--surface-hover)50%,transparent 180%);-webkit-mask-composite:xor;-webkit-mask-composite:xor;-webkit-mask-source-type:auto,auto;background-size:200% 100%;animation:1.5s infinite mediaSkeletonStrokeLoading;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.mediaContainer .mediaSkeleton:after{background-image:linear-gradient(90deg,transparent 20%,var(--surface-hover)50%,transparent 180%);background-size:100% 100%;border-radius:0;width:200%;animation:3s infinite mediaSkeletonLoading;inset:0 auto 0 0;transform:translate(-100%)}.mediaContainer .placeholder{z-index:1;background:color-mix(in srgb,var(--background)70%,transparent);justify-content:center;align-items:center;display:flex}.mediaContainer .placeholder .icon{z-index:0;color:var(--blacked);opacity:.2;pointer-events:none;padding:10%;position:absolute;left:50%;transform:translate(-50%)rotate(5deg);width:100%!important;height:100%!important}.mediaContainer>.media,.mediaContainer>.canvas,.mediaContainer>.mediaPlayer{opacity:0;object-fit:cover;transition:opacity .3s ease-in-out}.mediaContainer>.media.loaded,.mediaContainer>.canvas.loaded,.mediaContainer>.mediaPlayer.loaded{opacity:1}.mediaContainer .mediaPlayer{z-index:2;width:100%;height:100%}.mediaContainer.fill .mediaPlayer{position:absolute;inset:0}.mediaContainer .canvas{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.mediaContainer .caption{z-index:8;background:linear-gradient(to top,color-mix(in srgb,var(--background)95%,transparent)0%,color-mix(in srgb,var(--background)70%,transparent)60%,transparent 100%);color:var(--text);font-size:var(--font-xs);opacity:0;pointer-events:none;padding:.6em .75em;font-weight:200;transition:opacity .22s,transform .22s;position:absolute;bottom:0;left:0;right:0;transform:translateY(4px);--surfaceSize:2.2em!important}.mediaContainer .caption.editable,.mediaContainer .caption.editing{pointer-events:auto}.mediaContainer .caption.editing{opacity:1;transform:translateY(0)}.mediaContainer .caption .inner,.mediaContainer .caption .inputWrap{width:100%;min-width:0;display:flex}.mediaContainer .caption .inner{align-items:flex-end;gap:.4em}.mediaContainer .caption .inputWrap{flex:1;align-items:center;gap:.3em}.mediaContainer .caption .text,.mediaContainer .caption .input{flex:1;min-width:0}.mediaContainer .caption .text{word-break:break-word;padding:.5em;line-height:1.5}.mediaContainer .caption .text.empty{opacity:.45;font-style:italic}.mediaContainer .caption .button{z-index:11;width:var(--surfaceSize);min-width:var(--surfaceSize);height:var(--surfaceSize);backdrop-filter:blur(1em);--iconSize:1.1em;padding:0;position:relative}.mediaContainer .caption .button.default{background:color-mix(in srgb,var(--background)50%,transparent)}.mediaContainer .caption .input{width:100%;min-height:var(--surfaceSize);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--background)50%,transparent);backdrop-filter:blur(1em);color:var(--text);text-align:right;font:inherit;direction:rtl;outline:none;padding:.25em 1em;line-height:1.3}.mediaContainer .caption .input::placeholder{color:color-mix(in srgb,var(--text)35%,transparent)}.mediaContainer .caption .input:focus{background:color-mix(in srgb,var(--background)80%,transparent)}@keyframes mediaSkeletonLoading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes mediaSkeletonStrokeLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.mediaContainer .mediaSkeleton:before,.mediaContainer .mediaSkeleton:after{animation:none}}.mediaGalleryWrap{cursor:pointer;width:100%;position:relative;overflow:hidden}.mediaGalleryWrap.fill{height:100%;position:absolute;inset:0}.mediaGalleryWrap .mediaGalleryStack{flex-direction:column;gap:.35em;width:100%;display:flex}.mediaGalleryWrap .mediaGalleryHero{border-radius:var(--radius-sm);isolation:isolate;background:color-mix(in srgb,var(--surface)60%,transparent);width:100%;min-height:clamp(18em,46vw,34em);position:relative;overflow:hidden}.mediaGalleryWrap .mediaGalleryGrid{width:100%}.mediaGalleryWrap .mediaGallerySlot{cursor:pointer;width:100%;height:100%;transition:transform .26s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.mediaGalleryWrap .mediaGallerySlot:hover{z-index:2;transform:scale(1.03)}.mediaGalleryWrap .mediaGallerySlot:hover .videoPlayBtn{transform:scale(1.08)}.mediaGalleryWrap .mediaGallerySlot:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mediaGalleryWrap .mediaGallerySlot .videoOverlay{z-index:3;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--background)20%,transparent)0%,transparent 52%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mediaGalleryWrap .mediaGallerySlot .videoOverlay .videoPlayBtn{border-radius:var(--radius-pill);background:color-mix(in srgb,var(--background)68%,transparent);backdrop-filter:blur(.5em);width:2.7em;height:2.7em;color:var(--text);transition:transform .32s var(--springEase);justify-content:center;align-items:center;display:flex;box-shadow:0 .25em 1.2em #0000004d}.mediaGalleryWrap .mediaGallerySlot .videoOverlay .galleryMorphIcon{color:currentColor;width:1em;height:1em;display:block;position:relative}.mediaGalleryWrap .mediaGallerySlot .videoOverlay .galleryMorphIcon span{transition:width .42s var(--springEase),height .42s var(--springEase),opacity .25s ease,clip-path .42s var(--springEase),transform .42s var(--springEase);background:currentColor;display:block;position:absolute;top:50%;left:50%}.mediaGalleryWrap .mediaGallerySlot .videoOverlay .galleryMorphIcon span:first-child{clip-path:polygon(8% 0,94% 50%,8% 100%);border-radius:.12em;width:.78em;height:.88em;transform:translate(-42%,-50%)}.mediaGalleryWrap .mediaGallerySlot .videoOverlay .galleryMorphIcon span:last-child{opacity:0;width:.18em;height:.85em;transform:translate(5%,-50%)scaleX(.2)}.mediaGalleryWrap .mediaGallerySlot .hiddenCountOverlay{z-index:5;background:color-mix(in srgb,var(--background)55%,transparent);backdrop-filter:blur(6px);color:var(--text);pointer-events:none;justify-content:center;align-items:center;font-size:1.8em;font-weight:200;display:flex;position:absolute;inset:0}