:host{position:relative;width:100%;height:auto;--transaction-card-border:var(--colour-brand-graphite-60);--transaction-card-text-titles:var(--theme-text-title);--transaction-card-text-desc:var(--theme-text-body);--transaction-card-text-bg:var(--theme-text-background);--transaction-card-content-gutter:var(--spacing-lg);--transaction-card-content-block:var(--spacing-2xl) var(--spacing-3xl);--transaction-title-margin-block:var(--spacing-3xl) 0;--transaction-text-gap:var(--spacing-2xl);--transaction-footer-padding-start:calc(var(--spacing-4xl) - var(--spacing-2xl))}.transaction{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;grid-template-areas:"image" "content";padding:0}.transaction,.transaction-wrap{position:relative;width:100%;height:100%}.transaction-wrap{container-type:inline-size;background-color:var(--transaction-card-text-bg)}@container (min-width: 320px){.transaction{--transaction-card-content-gutter:var(--spacing-2xl);--transaction-card-content-block:var(--spacing-2xl) var(--spacing-4xl)}}@container (min-width: 945px){.transaction{--transaction-card-content-gutter:0px;--transaction-card-content-block:var(--spacing-4xl);grid-template-columns:1fr 1fr;grid-template-areas:"image content";grid-template-rows:auto;gap:var(--spacing-7xl)}}.transaction-text{position:static;width:100%;display:flex;flex-flow:column;gap:var(--transaction-text-gap);padding-block:var(--transaction-card-content-block);padding-inline:var(--transaction-card-content-gutter);box-sizing:border-box;background-color:initial;margin-block:0;margin-inline:0 auto;grid-area:content}@container (min-width: 945px){.transaction-text{max-width:27.375rem;margin-block:auto;margin-inline:auto}}.transaction-header{position:static;width:100%;display:flex;flex-flow:row wrap;gap:0 var(--spacing-lg);margin-block:0;place-self:start}.transaction-title{position:static;margin-block:var(--transaction-title-margin-block);flex:1 0 100%;order:3}.transaction-footer{position:relative;width:100%;height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:var(--spacing-xlg);margin-block:auto 0;padding-block-start:var(--transaction-footer-padding-start);place-self:end}.transaction-footer:has(.transaction-arrow){grid-template-columns:auto 2rem}.transaction-list{grid-column:1/2;width:auto;height:auto;display:flex;flex-flow:row wrap;gap:var(--spacing-lg);padding:0;margin:0;list-style:none}.transaction-arrow,.transaction-list{position:relative;grid-row:1/2;align-items:center}.transaction-arrow{width:2rem;height:2rem;display:block;place-self:center;margin-block:auto;margin-inline:auto 0;display:flex;flex-flow:row;justify-content:center;border-radius:100%;border:.0625rem solid var(--transaction-card-text-titles);grid-column:2/2}.transaction-arrow svg{position:relative;width:1rem;height:1rem;display:block;margin-block:auto;margin-inline:auto}.transaction-arrow svg use{fill:var(--transaction-card-text-titles)}::slotted(.transaction-card-image),::slotted(.transaction-card-image-logo){grid-area:image;border:.0625rem solid var(--transaction-card-border);background-color:var(--colour-background-light);z-index:0}@container (min-width: 945px){::slotted(.transaction-card-image),::slotted(.transaction-card-image-logo){position:absolute}}::slotted(.transaction-date){order:1;z-index:0;color:var(--transaction-card-text-titles)!important}::slotted(.transaction-status){order:2;color:var(--transaction-card-text-titles)!important;z-index:0}::slotted(.transaction-description){z-index:0;color:var(--transaction-card-text-desc)!important;margin-block:0;place-self:start}::slotted(.transaction-list-item){z-index:0;color:var(--transaction-card-text-titles)!important}::slotted(.transaction-link){--link-underline-end:0px;--link-underline-start:0px}::slotted(.transaction-link):hover{background-size:0 .0625rem,calc(100% - var(--link-underline-end) - var(--link-underline-start)) .0625rem}::slotted(.transaction-link):focus-visible{background-size:0 .0625rem,calc(100% - var(--link-underline-end) - var(--link-underline-start)) .0625rem}::slotted(.transaction-link){transition:background-size var(--anim-speed-short) var(--anim-easing-cubic)}@media (prefers-reduced-motion:reduce){::slotted(.transaction-link){transition:none!important;animation:none!important}}::slotted(.transaction-link){text-decoration:none;background:linear-gradient(90deg,#0000,#0000),linear-gradient(90deg,currentcolor,currentcolor);background-size:100% .0625rem,0 .0625rem;background-position:100% 100%,0 100%;background-repeat:no-repeat;text-align:start;z-index:1;color:var(--transaction-card-text-titles)}::slotted(.transaction-link):before{position:absolute;inset:0;content:"";z-index:2}::slotted(.transaction-link:hover){background-size:0 .0625rem,calc(100% - var(--link-underline-end) - var(--link-underline-start)) .0625rem}::slotted(uid-dialog){position:static;z-index:2}