#tmi-payment-report {
--bg-hero:url("../images/hero-background.jpg");
--bg-in:url("../images/transition-in.jpg");
--bg-out:url("../images/transition-out.jpg");
--bg-quote:url("../images/quote-background.jpg")
}
#tmi-payment-report {

  --navy:#080E3F;
 --navy-deep:#050930;
 --purple:#514AD8;
 --violet:#8F89F2;
 --lav:#C9C6F7;

  --teal:#19F0B6;
 --red:#FF4949;
 --white:#FFFFFF;

  --paper:#F5F4FD;
 --line:#E2E0F5;
 --ink:#080E3F;
 --ink-2:#4B4F78;

  --on-dark:#FFFFFF;
 --on-dark-2:#BCBFE8;
 --on-dark-line:rgba(201,198,247,.22);

  --f-display:"Graphie","Outfit",system-ui,sans-serif;

  --f-body:"Metropolis","Montserrat",system-ui,sans-serif;

  --ease:cubic-bezier(.2,.7,.2,1);

  --stick:64px;
 --bar-bg:var(--navy);

  
  --ui-bg:#FFFFFF;
 --ui-fg:#080E3F;
 --ui-line:#DCDCE6;
 --note-bg:#FFF6C7;
 --note-fg:#2A2400;
 --note-pin:#FFD43B;

  color-scheme:light;

  box-sizing:border-box;

  padding-top:env(safe-area-inset-top,0px);

  padding-bottom:env(safe-area-inset-bottom,0px);


}
#tmi-payment-report *,#tmi-payment-report *::before,#tmi-payment-report *::after {
box-sizing:inherit
}
#tmi-payment-report {
margin:0;
background:var(--white);
color:var(--ink);
font-family:var(--f-body);
font-size:17px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
overflow-x:clip
}
#tmi-payment-report img {
max-width:100%;
display:block
}
#tmi-payment-report a {
color:inherit
}
#tmi-payment-report :focus-visible {
outline:3px solid var(--teal);
outline-offset:3px;
border-radius:4px
}
#tmi-payment-report p {
margin:0 0 1.1em;
text-wrap:pretty
}
#tmi-payment-report h1,#tmi-payment-report h2,#tmi-payment-report h3,#tmi-payment-report h4,#tmi-payment-report h5,#tmi-payment-report h6,#tmi-payment-report .take,#tmi-payment-report .statement,#tmi-payment-report .closer,#tmi-payment-report .bridge-q,#tmi-payment-report .hero-sub,#tmi-payment-report .inv-cap {
text-wrap:balance
}
#tmi-payment-report .sr-only {
position:absolute!important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0
}
#tmi-payment-report .frame {
position:relative;
width:100%
}
#tmi-payment-report .wrap {
width:min(1200px,calc(100% - 80px));
margin-inline:auto
}
#tmi-payment-report.v-site {
--stick:56px;
--bar-bg:#FFFFFF
}
#tmi-payment-report .eyebrow {
font:600 18px/1.2 var(--f-body);
letter-spacing:.14em;
text-transform:uppercase;
color:var(--purple);
margin:0 0 22px
}
#tmi-payment-report .dark .eyebrow {
color:var(--teal)
}
#tmi-payment-report .h1 {
font:300 60px/1.04 var(--f-display);
letter-spacing:-.01em;
margin:0
}
#tmi-payment-report .h2 {
font:300 66px/1.08 var(--f-display) !important;
letter-spacing:-.01em;
margin:0 0 28px
}
#tmiper-ch1 h2 {
    font-size: 66px !important;
    font-weight: 400;
}
#tmiper-ch1 .body {
	font-size: 21px;
    line-height: 1.6em !important;
}
#tmiper-ch2 .body {
    font-size: 21px;
    line-height: 1.6em !important;
}
#tmiper-ch3 .body {
    font-size: 21px;
    line-height: 1.6em !important;
}
#tmi-payment-report .h3 {
font:600 43px/1.18 var(--f-display) !important;
margin:0 0 24px
}
.story-grid .body {
	font-size: 22px !important;
	line-height: 1.6em !important;
}
#tmi-payment-report .body {
max-width:68ch;
color:var(--ink-2)
}
#tmi-payment-report .dark .body {
color:var(--on-dark-2)
}
#tmi-payment-report .note {
font-size:18px;
line-height:1.55;
font-style:italic;
color:var(--ink-2);
max-width:72ch;
margin-top:24px
}
#tmi-payment-report .dark .note {
color:var(--on-dark-2)
}
#tmi-payment-report .note.note-wide {
max-width:none
}
@media (max-width:767px) {
#tmi-payment-report .note .br-d {
display:none
}
}
#tmi-payment-report .take {
font:600 32px/1.3 var(--f-body);
color:var(--ink);
margin:0 0 16px;
max-width:30ch
}
#tmi-payment-report .num {
font-family:var(--f-display);
font-weight:600;
font-variant-numeric:tabular-nums;
letter-spacing:-.02em;
line-height:.95
}
#tmi-payment-report .chbar .wrap {
height:100%;
display:flex;
align-items:center;
gap:20px
}
#tmi-payment-report .bar-title {
font:500 18px/1 var(--f-body);
white-space:nowrap;
padding-left:20px;
border-left:1px solid var(--on-dark-line)
}
#tmi-payment-report .chbar .bar-title {
border-left-color:var(--line)
}
#tmi-payment-report .chapters {
margin-left:auto;
display:flex;
gap:28px;
list-style:none;
padding:0;
margin-top:0;
margin-bottom:0
}
#tmi-payment-report .chapters a {
display:block;
text-decoration:none;
font:500 18px/1 var(--f-body);
color:var(--on-dark-2);
padding:6px 0 10px;
position:relative;
white-space:nowrap
}
#tmi-payment-report .chapters a b {
font-weight:600;
margin-right:8px;
color:inherit;
opacity:.7
}
#tmi-payment-report .chapters a .trk {
position:absolute;
left:0;
right:0;
bottom:0;
height:2px;
background:var(--on-dark-line);
border-radius:2px;
overflow:hidden
}
#tmi-payment-report .chapters a .trk i {
position:absolute;
inset:0 auto 0 0;
width:var(--f,0%);
background:var(--teal)
}
#tmi-payment-report .chapters a.on {
color:#fff
}
#tmi-payment-report .chbar .chapters a {
color:var(--ink-2)
}
#tmi-payment-report .chbar .chapters a.on {
color:var(--ink)
}
#tmi-payment-report .chbar .chapters a .trk {
background:var(--line)
}
#tmi-payment-report .chbar .chapters a .trk i {
background:var(--purple)
}
#tmi-payment-report .bar-mob {
display:none;
margin-left:auto;
font:500 18px/1.2 var(--f-body);
text-align:right
}
#tmi-payment-report .bar-mob span {
display:block;
font-size:18px;
opacity:.7;
letter-spacing:.08em;
text-transform:uppercase
}
#tmi-payment-report .bar-mob em {
font-style:normal
}
#tmi-payment-report .bar-total {
position:absolute;
left:0;
bottom:-1px;
height:2px;
width:var(--t,0%);
background:var(--teal);
display:none
}
#tmi-payment-report .chbar .bar-total {
background:var(--purple)
}
#tmi-payment-report .btn {
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
height: 62px !important;
    padding: 0 26px !important;
    border-radius: 7px;
    font: 600 22px / 1 var(--f-body);
