.klyp-AssetAttachmentBlock{--klyp-asset-attachment-block-remove-size:1.25rem;--klyp-asset-attachment-block-kind-icon-size:1.25rem;border:var(--bw-default,1px) solid var(--color-border-subtle);background:var(--color-bg-surface);border-radius:var(--r-card,var(--radius-md));transition:border-color var(--duration-fast,.12s) ease;flex-shrink:0;position:relative;overflow:hidden}.klyp-AssetAttachmentBlock:hover{border-color:var(--color-border-default)}.klyp-AssetAttachmentBlock[data-interactive=true]{cursor:pointer}.klyp-AssetAttachmentBlock[data-interactive=true]:focus-visible{box-shadow:0 0 0 var(--bw-emphasis,2px) color-mix(in srgb, var(--color-accent) 50%, transparent);outline:none}.klyp-AssetAttachmentBlock:hover .klyp-AssetAttachmentBlock__remove,.klyp-AssetAttachmentBlock:focus-within .klyp-AssetAttachmentBlock__remove{opacity:1}.klyp-AssetAttachmentBlock[data-variant=file]{padding:var(--space-12,.75rem);flex-direction:column;justify-content:space-between;display:flex}.klyp-AssetAttachmentBlock__header{justify-content:space-between;align-items:flex-start;gap:var(--space-4,.5rem);display:flex}.klyp-AssetAttachmentBlock__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--font-size-13,.875rem);font-weight:var(--font-weight-medium);color:var(--color-fg-primary);flex:auto;line-height:1.25;overflow:hidden}.klyp-AssetAttachmentBlock__footer{align-items:center;gap:.375rem;display:flex}.klyp-AssetAttachmentBlock__kindIcon{width:var(--klyp-asset-attachment-block-kind-icon-size);height:var(--klyp-asset-attachment-block-kind-icon-size);color:var(--color-accent,var(--color-accent));border-radius:var(--radius-sm,.25rem);place-items:center;display:grid}.klyp-AssetAttachmentBlock__kindLabel{font-size:var(--font-size-12,.75rem);font-weight:var(--font-weight-medium);color:var(--color-fg-muted)}.klyp-AssetAttachmentBlock[data-variant=photo]{aspect-ratio:1}.klyp-AssetAttachmentBlock__photo{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.klyp-AssetAttachmentBlock__remove{width:var(--klyp-asset-attachment-block-remove-size);height:var(--klyp-asset-attachment-block-remove-size);color:var(--color-fg-muted);background:color-mix(in srgb, var(--color-bg-surface) 90%, transparent);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);cursor:pointer;opacity:0;transition:opacity var(--duration-fast,.12s) ease, color var(--duration-fast,.12s) ease;top:var(--space-4,.25rem);right:var(--space-4,.25rem);z-index:10;border:0;place-items:center;display:grid;position:absolute}.klyp-AssetAttachmentBlock__remove[data-inline=true]{-webkit-backdrop-filter:none;background:0 0;flex-shrink:0;position:static}.klyp-AssetAttachmentBlock__remove:hover{color:var(--color-accent,var(--color-accent))}.klyp-AssetAttachmentBlock__remove:focus-visible{opacity:1;box-shadow:0 0 0 var(--bw-default,1px) color-mix(in srgb, var(--color-accent) 60%, transparent);outline:none}.klyp-AssetAttachmentBlock__remove>svg{width:.625rem;height:.625rem}