@keyframes klyp-MediaFrame-breathe{0%,to{background-color:var(--color-bg-surface)}50%{background-color:var(--color-bg-surface-solid)}}.klyp-MediaFrame{isolation:isolate;border-radius:var(--r-section);background-color:var(--color-bg-surface);width:100%;position:relative;overflow:hidden}.klyp-MediaFrame[data-aspect="1:1"]{aspect-ratio:1}.klyp-MediaFrame[data-aspect="16:9"]{aspect-ratio:16/9}.klyp-MediaFrame[data-aspect="9:16"]{aspect-ratio:9/16}.klyp-MediaFrame[data-aspect="3:2"]{aspect-ratio:3/2}.klyp-MediaFrame[data-aspect="2:3"]{aspect-ratio:2/3}.klyp-MediaFrame[data-aspect="21:9"]{aspect-ratio:21/9}.klyp-MediaFrame[data-aspect="9:21"]{aspect-ratio:9/21}.klyp-MediaFrame[data-aspect="4:3"]{aspect-ratio:4/3}.klyp-MediaFrame[data-aspect="3:4"]{aspect-ratio:3/4}.klyp-MediaFrame__media{z-index:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;filter:blur(var(--blur-24));transition:filter 1.2s;position:absolute;inset:0}.klyp-MediaFrame__media--slot{justify-content:center;align-items:center;display:flex}.klyp-MediaFrame__media--slot img,.klyp-MediaFrame__media--slot video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.klyp-MediaFrame .klyp-MediaFrame__media--slot>*{width:100%;max-width:100%;height:100%;max-height:100%}.klyp-MediaFrame__overlay{z-index:1;border-radius:var(--r-section);background-color:var(--color-bg-surface);justify-content:center;align-items:center;transition:opacity 1.2s;animation:4s ease-in-out infinite klyp-MediaFrame-breathe;display:flex;position:absolute;inset:0}.klyp-MediaFrame__labelWrap{z-index:1;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex;position:relative}.klyp-MediaFrame__label{font-size:var(--font-size-12);color:var(--color-fg-primary);font-weight:500}.klyp-MediaFrame__eta{font-size:var(--font-size-10);color:var(--color-fg-subtle);font-variant-numeric:tabular-nums;margin:0}.klyp-MediaFrame[data-revealed=true] .klyp-MediaFrame__media{filter:blur()}.klyp-MediaFrame[data-revealed=true] .klyp-MediaFrame__overlay{opacity:0;pointer-events:none;animation:none}@media (prefers-reduced-motion:reduce){.klyp-MediaFrame__overlay{animation:none}:is(.klyp-MediaFrame__media,.klyp-MediaFrame__overlay,.klyp-SnakeBorder:has(>.klyp-MediaFrame)){transition:none}}.klyp-SnakeBorder:has(>.klyp-MediaFrame){border-radius:var(--r-section)}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="1:1"]){width:min(var(--chat-media-max-h,70svh) * 1 / 1, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="16:9"]){width:min(var(--chat-media-max-h,70svh) * 16 / 9, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="9:16"]){width:min(var(--chat-media-max-h,70svh) * 9 / 16, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="3:2"]){width:min(var(--chat-media-max-h,70svh) * 3 / 2, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="2:3"]){width:min(var(--chat-media-max-h,70svh) * 2 / 3, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="21:9"]){width:min(var(--chat-media-max-h,70svh) * 21 / 9, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="9:21"]){width:min(var(--chat-media-max-h,70svh) * 9 / 21, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="4:3"]){width:min(var(--chat-media-max-h,70svh) * 4 / 3, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-aspect="3:4"]){width:min(var(--chat-media-max-h,70svh) * 3 / 4, var(--chat-media-max-w,80%))}.klyp-SnakeBorder:has(>.klyp-MediaFrame[data-revealed=true]) .klyp-SnakeBorder__ring:before{opacity:0;transition:opacity 1s}.klyp-SnakeBorder:has(>.klyp-MediaFrame) .klyp-SnakeBorder__ring{z-index:1}