text-decoration:none;
border:0;
cursor:pointer
}
#tmi-payment-report .btn-primary {
background:var(--teal);
color:var(--navy)
}
#tmi-payment-report .btn-primary:hover {
background:#12D9A3
}
#tmi-payment-report .chbar {
position:sticky;
top:env(safe-area-inset-top,0px);
z-index:50;
height:76px;
background:rgba(255,255,255,.96);
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
border-bottom:1px solid var(--line);
color:var(--ink)
}
#tmi-payment-report .chbar .bar-kicker {
font:600 18px/1 var(--f-body);
letter-spacing:.12em;
text-transform:uppercase;
color:var(--purple)
}
#tmi-payment-report .hero {
position:relative;
background:var(--navy) var(--bg-hero) center top/cover no-repeat;
color:#fff;
padding:132px 0 128px;
overflow:hidden
}
#tmi-payment-report .hero::after {
content:"";
position:absolute;
inset:auto 0 0 0;
height:160px;
background:linear-gradient(to bottom,rgba(8,14,63,0),var(--navy));
pointer-events:none
}
#tmi-payment-report .hero .wrap {
position:relative;
z-index:1;
display:grid;
grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
gap:64px;
align-items:center
}
#tmi-payment-report .hero .h1 {
font-size:44px;
font-weight:400;
line-height:1.1;
margin-bottom:0px
}
#tmi-payment-report .display {
font:600 98px/.95 var(--f-display);
letter-spacing:-.03em;
margin:0 0 0px;
white-space:nowrap;
line-height:1.3em !important;

}
#tmi-payment-report .display .lt {
font-weight:300;
color:var(--on-dark-2)
}
#tmi-payment-report .hero-sub {
font:400 30px/1.35 var(--f-display) !important;
max-width:32ch;
margin:0 0 28px
}
@media (min-width:1101px) {
#tmi-payment-report .hero-sub {
max-width:none;
white-space:nowrap;
font-size:clamp(20px,1.7vw,24px)
}
}
#tmi-payment-report .hero .body {
max-width:48ch;
font-size:16px
}
#tmi-payment-report .tiles-card {
justify-self:end;
width:100%;
max-width:100%;

}
#tmi-payment-report .tiles {
display:grid;
grid-template-columns:repeat(8,1fr);
gap:15px
}
#tmi-payment-report .tile {
position:relative;
aspect-ratio:1;
border-radius:7px;
background:rgba(255,255,255,.07);
border:1px solid rgba(201,198,247,.5);
transform-origin:center;
transition:none
}
#tmi-payment-report .tile.scan {
background:rgba(25,240,182,.32);
border-color:var(--teal)
}
#tmi-payment-report .tile.hit {
background:var(--red);
border-color:var(--red);
box-shadow:0 0 0 6px rgba(255,73,73,.16),0 0 46px rgba(255,73,73,.55)
}
#tmi-payment-report .tile.hit::after {
content:"$5B";
position:absolute;
inset:0;
display:grid;
place-items:center;
font:700 14px/1 var(--f-body);
color:#fff
}
#tmi-payment-report .tiles-legend {
display:grid;
gap:10px;
margin-top:26px;
font-size:18px;
line-height:1.4;
color:var(--on-dark-2)
}
#tmi-payment-report .tiles-legend div {
display:flex;
gap:12px;
align-items:center
}
#tmi-payment-report .sw {
width:16px;
height:16px;
border-radius:4px;
flex:none;
border:1px solid rgba(201,198,247,.45);
background:rgba(255,255,255,.06)
}
#tmi-payment-report .sw.red {
background:var(--red);
border-color:var(--red)
}
#tmi-payment-report .tiles-legend .k {
color:#fff;
font-weight:600
}
#tmi-payment-report .scale {
padding:136px 0 112px
}
#tmi-payment-report .split {
display:grid;
grid-template-columns:5fr 7fr;
gap:72px;
align-items:start
}
#tmi-payment-report .cv {
margin-top:36px;
background:var(--paper);
border-radius:16px;
padding:26px 28px 24px
}
#tmi-payment-report .cv-toggle {
display:inline-flex;
background:#fff;
border:1px solid var(--line);
border-radius:999px;
padding:4px;
margin-bottom:22px
}
#tmi-payment-report .cv-toggle button {
font:600 19px/1 var(--f-body);
color:var(--ink-2);
background:transparent;
border:0;
border-radius:999px;
padding:15px 26px;
cursor:pointer
}
#tmi-payment-report .cv-toggle button[aria-pressed="true"] {
background:var(--navy);
color:#fff
}
#tmi-payment-report .cv-row {
display:grid;
grid-template-columns:150px 1fr 110px;
gap:16px;
align-items:center;
padding:10px 0;
font-size:17px
}
#tmi-payment-report .cv-row + .cv-row {
border-top:1px solid var(--line)
}
#tmi-payment-report .cv-track {
height:18px;
border-radius:7px;
background:rgba(81,74,216,.08);
position:relative;
overflow:hidden
}
#tmi-payment-report .cv-bar {
position:absolute;
inset:0 auto 0 0;
width:50%;
min-width:3px;
background:var(--purple);
border-radius:7px;
transition:width .9s var(--ease)
}
#tmi-payment-report .cv-val {
font-weight:600;
text-align:right;
font-variant-numeric:tabular-nums
}
#tmi-payment-report .m-static .cv-bar {
transition:none
}
#tmi-payment-report .dist-head {
margin-top:104px
}
#tmi-payment-report .dist {
position:relative;
display:flex;
height:76px;
border-radius:12px;
overflow:hidden;
gap:3px;
background:var(--paper)
}
#tmi-payment-report .seg {
position:relative;
height:100%;
cursor:pointer
}
#tmi-payment-report .seg .fill {
position:absolute;
inset:0;
transform-origin:left center;
transform:scaleX(var(--s,1))
}
#tmi-payment-report .seg .lbl {
position:absolute;
left:18px;
top:50%;
transform:translateY(-50%);
font:600 25px/1 var(--f-body);
color:#fff;
opacity:var(--o,1);
white-space:nowrap
}
#tmi-payment-report .seg[data-k="0"] .fill {
background:var(--red)
}
#tmi-payment-report .seg[data-k="1"] .fill {
background:var(--purple)
}
#tmi-payment-report .seg[data-k="2"] .fill {
background:var(--violet)
}
#tmi-payment-report .seg[data-k="3"] .fill {
background:var(--lav)
}
#tmi-payment-report .seg[data-k="3"] .lbl {
color:var(--navy);
left:18px
}
#tmi-payment-report .dist-legend {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
margin-top:28px
}
#tmi-payment-report .dl {
padding-top:18px;
border-top:2px solid var(--line);
transition:border-color .25s,opacity .25s;
opacity:var(--o,1)
}
#tmi-payment-report .dl b {
display:flex;
align-items:flex-start;
gap:10px;
font:700 24px/1.3 var(--f-body);
color:var(--navy);
margin-bottom:10px
}
#tmi-payment-report .dl b .key {
margin-top:5px
}
#tmi-payment-report .dl .pc {
font:600 38px/1 var(--f-display);
display:block;
margin-bottom:12px
}
#tmi-payment-report .dl p {
font-size:20px;
line-height:1.55;
color:#3A3E68;
margin:0
}
#tmi-payment-report .dl[data-k="0"] .pc {
color:var(--red)
}
#tmi-payment-report .dist.hl .seg:not(.on) {
opacity:.35
}
#tmi-payment-report .dist-legend.hl .dl:not(.on) {
opacity:.45
}
#tmi-payment-report .dl.on {
border-color:var(--navy)
}
#tmi-payment-report .dl .key {
width:12px;
height:12px;
border-radius:3px;
flex:none
}
#tmi-payment-report .bridge {
position:relative;
background:#fff
}
#tmi-payment-report .band {
position:relative;
background-repeat:no-repeat;
background-size:100% auto
}
#tmi-payment-report .band-in {
background-image:var(--bg-in);
aspect-ratio:1920/930;
background-position:center bottom
}
#tmi-payment-report .band-in::before {
content:"";
position:absolute;
inset:0 0 auto;
height:90px;
background:linear-gradient(#fff,rgba(255,255,255,0))
}
#tmi-payment-report .band-in::after {
content:"";
position:absolute;
inset:auto 0 -1px;
height:120px;
background:linear-gradient(rgba(8,14,63,0),var(--navy))
}
#tmi-payment-report .bridge-text {
position:absolute;
left:50%;
top:12%;
transform:translateX(-50%);
width:min(960px,80%);
text-align:center;
z-index:2
}
#tmi-payment-report .bridge-q {
font:300 48px/1.2 var(--f-display) !important;
margin:0 0 20px;
color:var(--ink)
}
#tmi-payment-report .bridge-q strong {
	font-weight: 400 !important;
}
#tmi-payment-report .bridge-a {
font:500 24px/1.5 var(--f-body);
color:var(--ink-2);
margin:0
}
#tmi-payment-report .band-out {
background-image:var(--bg-out);
aspect-ratio:1920/720;
background-position:center top
}
#tmi-payment-report .band-out::before {
content:"";
position:absolute;
inset:-1px 0 auto;
height:140px;
background:linear-gradient(var(--navy),rgba(8,14,63,0))
}
#tmi-payment-report .band-out::after {
content:"";
position:absolute;
inset:auto 0 -1px;
height:110px;
background:linear-gradient(rgba(255,255,255,0),#fff)
}
#tmi-payment-report .case {
background:var(--navy);
color:#fff;
padding:24px 0 40px
}
#tmi-payment-report .context {
display:flex;
gap:0;
margin:64px 0 0;
padding:0;
list-style:none;
font-size:20px;
color:var(--on-dark-2)
}
#tmi-payment-report .context li {
padding:0 28px;
border-left:1px solid var(--on-dark-line)
}
#tmi-payment-report .context li:first-child {
padding-left:0;
border-left:0
}
#tmi-payment-report .context b {
color:#fff;
font-weight:600
}
#tmi-payment-report .context-lead {
margin:64px 0 18px;
font-size:20px;
color:var(--on-dark-2)
}
#tmi-payment-report .context-lead + .context {
margin-top:0
}
@media (max-width:767px) {
#tmi-payment-report .context-lead {
margin-top:40px
}
}
#tmi-payment-report .findings {
display:grid;
grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
gap:56px;
align-items:start;
max-width:1300px;
margin:72px 0 0;
padding-top:48px;
border-top:1px solid var(--on-dark-line)
}
#tmi-payment-report .f-label {
font:600 18px/1.3 var(--f-body);
letter-spacing:.14em;
text-transform:uppercase;
color:var(--on-dark-2);
margin:0 0 20px
}
#tmi-payment-report .f-count {
display:flex;
align-items:baseline;
gap:18px;
margin:0
}
#tmi-payment-report .f-count .num {
font-size:108px
}
#tmi-payment-report .unit {
font:400 26px/1.2 var(--f-display);
color:var(--on-dark-2)
}
#tmi-payment-report .f-money {
display:flex;
align-items:baseline;
flex-wrap:nowrap;
gap:6px 12px;
white-space:nowrap;
margin:34px 0 0;
padding-top:30px;
border-top:1px solid var(--on-dark-line)
}
#tmi-payment-report .f-money .num {
font-size:60px;
color:var(--lav)
}
#tmi-payment-report .finding.paid .f-money .num {
color:var(--red)
}
#tmi-payment-report .f-arrow {
align-self:center;
font:200 64px/1 var(--f-display);
color:var(--violet);
padding-top:24px
}
#tmi-payment-report .case-after {
display:grid;
grid-template-columns:7fr 5fr;
gap:72px;
margin-top:72px
}
#tmi-payment-report .story {
background:#fff;
padding:40px 0 0
}
#tmi-payment-report .story-grid {
display:grid;
grid-template-columns:280px minmax(0,1fr);
gap:88px
}
#tmi-payment-report .rail {
position:sticky;
top:calc(env(safe-area-inset-top,0px) + var(--stick) + 56px);
align-self:start;
padding:6px 0 0 22px
}
#tmi-payment-report .rail::before {
content:"";
position:absolute;
left:5px;
top:12px;
bottom:12px;
width:2px;
background:var(--line)
}
#tmi-payment-report .rail .rfill {
position:absolute;
left:5px;
top:12px;
width:2px;
height:calc((100% - 24px) * var(--r,0));
background:var(--purple)
}
#tmi-payment-report .rail ol {
list-style:none;
margin:0;
padding:0;
display:grid;
gap:30px
}
#tmi-payment-report .rail a {
position:relative;
display:block;
text-decoration:none;
font:600 18px/1.3 var(--f-body);
letter-spacing:.12em;
text-transform:uppercase;
color:#9C9EBD
}
#tmi-payment-report .rail a::before {
content:"";
position:absolute;
left:-22px;
top:1px;
width:12px;
height:12px;
border-radius:50%;
background:#fff;
border:2px solid #C7C6E3
}
#tmi-payment-report .rail a.on {
color:var(--ink)
}
#tmi-payment-report .rail a.on::before,#tmi-payment-report .rail a.done::before {
border-color:var(--purple);
background:var(--purple)
}
#tmi-payment-report .rail .rail-k {
font:500 18px/1.4 var(--f-body);
letter-spacing:0;
text-transform:none;
color:var(--ink-2);
margin:0 0 26px
}
#tmi-payment-report .part {
padding-bottom:128px
}
#tmi-payment-report .story-main {
max-width:100%;
}
#tmi-payment-report .pinwrap {
position:relative
}
#tmi-payment-report.pins .pinwrap {
height:var(--pinh,240vh)
}
#tmi-payment-report.pins .pinwrap > .stage {
position:sticky;
top:calc(env(safe-area-inset-top,0px) + var(--stick));
height:calc(100vh - var(--stick) - env(safe-area-inset-top,0px));
display:flex;
align-items:center
}
#tmi-payment-report .stage {
margin:44px 0
}
#tmi-payment-report.pins .pinwrap > .stage {
margin:0
}
#tmi-payment-report .inv-panel {
width:100%;
background:var(--paper);
border-radius:22px;
padding:48px 44px 40px
}
#tmi-payment-report .inv-cards {
position:relative;
display:grid;
grid-template-columns:1fr 64px 1fr;
align-items:center
}
#tmi-payment-report .inv-card {
background:#fff;
border-radius:18px;
padding:22px 24px 24px;
box-shadow:0 1px 0 rgba(8,14,63,.04),0 18px 40px -18px rgba(8,14,63,.28);
border:1px solid #ECEBF8
}
#tmi-payment-report .inv-card .ihd {
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:22px
}
#tmi-payment-report .inv-card .ihd span {
font:600 18px/1 var(--f-body);
letter-spacing:.14em;
text-transform:uppercase;
color:var(--purple)
}
#tmi-payment-report .inv-card .ihd i {
width:28px;
height:28px;
border-radius:7px;
background:var(--paper);
display:block
}
#tmi-payment-report .inv-card .lab {
font-size:12px;
color:var(--ink-2);
margin-bottom:6px
}
#tmi-payment-report .inv-no {
font:500 46px/1 var(--f-display);
font-variant-numeric:tabular-nums;
letter-spacing:-.01em;
white-space:nowrap;
margin-bottom:22px;
display:flex;
align-items:baseline
}
#tmi-payment-report .inv-no .suf {
display:inline-flex;
color:var(--red);
border-radius:6px;
padding:0 2px;
margin-left:2px;
outline:2px solid transparent;
outline-offset:2px;
background:transparent
}
#tmi-payment-report .inv-no .suf.hl {
background:rgba(255,73,73,.12);
outline-color:var(--red)
}
#tmi-payment-report .inv-no .suf span {
display:inline-block
}
#tmi-payment-report .inv-no .caret {
display:inline-block;
width:2px;
height:.9em;
background:var(--red);
margin-left:3px;
align-self:center;
opacity:0
}
#tmi-payment-report .inv-no .caret.typing {
opacity:1;
animation:tmiper-blink .8s steps(1) infinite
}
@keyframes tmiper-blink {
50% {
opacity:0
}
}
#tmi-payment-report #tmiper-card-a {
position:relative;
z-index:2
}
#tmi-payment-report #tmiper-card-b {
position:relative;
z-index:1
}
#tmi-payment-report .irow {
display:grid;
grid-template-columns:96px 1fr;
gap:10px;
align-items:center;
font-size:12px;
color:var(--ink-2);
padding:7px 0;
border-top:1px solid #F0EFF9
}
#tmi-payment-report .sk {
height:9px;
border-radius:5px;
background:#E3E2F3
}
#tmi-payment-report .inv-arrow {
justify-self:center;
font:300 34px/1 var(--f-display);
color:var(--purple)
}
#tmi-payment-report .chips {
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:28px
}
#tmi-payment-report .chip {
display:inline-flex;
align-items:center;
gap:9px;
background:#fff;
border:1px solid var(--line);
border-radius:999px;
padding:8px 18px 8px 8px;
font:600 18px/1 var(--f-body)
}
#tmi-payment-report .chip i {
width:20px;
height:20px;
border-radius:50%;
display:grid;
place-items:center;
font:700 18px/1 var(--f-body);
font-style:normal
}
#tmi-payment-report .chip.ok i {
background:var(--teal);
color:var(--navy)
}
#tmi-payment-report .chip.no i {
background:var(--red);
color:#fff
}
#tmi-payment-report .chip.no {
border-color:rgba(255,73,73,.5)
}
#tmi-payment-report .inv-cap {
font:500 22px/1.3 var(--f-display);
margin:26px 0 0
}
#tmi-payment-report .bigstat {
display:grid;
grid-template-columns:auto 1fr;
gap:28px;
align-items:center;
margin:64px 0 40px
}
#tmi-payment-report .bigstat .num {
font-size:114px;
	font-weight: 700 !important;
