::view-transition-group(chat-image-preview){animation-duration:.35s;animation-timing-function:cubic-bezier(.32,.72,0,1)}html.vt-image-preview-closing::view-transition-group(chat-image-preview){animation-duration:.25s}::view-transition-image-pair(chat-image-preview){isolation:auto;animation:.35s cubic-bezier(.32,.72,0,1) both vt-image-preview-decoration-in;overflow:clip}html.vt-image-preview-closing::view-transition-image-pair(chat-image-preview){animation-name:vt-image-preview-decoration-out;animation-duration:.25s}@keyframes vt-image-preview-decoration-in{0%{inset:var(--vt-image-preview-source-inset,0%);box-shadow:0 4px 32px color-mix(in srgb, var(--cds-black) 0%, transparent), 0 0 0 .5px color-mix(in srgb, var(--cds-black) 0%, transparent);border-radius:var(--vt-image-preview-source-radius,.5rem)}to{box-shadow:0 4px 32px color-mix(in srgb, var(--cds-black) 30%, transparent), 0 0 0 .5px color-mix(in srgb, var(--cds-black) 25%, transparent);border-radius:var(--vt-image-preview-target-radius,.375rem);inset:0%}}@keyframes vt-image-preview-decoration-out{0%{box-shadow:0 4px 32px color-mix(in srgb, var(--cds-black) 30%, transparent), 0 0 0 .5px color-mix(in srgb, var(--cds-black) 25%, transparent);border-radius:var(--vt-image-preview-target-radius,.375rem);inset:0%}to{inset:var(--vt-image-preview-source-inset,0%);box-shadow:0 4px 32px color-mix(in srgb, var(--cds-black) 0%, transparent), 0 0 0 .5px color-mix(in srgb, var(--cds-black) 0%, transparent);border-radius:var(--vt-image-preview-source-radius,.5rem)}}::view-transition-old(chat-image-preview),::view-transition-new(chat-image-preview){mix-blend-mode:normal;object-fit:cover;width:100%;height:100%;animation:none}html:not(.vt-image-preview-closing)::view-transition-old(chat-image-preview){display:none}html.vt-image-preview-closing::view-transition-new(chat-image-preview){display:none}html.vt-image-preview-no-origin::view-transition-group(chat-image-preview){animation-name:vt-image-preview-fade-out}@keyframes vt-image-preview-fade-out{to{opacity:0}}html.vt-image-preview-active :not(html){view-transition-name:none!important}html.vt-image-preview-active::view-transition-group(root){animation-duration:.35s!important}html.vt-image-preview-active.vt-image-preview-closing::view-transition-group(root){animation-duration:.25s!important}html.vt-image-preview-active.vt-image-preview-crossfade::view-transition-group(root){animation-duration:.18s!important}