.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 .skeleton,.mediaContainer .placeholder{z-index:1;position:absolute;inset:0}.mediaContainer .skeleton{background-image:linear-gradient(90deg,transparent 20%,var(--surface-hover)50%,transparent 180%);background-size:200% 100%;animation:1.5s infinite mediaSkeletonLoading}.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{opacity:0;object-fit:cover;width:100%;height:100%;transition:opacity .3s ease-in-out;display:block}.mediaContainer .media.loaded{opacity:1}.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%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mediaPlayBlurIn{0%{filter:blur(.1em);scale:.8}to{filter:blur();scale:1}}
.mediaCard{border-radius:var(--radius-xl);isolation:isolate;transform-origin:50%;cursor:pointer;text-align:right;backface-visibility:hidden;direction:rtl;min-width:0;position:relative;overflow:hidden;transform:translateZ(0)}.mediaCard.feed{aspect-ratio:9/16;max-height:100%}.mediaCard.textOnly{background:var(--container);border:1px solid var(--surface-hover);min-height:16em}.mediaCard.textOnly .visual{justify-content:center;align-items:center;display:flex}.mediaCard.textOnly .shade{background:linear-gradient(180deg,transparent 0%,transparent 60%,var(--background)100%);opacity:.6}.mediaCard.textOnly .date{color:color-mix(in srgb,var(--white)50%,transparent)}.mediaCard.textOnly .comment{color:color-mix(in srgb,var(--white)70%,transparent)}.mediaCard.textOnly:hover{border-color:color-mix(in srgb,var(--white)10%,transparent)}.mediaCard.textOnly:hover .shade{opacity:.7}.mediaCard.feed.textOnly .text{padding:4em 2em 6em}.mediaCard.feed.textOnly .textComment p{-webkit-line-clamp:10;font-size:1rem}.mediaCard.feed.textOnly .textRating .ratingBadge{--size:1.8em}.mediaCard:hover .shade{opacity:.5}.mediaCard:hover .visual img,.mediaCard:hover .visual video{transform:scale(1.05)}.mediaCard:hover .productThumb{rotate:-5deg}.mediaCard .visual,.mediaCard .shade,.mediaCard .noise,.mediaCard .bursts{position:absolute;inset:0}.mediaCard .visual{z-index:1}.mediaCard .visual .mediaContainer{background:var(--surface);width:100%;height:100%;position:absolute;inset:0}.mediaCard .visual .mediaContainer.videoContainer:after,.mediaCard .visual .mediaContainer .playButton{display:none}.mediaCard .visual img,.mediaCard .visual video{object-fit:cover;transform-origin:50%;will-change:transform;backface-visibility:hidden;width:100%;height:100%;transition:transform .6s;display:block;transform:scale(1.02)}.mediaCard .visual video{pointer-events:none}.mediaCard .shade{z-index:2;background:linear-gradient(180deg,var(--black)-25%,#0000 20%,#0000 70%,var(--black)150%);opacity:.7;filter:blur(1em);pointer-events:none;transition:opacity .3s;inset:-20px}.mediaCard .noise{z-index:3;opacity:.2;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:cover}.mediaCard>.text{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8em;width:100%;height:100%;padding:3.5em 1.5em 5em;display:flex;position:relative}.mediaCard .textComment p{color:var(--white);text-overflow:ellipsis;-webkit-line-clamp:6;-webkit-box-orient:vertical;margin:0;font-size:.85rem;font-weight:300;line-height:1.8;display:-webkit-box;overflow:hidden}.mediaCard .textRating{margin-top:.3em}.mediaCard .city{color:color-mix(in srgb,var(--white)40%,transparent);font-size:.7rem;font-weight:300}.mediaCard .bursts{z-index:6;pointer-events:none}.mediaCard .burstAnchor{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.mediaCard .burst{--burstSize:clamp(5em,10vw,7em);width:var(--burstSize);height:var(--burstSize);color:#000;transform-origin:50%;will-change:transform,opacity;place-items:center;display:grid;position:relative}.mediaCard .burst svg{z-index:1;width:100%;height:100%;position:relative;overflow:visible}.mediaCard .burst svg path,.mediaCard .burst svg circle,.mediaCard .burst svg ellipse,.mediaCard .burst svg polygon,.mediaCard .burst svg rect{fill:url(#fireGradient)}.mediaCard .topBar{z-index:8;padding:var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:0;left:0;right:0}.mediaCard .topRight,.mediaCard .topLeft{align-items:center;gap:.5em;display:flex}.mediaCard .topRight{flex:1}.mediaCard .topLeft{z-index:10}.mediaCard .date{color:var(--white);text-align:left;filter:drop-shadow(0 .1em .15em color-mix(in srgb,var(--black)10%,transparent));font-size:1em;font-weight:300;line-height:1}.mediaCard .sound{--iconSize:1.6em;background:color-mix(in srgb,var(--black)35%,transparent)!important}.mediaCard .sound .icon{color:var(--white);opacity:.5}.mediaCard .sound:hover{background:color-mix(in srgb,var(--black)12%,transparent)}.mediaCard .sound.active{background:color-mix(in srgb,var(--black)25%,transparent)}.mediaCard .sound.active .icon{opacity:1}.mediaCard .footer{z-index:6;align-items:end;gap:1em;padding:0 1em 1em;display:flex;position:absolute;bottom:0;left:0;right:0}.mediaCard .footer:after{z-index:1;content:"";opacity:.3;mix-blend-mode:soft-light;pointer-events:none;-webkit-user-select:none;user-select:none;background-image:url(/images/ui/gradient_noise/01.webp);background-repeat:no-repeat;background-size:cover;width:100%;height:150%;position:absolute;bottom:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}.mediaCard .body{z-index:2;text-align:right;width:100%;min-width:0;filter:drop-shadow(0 .1em .15em color-mix(in srgb,var(--black)20%,transparent));position:relative}.mediaCard .actions{right:0;bottom:calc(100% + var(--spacing-lg));z-index:4;align-items:center;gap:var(--spacing-md);color:var(--white);flex-direction:column;display:flex;position:absolute}.mediaCard .share{--iconSize:1.65em;--surfaceSize:1.75em;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border-color:#0000!important;padding:0!important}.mediaCard .share .icon{color:var(--white);opacity:.92}.mediaCard .share:hover{scale:1.08;background:0 0!important}.mediaCard .share:hover .icon{opacity:1}.mediaCard .likeWrap{color:var(--white);font-family:var(--fontEng);font-variation-settings:"wght" 260,"wdth" 89;flex-direction:column;justify-content:flex-end;align-items:center;gap:.1em;font-weight:300;display:flex}.mediaCard .like.disabled{cursor:default;opacity:.7}.mediaCard .status{width:2em;height:2em;color:var(--white);background:color-mix(in srgb,var(--black)30%,transparent);border:1px solid color-mix(in srgb,var(--white)20%,transparent);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:flex}.mediaCard .status.pending{color:var(--warning)}.mediaCard .status.rejected{color:var(--error)}.mediaCard .bodyHeader{justify-content:space-between;align-items:flex-end;gap:1em;margin-bottom:.45rem;display:flex;position:relative}.mediaCard .user{align-items:center;gap:.55rem;min-width:0;display:flex}.mediaCard .avatar{width:2em;height:2em;color:var(--background);background:var(--white);border-radius:var(--radius-pill);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.mediaCard .avatar img{object-fit:cover;width:100%;height:100%;display:block}.mediaCard .avatar span{font-size:.9em;font-weight:600}.mediaCard .name{min-width:0;color:var(--white);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;align-items:flex-end;font-weight:400;display:flex;overflow:hidden}.mediaCard .comment{color:#ffffffe6;text-align:right;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.74rem;line-height:1.6;display:-webkit-box;overflow:hidden}.mediaCard .productThumb{z-index:2;aspect-ratio:1;width:4em;height:auto;color:var(--background);background:var(--white);border-radius:var(--radius-sm);transition:opacity .1s,rotate .4s var(--bounceEase),scale .3s var(--bounceEase);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;scale:1}.mediaCard .productThumb img{object-fit:cover;background:var(--white);width:100%;height:100%}.mediaCard .productThumb:hover{scale:.95}