color:var(--red)
}
#tmi-payment-report .bigstat p {
margin:0;
font:500 24px/1.4 var(--f-body);
max-width:28ch
}
#tmi-payment-report .pairs-key {
display:flex;
gap:22px;
font-size:18px;
color:var(--ink-2);
margin-bottom:18px
}
#tmi-payment-report .pairs-key span {
display:inline-flex;
gap:8px;
align-items:center
}
#tmi-payment-report .pairs-key i {
width:12px;
height:12px;
border-radius:3px;
display:block
}
#tmi-payment-report .pr {
display:grid;
grid-template-columns:250px 1fr;
gap:20px;
align-items:center;
padding:16px 0;
border-top:1px solid var(--line)
}
#tmi-payment-report .pr:last-child {
border-bottom:1px solid var(--line)
}
#tmi-payment-report .pr .pl {
font:600 20px/1.35 var(--f-body)
}
#tmi-payment-report .pr .bars {
display:grid;
gap:7px
}
#tmi-payment-report .pb {
display:flex;
align-items:center;
gap:10px;
font:600 18px/1 var(--f-body);
font-variant-numeric:tabular-nums
}
#tmi-payment-report .pb i {
display:block;
height:18px;
border-radius:4px;
width:calc(var(--w) * var(--s,1) * .82)
}
#tmi-payment-report .pb.a i {
background:var(--lav)
}
#tmi-payment-report .pb.b i {
background:var(--purple)
}
#tmi-payment-report .pr.hot .pb.b i {
background:var(--red)
}
#tmi-payment-report .pr.hot .pb.b {
color:var(--red)
}
#tmi-payment-report .pb em {
font-style:normal;
opacity:var(--o,1)
}
#tmi-payment-report .steps {
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
margin:44px 0 16px
}
#tmi-payment-report .step {
position:relative;
min-height:128px;
padding:34px 56px 34px 50px;
color:var(--ink)
}
#tmi-payment-report .step:first-child {
padding-left:40px
}
#tmi-payment-report .step svg.chev {
position:absolute;
inset:0;
width:100%;
height:100%;
z-index:0;
overflow:visible
}
#tmi-payment-report .step svg.chev polygon {
fill:var(--paper);
transition:fill .5s var(--ease)
}
#tmi-payment-report .step.on svg.chev polygon {
fill:#E6E4FA
}
#tmi-payment-report .step > *:not(svg) {
position:relative;
z-index:1
}
#tmi-payment-report .step svg.chev-v {
display:none
}
#tmi-payment-report .step .sn {
font:400 20px/1 var(--f-display);
color:#A3A0D9;
margin-bottom:10px;
display:block;
transition:color .5s
}
#tmi-payment-report .step h4 {
font:600 24px/1.3 var(--f-body) !important;
margin:0 0 6px;
color:#6B6E92;
transition:color .5s
}
#tmi-payment-report .step p {
font-size:18px;
line-height:1.45;
margin:0;
color:#8A8CAB;
transition:color .5s
}
#tmi-payment-report .step.on .sn {
color:var(--purple)
}
#tmi-payment-report .step.on h4 {
color:var(--navy)
}
#tmi-payment-report .step.on p {
color:var(--ink-2)
}
#tmi-payment-report .m-static .step svg.chev polygon,#tmi-payment-report .m-static .step .sn,#tmi-payment-report .m-static .step h4,#tmi-payment-report .m-static .step p {
transition:none
}
#tmi-payment-report .stats4 {
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin:52px 0 56px;
padding-top:32px;
border-top:1px solid var(--line)
}
#tmi-payment-report .stats4 .num {
font-size:66px;
color:var(--purple);
display:block;
margin-bottom:12px;
white-space:nowrap
}
#tmi-payment-report .lead-in {
font-weight:500;
color:var(--ink)
}
#tmi-payment-report .nw {
white-space:nowrap
}
#tmi-payment-report .num small {
font-size:.5em;
letter-spacing:0
}
#tmi-payment-report .stats4 p {
font-size:18px;
line-height:1.45;
color:var(--ink-2);
margin:0
}
#tmi-payment-report .po {
display:grid;
grid-template-columns:auto 1fr;
gap:32px;
align-items:center;
margin:40px 0 18px
}
#tmi-payment-report .po .num {
font-size:124px;
color:var(--purple);
white-space:nowrap
}
#tmi-payment-report .po p {
margin:0;
font:500 20px/1.4 var(--f-body);
max-width:28ch
}
#tmi-payment-report .docs {
display:flex;
gap:18px;
margin:8px 0 18px;
flex-wrap:wrap
}
#tmi-payment-report .doc {
width:46px;
height:58px;
position:relative;
opacity:var(--o,1);
transform:translateY(var(--y,0px))
}
#tmi-payment-report .doc svg {
width:100%;
height:100%
}
#tmi-payment-report .doc .pg {
fill:#fff;
stroke:#C7C6E3;
stroke-width:2
}
#tmi-payment-report .doc .ln {
stroke:#D9D8EE;
stroke-width:2.5;
stroke-linecap:round
}
#tmi-payment-report .doc.on .pg {
fill:var(--purple);
stroke:var(--purple)
}
#tmi-payment-report .doc.on .ln {
stroke:rgba(255,255,255,.55)
}
#tmi-payment-report .docs-key {
font-size:18px;
color:var(--ink-2);
display:flex;
gap:10px;
align-items:center
}
#tmi-payment-report .docs-key i {
width:12px;
height:12px;
border-radius:3px;
background:var(--purple)
}
#tmi-payment-report .statement {
font:400 34px/1.22 var(--f-display);
margin:44px 0 0;
max-width:24ch
}
#tmi-payment-report .forward {
background:#fff;
padding:200px 0 128px
}
#tmi-payment-report .forward .inner {
margin-left:calc(280px + 88px);
max-width:780px
}
#tmi-payment-report .erp-wrap {
margin:40px 0 56px
}
#tmi-payment-report.pins #tmiper-erp-mod > .stage {
align-items:flex-start;
padding-top:24px
}
#tmi-payment-report .erp-panel {
position:relative;
width:100%;
background:var(--navy);
background-image:radial-gradient(900px 420px at 72% 10%,rgba(81,74,216,.55),rgba(8,14,63,0) 70%),radial-gradient(600px 400px at 0% 100%,rgba(25,240,182,.10),rgba(8,14,63,0) 70%);
border-radius:26px;
padding:56px;
color:#fff;
overflow:hidden
}
#tmi-payment-report .erp-viz {
position:relative;
display:grid;
grid-template-columns:270px 1fr 330px 74px 270px;
align-items:center
}
#tmi-payment-report .erp-col {
grid-column:1;
display:grid;
gap:18px
}
#tmi-payment-report .erp-card {
position:relative;
background:rgba(255,255,255,.06);
border:1px solid var(--on-dark-line);
border-radius:12px;
padding:18px 16px 12px;
opacity:var(--o,1)
}
#tmi-payment-report .erp-card h5 {
margin:0 0 10px;
font:600 18px/1 var(--f-body);
display:flex;
justify-content:space-between
}
#tmi-payment-report .erp-card h5 span {
font-weight:500;
color:var(--on-dark-2);
font-size:18px
}
#tmi-payment-report .strip {
position:relative;
height:30px;
border-bottom:1px solid rgba(201,198,247,.35)
}
#tmi-payment-report .tk {
position:absolute;
bottom:0;
width:6px;
margin-left:-3px;
border-radius:3px 3px 0 0;
height:var(--h,16px);
transform-origin:bottom;
transform:scaleY(var(--s,1));
opacity:var(--o,1)
}
#tmi-payment-report .tk.c1 {
background:var(--teal)
}
#tmi-payment-report .tk.c2 {
background:var(--violet)
}
#tmi-payment-report .tk.c3 {
background:var(--lav)
}
#tmi-payment-report .tk.c4 {
background:#fff
}
#tmi-payment-report .tk.ring {
box-shadow:0 0 0 3px var(--navy),0 0 0 5px var(--red)
}
#tmi-payment-report .erp-hist {
grid-column:3;
opacity:var(--o,1)
}
#tmi-payment-report .erp-cmp {
grid-column:5;
opacity:var(--o,1)
}
#tmi-payment-report .erp-node {
background:rgba(255,255,255,.08);
border:1px solid rgba(201,198,247,.4);
border-radius:16px;
padding:22px 22px 20px
}
#tmi-payment-report .erp-node h5 {
margin:0 0 6px;
font:600 17px/1.3 var(--f-body)
}
#tmi-payment-report .erp-node p {
margin:0 0 18px;
font-size:18px;
line-height:1.45;
color:var(--on-dark-2)
}
#tmi-payment-report .erp-hist .strip {
height:46px
}
#tmi-payment-report .erp-cmp .zoom {
position:relative;
height:74px;
display:flex;
align-items:flex-end;
gap:16px;
padding:0 0 0 18px;
border-bottom:1px solid rgba(201,198,247,.35)
}
#tmi-payment-report .erp-cmp .zoom .tk {
position:relative;
margin:0;
width:18px;
left:auto
}
#tmi-payment-report .flag {
display:inline-flex;
align-items:center;
gap:8px;
margin-top:16px;
background:rgba(255,73,73,.14);
border:1px solid var(--red);
color:#fff;
border-radius:999px;
padding:7px 12px;
font:600 12px/1 var(--f-body);
opacity:var(--o,1)
}
#tmi-payment-report .flag i {
width:8px;
height:8px;
border-radius:50%;
background:var(--red)
}
#tmi-payment-report svg.erp-lines {
position:absolute;
inset:0;
width:100%;
height:100%;
overflow:visible;
pointer-events:none
}
#tmi-payment-report svg.erp-lines path {
fill:none;
stroke:rgba(201,198,247,.55);
stroke-width:1.5
}
#tmi-payment-report svg.erp-lines path.arrow {
stroke:var(--teal);
stroke-width:2
}
#tmi-payment-report svg.erp-lines polygon {
fill:var(--teal)
}
#tmi-payment-report .erp-foot {
margin-top:30px;
font-size:12px;
color:var(--on-dark-2);
font-style:italic
}
#tmi-payment-report .twoup {
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
margin:40px 0 44px
}
#tmi-payment-report .tu {
background:var(--paper);
border-radius:18px;
padding:40px;
}
#tmi-payment-report .tu .mini {
position:relative;
height:56px;
border-bottom:1px solid #CFCDEA;
margin-bottom:22px
}
#tmi-payment-report .tu .mini .tk {
background:var(--purple);
width:8px;
margin-left:-4px
}
#tmi-payment-report .tu .mini .tk.r {
background:var(--red)
}
#tmi-payment-report .tu .mini .pair-link {
position:absolute;
height:8px;
border:2px solid var(--red);
border-bottom:0;
border-radius:3px 3px 0 0
}
#tmi-payment-report .tu p {
margin:0;
font:500 18px/1.45 var(--f-body);
color:var(--ink)
}
#tmi-payment-report .closer {
font:400 40px/1.15 var(--f-display);
margin:0
}
#tmi-payment-report .closer-moment {
min-height:64vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
margin-top:56px
}
#tmi-payment-report .closer-moment .cl-row {
margin-left:auto;
margin-right:auto
}
#tmi-payment-report .closer-moment > .stage {
margin:0;
width:100%
}
#tmi-payment-report.pins .closer-moment {
display:block;
min-height:0
}
#tmi-payment-report.pins .closer-moment > .stage {
justify-content:center
}
#tmi-payment-report .closer-moment .closer {
font:300 clamp(44px,6vw,92px)/1.2 var(--f-display) !important;
letter-spacing:-.025em;
text-wrap:initial
}
#tmi-payment-report .closer-moment .closer strong {
	font-weight: 300 !important;
}
@media (min-width:901px) {
#tmi-payment-report .cl {
white-space:nowrap
}
}
#tmi-payment-report .cl-row {
display:block;
position:relative;
width:fit-content;
max-width:100%;
--w:1
}
#tmi-payment-report .cl-row + .cl-row {
margin-top:.08em
}
#tmi-payment-report .cl {
display:block;
clip-path:inset(-.25em calc((1 - var(--w)) * 100%) -.25em 0)
}
#tmi-payment-report .cl-2 {
color:var(--purple)
}
#tmi-payment-report .caret {
position:absolute;
top:10%;
bottom:6%;
left:calc(var(--w) * 100% + 6px);
width:5px;
border-radius:3px;
background:var(--teal);
opacity:var(--co,0)
}
#tmi-payment-report .quote {
position:relative;
background:var(--navy) var(--bg-quote) center/cover no-repeat;
color:#fff;
padding:128px 0 0;
overflow:hidden
}
#tmi-payment-report .quote .wrap {
display:grid;
grid-template-columns:minmax(0,7.4fr) minmax(0,4.6fr);
gap:56px;
align-items:end
}
#tmi-payment-report .q-mark {
	font-family: "Outfit", system-ui, sans-serif !important;
