.mediaContainer{z-index:1;background:var(--surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.mediaContainer.fill{width:100%;height:100%;position:absolute;inset:0}.mediaContainer.autoHeight .media{width:100%;height:auto}.mediaContainer .skeleton,.mediaContainer .blurPreview,.mediaContainer .placeholder{z-index:1;pointer-events:none;position:absolute;inset:0}.mediaContainer .skeleton{background:radial-gradient(circle at 30% 30%,var(--surface-hover),transparent 54%),linear-gradient(110deg,var(--surface),var(--surface-hover),var(--surface));filter:blur(1em);opacity:.8;background-size:140% 140%,220% 100%;transition:opacity .32s;animation:1.6s ease-in-out infinite mediaSkeletonLoading;inset:-8%;transform:scale(1.04)}.mediaContainer .blurPreview{z-index:2;filter:blur(1.2em)saturate(.9);opacity:1;background-position:50%;background-repeat:no-repeat;background-size:cover;transition:opacity .32s;inset:-8%;transform:scale(1.08)}.mediaContainer.mediaLoaded .blurPreview,.mediaContainer.mediaLoaded .skeleton{opacity:0}.mediaContainer .placeholder{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;position:absolute;left:50%;transform:translate(-50%)rotate(5deg);width:80%!important;height:80%!important}.mediaContainer .media{z-index:3;opacity:0;filter:blur(.85em);object-fit:cover;width:100%;height:100%;transition:opacity .32s,filter .48s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.mediaContainer .media.loaded{opacity:1;filter:blur()}.mediaContainer:not(.blurReveal) .media{filter:none}.mediaContainer.videoContainer{cursor:pointer;color:var(--white);container-type:inline-size}.mediaContainer.videoContainer .media{pointer-events:auto;-webkit-user-select:none;user-select:none}.mediaContainer.videoContainer .playButton{z-index:3;width:clamp(60px,15cqw,150px);height:clamp(60px,15cqw,150px);color:var(--white);background:color-mix(in srgb,var(--black)24%,transparent)100%;-webkit-backdrop-filter:blur(2em);backdrop-filter:blur(2em);cursor:pointer;opacity:1;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border .4s,opacity .4s,filter .4s,scale .25s,transform .25s,background .4s;animation:.3s cubic-bezier(.27,-.08,0,1.65) mediaPlayBlurIn;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(1)}.mediaContainer.videoContainer .playButton:after{content:"";background:linear-gradient(196.43deg,#eaeaea4d 11.39%,#0000001a 91.24%);transition:opacity .3s;position:absolute;inset:0}.mediaContainer.videoContainer .playButton:hover{opacity:1;filter:brightness();border-color:var(--white);scale:1.05}.mediaContainer.videoContainer .playButton:hover:after{opacity:.3}.mediaContainer.videoContainer .playButton:active{filter:brightness(.9);scale:.95}.mediaContainer.videoContainer .playButton .morphPlay,.mediaContainer.videoContainer .playButton .morphPause{z-index:1;color:currentColor;justify-content:center;align-items:center;width:1em;height:1em;font-size:calc(clamp(60px,15cqw,150px)/2.5);line-height:1;display:flex;position:relative}.mediaContainer.videoContainer .playButton .morphPause{gap:.2em}.mediaContainer.videoContainer .playButton .morphPlay:before,.mediaContainer.videoContainer .playButton .morphPlay:after,.mediaContainer.videoContainer .playButton .morphPause:before,.mediaContainer.videoContainer .playButton .morphPause:after{content:"";border-style:solid;border-color:#0000 #0000 #0000 currentColor;width:0;height:0;transition:all .25s;display:block;position:relative}.mediaContainer.videoContainer .playButton .morphPlay:before{border-width:.5em 0 .5em .9em;height:.5em;right:-.1em}.mediaContainer.videoContainer .playButton .morphPlay:after{border-width:0}.mediaContainer.videoContainer .playButton .morphPause:before,.mediaContainer.videoContainer .playButton .morphPause:after{border-width:0 0 0 .3em;height:1em}.mediaContainer.videoContainer:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0%,transparent 42%,color-mix(in srgb,var(--black)24%,transparent)100%),linear-gradient(180deg,transparent 50%,color-mix(in srgb,var(--black)28%,transparent)100%);opacity:1;transition:opacity .3s;position:absolute;inset:0}.mediaContainer.videoContainer.playing:after{opacity:0}.mediaContainer.videoContainer.playing .playButton{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.9)}.mediaContainer.videoContainer.playing:hover .playButton{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}@keyframes mediaSkeletonLoading{0%,to{opacity:.66;background-position:0,160% 0}50%{opacity:.9;background-position:100%,-60% 0}}@keyframes mediaPlayBlurIn{0%{filter:blur(.1em);scale:.8}to{filter:blur();scale:1}}@media (hover:none),(pointer:coarse){.mediaContainer.videoContainer .playButton:hover{border-color:#0000;scale:1}.mediaContainer.videoContainer .playButton:hover:after{opacity:1}.mediaContainer.videoContainer.playing:hover .playButton{opacity:0;pointer-events:none;transform:translate(-50%,-50%)scale(.9)}}