font:300 140px/.6 var(--f-display);
color:var(--violet);
display:block;
height:56px
}
#tmi-payment-report blockquote {
margin:0 0 40px;
font:300 38px/1.42 var(--f-display);
letter-spacing:-.005em
}
#tmi-payment-report blockquote .w {
opacity:var(--o,1);
transition:none
}
#tmi-payment-report .q-by {
padding-bottom:128px
}
#tmi-payment-report .q-by b {
display:block;
font:600 22px/1.3 var(--f-body)
}
#tmi-payment-report .q-by span {
color:var(--on-dark-2);
font-size:22px
}
#tmi-payment-report .q-photo {
align-self:end;
justify-self:center;
width:min(450px,100%)
}
#tmi-payment-report .q-photo img {
width:100%;
height:auto
}
#tmi-payment-report .cta {
padding:136px 0 120px;
background:#fff
}
#tmi-payment-report .cta .split {
align-items:end
}
#tmi-payment-report .cta .h2 {
margin:0
}
#tmi-payment-report .cta .body {
margin-bottom:32px;
font-size:26px
}
#tmi-payment-report .cta-btns {
display:flex;
flex-wrap:wrap;
gap:12px
}
@media (max-width:767px) {
#tmi-payment-report .cta-btns .btn {
width:100%
}
}
#tmi-payment-report .method {
background:var(--paper);
padding:100px 0px
}
#tmi-payment-report .method .eyebrow {
margin-bottom:24px;
font-style:normal
}
#tmi-payment-report .method-cols {
display:grid;
grid-template-columns:1fr 1fr;
gap:56px
}
#tmi-payment-report .method p {
font-size:18px;
line-height:1.6;
font-style:italic;
color:var(--ink-2);
margin:0
}
#tmi-payment-report .btn-teal {
background:var(--teal);
color:var(--navy)
}
@media (max-width:1100px) {
	#tmi-payment-report .tiles-card {
		max-width: 700px;
	}
#tmi-payment-report .hero .wrap {
grid-template-columns:1fr;
gap:56px
}
#tmi-payment-report .tiles-card {
justify-self:start
}
#tmi-payment-report .story-grid {
grid-template-columns:minmax(0,1fr);
gap:0
}
#tmi-payment-report .rail {
display:none
}
#tmi-payment-report .forward .inner {
margin-left:0
}
#tmi-payment-report .erp-viz {
grid-template-columns:240px 1fr 300px 56px 230px
}
}
@media (max-width:900px) {
#tmi-payment-report .erp-viz {
grid-template-columns:1fr;
row-gap:0
}
#tmi-payment-report .erp-col {
grid-template-columns:1fr 1fr
}
#tmi-payment-report .erp-hist,#tmi-payment-report .erp-cmp {
grid-column:1
}
#tmi-payment-report .erp-gap {
height:64px
}
#tmi-payment-report .erp-gap2 {
height:56px
}
}
@media (max-width:767px) {
#tmi-payment-report {
font-size:16px
}
#tmi-payment-report .wrap {
width:calc(100% - 40px)
}
#tmi-payment-report .chbar .wrap {
gap:12px
}
#tmi-payment-report .bar-title {
display:none
}
#tmi-payment-report .chapters {
display:none
}
#tmi-payment-report .bar-mob {
display:block
}
#tmi-payment-report .bar-total {
display:block
}
#tmi-payment-report .hero {
padding:64px 0 88px
}
#tmi-payment-report .hero .h1 {
font-size:30px;
margin-bottom:36px
}
#tmi-payment-report .display {
font-size:52px;
white-space:normal
}
#tmi-payment-report .hero-sub {
font-size:20px
}
#tmi-payment-report .tiles {
gap:7px
}
#tmi-payment-report .h2 {
font-size:36px
}
#tmi-payment-report .h3 {
font-size:26px
}
#tmi-payment-report .scale {
padding:88px 0 72px
}
#tmi-payment-report .split {
grid-template-columns:1fr;
gap:8px
}
#tmi-payment-report .cv {
padding:20px 18px
}
#tmi-payment-report .cv-row {
grid-template-columns:1fr 92px;
gap:6px 12px
}
#tmi-payment-report .cv-row .cv-track {
grid-column:1/-1;
grid-row:2
}
#tmi-payment-report .cv-toggle button {
padding:9px 18px;
font-size:12px
}
#tmi-payment-report .dist-head {
margin-top:72px
}
#tmi-payment-report .dist {
height:56px
}
#tmi-payment-report .seg .lbl {
font-size:18px;
left:10px
}
#tmi-payment-report .seg[data-k="3"] .lbl {
display:none
}
#tmi-payment-report .dist-legend {
grid-template-columns:1fr;
gap:0
}
#tmi-payment-report .dl {
display:grid;
grid-template-columns:64px 1fr;
gap:4px 12px;
padding:16px 0
}
#tmi-payment-report .dl .pc {
grid-row:1/3;
font-size:24px;
margin:0
}
#tmi-payment-report .bridge-text {
position:static;
transform:none;
width:auto;
text-align:left;
padding:8px 20px 0
}
#tmi-payment-report .bridge-q {
font-size:28px
}
#tmi-payment-report .bridge-a {
font-size:16px
}
#tmi-payment-report .band-in {
margin-top:12px
}
#tmi-payment-report .context {
flex-direction:column;
gap:8px;
margin-top:40px
}
#tmi-payment-report .context li {
border:0;
padding:0
}
#tmi-payment-report .findings {
grid-template-columns:1fr;
gap:20px;
margin-top:44px
}
#tmi-payment-report .f-count .num {
font-size:80px
}
#tmi-payment-report .f-money {
flex-wrap:wrap;
white-space:normal
}
#tmi-payment-report .f-money .num {
font-size:40px
}
#tmi-payment-report .unit {
font-size:19px
}
#tmi-payment-report .f-arrow {
transform:rotate(90deg);
justify-self:start;
padding:0 0 0 12px;
font-size:48px
}
#tmi-payment-report .case-after {
grid-template-columns:1fr;
gap:0;
margin-top:48px
}
#tmi-payment-report .part {
padding-bottom:88px
}
#tmi-payment-report .inv-panel {
padding:24px 18px
}
#tmi-payment-report .inv-cards {
grid-template-columns:1fr;
gap:12px
}
#tmi-payment-report .inv-arrow {
transform:rotate(90deg)
}
#tmi-payment-report .inv-no {
font-size:38px
}
#tmi-payment-report .inv-cap {
font-size:19px
}
#tmi-payment-report .bigstat,#tmi-payment-report .po {
grid-template-columns:1fr;
gap:12px;
margin-top:48px
}
#tmi-payment-report .bigstat .num,#tmi-payment-report .po .num {
font-size:80px
}
#tmi-payment-report .pr {
grid-template-columns:1fr;
gap:10px
}
#tmi-payment-report .steps {
grid-template-columns:1fr;
gap:8px
}
#tmi-payment-report .step,#tmi-payment-report .step:first-child {
min-height:0;
padding:18px 20px 36px
}
#tmi-payment-report .step svg.chev-h {
display:none
}
#tmi-payment-report .step svg.chev-v {
display:block
}
#tmi-payment-report .stats4 {
grid-template-columns:1fr 1fr;
gap:28px 20px
}
#tmi-payment-report .stats4 .num {
font-size:38px
}
#tmi-payment-report .take {
font-size:22px
}
#tmi-payment-report .statement {
font-size:28px
}
#tmi-payment-report .forward {
padding:40px 0 88px
}
#tmi-payment-report .erp-panel {
padding:28px 18px;
border-radius:20px
}
#tmi-payment-report .erp-col {
gap:10px
}
#tmi-payment-report .erp-card {
padding:12px
}
#tmi-payment-report .erp-card h5 span {
display:none
}
#tmi-payment-report .twoup {
grid-template-columns:1fr
}
#tmi-payment-report .closer {
font-size:30px
}
#tmi-payment-report .closer-moment {
min-height:52vh;
margin-top:32px
}
#tmi-payment-report .closer-moment .closer {
font-size:clamp(34px,10vw,44px)
}
#tmi-payment-report .quote {
padding-top:88px
}
#tmi-payment-report .quote .wrap {
grid-template-columns:1fr;
gap:0
}
#tmi-payment-report blockquote {
font-size:23px
}
#tmi-payment-report .q-by {
padding-bottom:40px
}
#tmi-payment-report .q-photo {
width:260px;
justify-self:start
}
#tmi-payment-report .cta {
padding:88px 0
}
#tmi-payment-report .cta .h2 {
margin-bottom:20px
}
#tmi-payment-report .btn-primary {
width:100%;
font-size:15px;
white-space:nowrap;
padding:0 16px
}
#tmi-payment-report .method-cols {
grid-template-columns:1fr;
gap:20px
}
}
@media (prefers-reduced-motion:reduce) {
#tmi-payment-report .cv-bar,#tmi-payment-report .step svg.chev polygon {
transition:none
}
}
/* Integration adjustments, restricted to this report. */
#tmi-payment-report  {
 --tmiper-top:0px;
 --stick:56px;
 padding:0;
 position:relative;
 width:100%;
 min-width:0;
 overflow:visible;
 
}
#tmi-payment-report *, #tmi-payment-report *::before, #tmi-payment-report *::after  {
 box-sizing:border-box;
 
}
#tmi-payment-report h1,#tmi-payment-report h2,#tmi-payment-report h3,#tmi-payment-report h4,#tmi-payment-report h5  {
 color:inherit;
 
}
#tmi-payment-report button  {
 text-transform:none;
 letter-spacing:normal;
 
}
#tmi-payment-report .chbar  {
 top:var(--tmiper-top);
 z-index:90;
 
}
#tmi-payment-report [id]  {
 scroll-margin-top:calc(var(--tmiper-top) + var(--stick) + 24px);
 
}
#tmi-payment-report .rail  {
 top:calc(var(--tmiper-top) + var(--stick) + 56px);
 
}
#tmi-payment-report.pins .pinwrap > .stage  {
 top:calc(var(--tmiper-top) + var(--stick));
 height:calc(100vh - var(--tmiper-top) - var(--stick));
 
}
#tmi-payment-report.pins .pinwrap.no-pin  {
 height:auto;
 
}
#tmi-payment-report.pins .pinwrap.no-pin > .stage  {
 position:relative;
 top:auto;
 height:auto;
 margin:44px 0;
 
}
#tmi-payment-report .erp-viz  {
 grid-template-columns:minmax(0,1fr) 48px minmax(0,1.2fr) 48px minmax(0,1fr);
 
}
#tmi-payment-report .erp-viz > *  {
 min-width:0;
 
}
#tmi-payment-report .erp-panel  {
 padding:40px;
 
}
#tmi-payment-report .btn-primary  {
 white-space:normal;
 height:auto;
 min-height:52px;
 padding:16px 26px;
 text-align:center;
 
}
#tmi-payment-report .bar-title  {
 min-width:0;
 
}
#tmi-payment-report .doc .tick  {
 display:none;
 
}
#tmi-payment-report .cv-toggle  {
 max-width:100%;
 
}
@media(max-width:1100px) {
 #tmi-payment-report .chbar .bar-title  {
 display:none; 
} #tmi-payment-report .f-money  {
 flex-wrap:wrap; white-space:normal; 
} 
}
@media(max-width:900px) {
 #tmi-payment-report .erp-viz  {
 grid-template-columns:1fr;
	}
 #tmi-payment-report .erp-panel  {
 padding:28px 18px;
	}
}
@media(max-width:767px) {
 #tmi-payment-report .wrap  {
 width:calc(100% - 40px);
	}
 #tmi-payment-report .cv-toggle button  {
 white-space:normal;
	}
}
@media(prefers-reduced-motion:reduce) {
 #tmi-payment-report *,#tmi-payment-report *::before,#tmi-payment-report *::after  {
 animation:none!important; transition:none!important;
	}
}

#tmi-report-logos .dpd-logos{
  padding: 30px 0;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    #080E3F 0%,
    #514AD8 25%,
    #514AD8 75%,
    #080E3F 100%
  );
}
#tmi-report-logos .dpd-logos .dpd-container{
    max-width: 1700px;
    margin: auto;
}
#tmi-report-logos .dpd-logos-row{
    display: flex;
    align-items: center;
    gap: 48px;
}
#tmi-report-logos .dpd-logos-kicker{
    flex: 0 0 20%;
    max-width: 20%;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.2 !important;
    text-align: left;
}
#tmi-report-logos .dpd-marquee{
    flex: 1;
    min-width: 0;
}
#tmi-report-logos .dpd-marquee{
  position: relative;
  overflow: hidden;
  padding: 18px 0;
  -webkit-mask-image: linear-gradient(
    90deg,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    90deg,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}
#tmi-report-logos .dpd-marquee-track{
  display: flex;
  align-items: center;
  gap: 90px;
  width: max-content;
  animation: tmiper-dpd-marquee 20s linear infinite;
  will-change: transform;
}
@keyframes tmiper-dpd-marquee{
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}
#tmi-report-logos .dpd-logo{
  color: rgba(255, 255, 255, .68);
  font-weight: 600;
  letter-spacing: .02em;
  text-transform: none;
  opacity: .9;
  white-space: nowrap;
}
#tmi-report-logos .dpd-logo--img{
  flex: 0 0 auto;
  width: 140px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#tmi-report-logos .dpd-logo--img img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
#tmi-report-logos .dpd-logo--text{
  flex: 0 0 auto;
}
@media (max-width: 990px) {#tmi-report-logos .dpd-logos{
    padding: 28px 0;
  }
	#tmi-payment-report .h2 {
		font: 300 52px / 1.08 var(--f-display) !important;
	}
	#tmi-payment-report .cv-toggle button {
    font: 600 14px / 1 var(--f-body);
	}
	#tmi-payment-report .cv-row {
    font-size: 14px;
	}
	#tmiper-ch1 .body {
    font-size: 18px;
	}
	#tmiper-ch2 .body {
    font-size: 18px;
	}
	#tmiper-ch3 .body {
    font-size: 18px;
	}
	#tmi-payment-report .h3 {
    font: 600 30px / 1.18 var(--f-display) !important;
	}
	#tmi-payment-report .dl b {
    font: 700 18px / 1.3 var(--f-body);
	}
	#tmi-payment-report .dl p {
    font-size: 14px;
	}
	#tmi-payment-report .note {
    font-size: 14px;
	}
	#tmi-payment-report .bridge-q {
    font: 300 36px / 1.2 var(--f-display) !important;
	}
	#tmi-payment-report .bridge-text {
    width: min(960px, 50%);
	}
	#tmi-payment-report .f-money .num {
    font-size: 40px;
	}
	#tmi-payment-report .unit {
    font: 400 18px / 1.2 var(--f-display);
	}
	#tmi-payment-report .f-count .num {
    font-size: 88px;
}
	.story-grid .body {
    font-size: 18px !important;
	}
	#tmi-payment-report .pairs-key {
    font-size: 14px;
	}
	#tmi-payment-report .pr .pl {
    font: 600 16px / 1.35 var(--f-body);
}
	#tmi-payment-report .step h4 {
    font: 600 18px / 1.3 var(--f-body) !important;
	}
	#tmi-payment-report .step p {
    font-size: 14px;
	}
	#tmi-payment-report .stats4 .num {
    font-size: 46px;
	}
	#tmi-payment-report .stats4 p {
    font-size: 14px;
	}
	#tmi-payment-report blockquote {
    font: 300 32px / 1.42 var(--f-display);
	}
	#tmi-payment-report .q-by b {
    font: 600 18px / 1.3 var(--f-body);
}
	#tmi-payment-report .q-by span {
    font-size: 18px;
}
	#tmi-payment-report .cta .body {
    font-size: 20px;
}
	#tmi-payment-report .btn {
    height: 52px !important;
    font: 600 18px / 1 var(--f-body);
	}
	#tmi-payment-report .method p {
    font-size: 14px;
	}
	#tmiper-bridge {
		padding: 0px !important;
	}
#tmi-payment-report .bridge-a {
    font: 500 18px / 1.5 var(--f-body);
	}
#tmi-report-logos .dpd-logos-row{
    flex-direction: column;
    gap: 24px;
}
#tmi-report-logos .dpd-logos-kicker{
    flex: none;
    max-width: 100%;
    width: 100%;

    text-align: center;
    font-size: 22px;
    padding: 0 20px;
}
#tmi-report-logos .dpd-marquee{
    overflow: hidden;
    padding: 18px 0;
    -webkit-mask-image: linear-gradient(
      90deg,
      transparent 0%,
      black 8%,
      black 92%,
      transparent 100%
    );
    mask-image: linear-gradient(
      90deg,
      transparent 0%,
      black 8%,
      black 92%,
      transparent 100%
    );
  }
#tmi-report-logos .dpd-marquee-track{
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 34px);
    grid-auto-columns: 105px;
    align-items: center;
    gap: 24px 34px;
    width: max-content;
    animation: tmiper-dpd-marquee-mobile 28s linear infinite !important;
    will-change: transform;
  }
#tmi-report-logos .dpd-logo,#tmi-report-logos .dpd-logo--img,#tmi-report-logos .dpd-logo--text{
    width: 105px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
#tmi-report-logos .dpd-logo--img{
    flex: none;
  }
#tmi-report-logos .dpd-logo--img img{
    max-width: 92px;
    max-height: 30px;
    width: auto;
    height: auto;
    display: block;
    object-fit: contain;
  }
#tmi-report-logos .dpd-logo:nth-child(even){
    transform: translateX(44px);
  }
@keyframes tmiper-dpd-marquee-mobile{
    from {
      transform: translate3d(0, 0, 0);
    }

    to {
      transform: translate3d(-50%, 0, 0);
    }
  }}
#tmi-report-logos .dpd-container { padding-inline:24px; }
#tmi-report-logos .dpd-marquee { width:100%; }
#tmi-report-logos .dpd-marquee-track { padding-right:90px; }
#tmi-report-logos:hover .dpd-marquee-track, #tmi-report-logos:focus-within .dpd-marquee-track { animation-play-state:paused!important; }
@media(max-width:990px){ #tmi-report-logos .dpd-marquee-track { padding-right:34px; } }
@media(prefers-reduced-motion:reduce){
 #tmi-report-logos .dpd-marquee { mask-image:none; -webkit-mask-image:none; }
 #tmi-report-logos .dpd-marquee-track { animation:none!important; transform:none!important; display:flex; flex-wrap:wrap; justify-content:center; width:100%; padding:0; gap:24px; }
 #tmi-report-logos .dpd-logo:nth-child(even) { transform:none; }
 #tmi-report-logos .dpd-logo[aria-hidden="true"] { display:none; }
}


/* To fix top padding/spacing for sticky header */
#tmi-payment-report {
  padding-top: 100px;
  --tmiper-top: 102px;
}
@media (min-width: 768px) and (max-width: 1100px) {
  #tmi-payment-report {
    --tmiper-top: 92px;
  }
}

@media (max-width: 767px) {
  #tmi-payment-report {
    --tmiper-top: 87px;
  }
	#tmi-payment-report .dl .pc {
    font: 600 22px / 1 var(--f-display) !important;
	}
	    #tmi-payment-report .bridge-text {
        width: min(960px, 100%);
        text-align: center;
    }
	#tmi-payment-report .h2 {
        font: 300 38px / 1.08 var(--f-display) !important;
    }
	#tmi-payment-report .bridge-q {
        font: 300 30px / 1.2 var(--f-display) !important;
    }
	#tmiper-ch1 .body {
        font-size: 16px;
    }
	#tmiper-ch2 .body {
        font-size: 16px;
    }
	#tmiper-ch3 .body {
        font-size: 16px;
    }
	#tmi-payment-report .f-count .num {
        font-size: 68px;
    }
	#tmi-payment-report .f-money .num {
        font-size: 30px;
    }
	.story-grid .body {
        font-size: 16px !important;
    }
	#tmi-payment-report .chip {
    font: 600 14px / 1 var(--f-body);
}
	#tmi-payment-report .chip i {
    font: 700 10px / 1 var(--f-body);
	}
	#tmi-payment-report .inv-cap {
    font: 500 16px / 1.3 var(--f-display) !important;
	}
	#tmi-payment-report .bigstat p {
    font: 500 20px / 1.4 var(--f-body);
	}
	    #tmi-payment-report .bigstat .num, #tmi-payment-report .po .num {
        font-size: 60px;
    }
	#tmi-payment-report .stats4 .num {
        font-size: 36px;
    }
	bigstat .num, .po .num {
        font-size: 60px;
    }
	.po p {
    font: 500 16px / 1.4 var(--f-body);
	}
	    #tmi-payment-report blockquote {
        font: 300 22px / 1.42 var(--f-display);
    }
}

/* Fixing logos section */
#tmi-report-logos.dpd-logos {
  width: 100%;
  padding: 30px 0;
  overflow: hidden;
  background: linear-gradient(
    90deg,
    #080e3f 0%,
    #514ad8 25%,
    #514ad8 75%,
    #080e3f 100%
  ) !important;
}

#tmi-report-logos,
#tmi-report-logos * {
  box-sizing: border-box;
}

#tmi-report-logos .dpd-container {
  width: 100%;
  max-width: 1700px;
  margin-inline: auto;
  padding-inline: 32px;
}

#tmi-report-logos .dpd-logos-row {
  display: flex;
  align-items: center;
  gap: 48px;
}

#tmi-report-logos .dpd-logos-kicker {
  flex: 0 0 20%;
  max-width: 20%;
  margin: 0;
  color: #fff;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}

#tmi-report-logos .dpd-marquee {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  padding: 18px 0;
  mask-image: linear-gradient(
    90deg, transparent, #000 10%, #000 90%, transparent
  );
  -webkit-mask-image: linear-gradient(
    90deg, transparent, #000 10%, #000 90%, transparent
  );
}

#tmi-report-logos .dpd-marquee-track {
  display: flex;
  align-items: center;
  gap: 90px;
  width: max-content;
  padding-right: 90px;
  animation: tmiper-logo-scroll 20s linear infinite;
}

#tmi-report-logos .dpd-logo {
  flex: 0 0 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  height: 34px;
  opacity: 0.9;
}

#tmi-report-logos .dpd-logo img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 34px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

@keyframes tmiper-logo-scroll {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@media (max-width: 990px) {
  #tmi-report-logos.dpd-logos {
    padding: 28px 0;
  }

  #tmi-report-logos .dpd-container {
    padding-inline: 20px;
  }

  #tmi-report-logos .dpd-logos-row {
    flex-direction: column;
    gap: 24px;
  }

  #tmi-report-logos .dpd-logos-kicker {
    flex: none;
    width: 100%;
    max-width: 100%;
    font-size: 22px;
    text-align: center;
  }

  #tmi-report-logos .dpd-marquee {
    flex: none;
    width: 100%;
    padding: 18px 0;
  }

  #tmi-report-logos .dpd-marquee-track {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(2, 34px);
    grid-auto-columns: 105px;
    gap: 24px 34px;
    padding-right: 34px;
    animation: tmiper-logo-scroll 28s linear infinite !important;
  }

  #tmi-report-logos .dpd-logo {
    width: 105px;
    height: 34px;
  }

  #tmi-report-logos .dpd-logo img {
    max-width: 92px;
    max-height: 30px;
  }

  #tmi-report-logos .dpd-logo:nth-child(even) {
    transform: translateX(44px);
  }
}

#tmi-report-logos:hover .dpd-marquee-track {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  #tmi-report-logos .dpd-marquee {
    mask-image: none;
    -webkit-mask-image: none;
  }

  #tmi-report-logos .dpd-marquee-track {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 0;
    gap: 24px;
    animation: none !important;
    transform: none !important;
  }

  #tmi-report-logos .dpd-logo:nth-child(even) {
    transform: none;
  }

  #tmi-report-logos .dpd-logo[aria-hidden="true"] {
    display: none;
  }
}

#tmi-report-logos:hover .dpd-marquee-track,
#tmi-report-logos:focus-within .dpd-marquee-track {
  animation-play-state: running !important;
}

@media (min-width: 991px) {
  #tmi-report-logos .dpd-logos-kicker {
    flex: 0 0 300px;
    max-width: 300px;
  }

  #tmi-report-logos .dpd-logos-row {
    gap: 40px;
  }
}

/* Remove related-resource section on this template only */
.trustmi-payment-errors-resource .yarpp-related {
  display: none !important;
}

/* Give the desktop report more room and slightly larger type */
@media (min-width: 1101px) {
  #tmi-payment-report .wrap {
    width: calc(100% - 80px);
    max-width: 1500px;
  }

  #tmi-payment-report {
    font-size: 18px;
  }

  #tmi-payment-report .hero .body {
    font-size: 20px;
  }

  #tmi-payment-report .hero .h1 {
    font-size: 48px;
  }

  #tmi-payment-report .h2 {
    font-size: 58px;
  }

  #tmi-payment-report .h3 {
    font-size: 36px;
  }
}

#tmi-payment-report.pins #tmiper-erp-mod:not(.no-pin) > .stage {
  height: auto;
  min-height: 0;
  padding-top: 24px;
}

#tmi-payment-report .inv-no {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
}

#tmi-payment-report .inv-no > .caret {
  position: static;
  display: inline-block;
  flex: 0 0 2px;
  width: 2px;
  height: 0.9em;
  margin-left: 3px;
  align-self: center;
  border-radius: 0;
}