@font-face{font-family:CitiComponent;src:url('/citi-offers-prototype/assets/Interstate-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CitiComponent;src:url('/citi-offers-prototype/assets/Interstate-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
.case-editorial .citi-component-stage{display:grid;place-items:center;min-height:440px;padding:64px 36px;border-radius:16px;background:var(--case-canvas);overflow:hidden;isolation:isolate}
.case-editorial .citi-component-card{width:72%;max-width:480px;background:#fff;border-radius:20px;color:#252525;box-shadow:0 16px 30px -16px #19384d32;font-family:CitiComponent,Arial,sans-serif}
.case-editorial .citi-component-card svg{display:block;width:100%;height:auto;overflow:visible;font-family:inherit;fill:currentColor}
.case-editorial [data-citi-component=checking]{padding-block:64px}
.case-editorial [data-citi-component=checking] .citi-component-card{width:55%;max-width:350px;container-type:inline-size;overflow:hidden}
.case-editorial .citi-checking-card h4{margin:0;padding:6% 4.5%;font:700 4.5cqw/1.2 CitiComponent,Arial,sans-serif;color:#006fa9}
.case-editorial .citi-checking-card img{display:block;width:100%;height:auto;border-radius:0;box-shadow:none}
.case-editorial .citi-checking-media{position:relative;aspect-ratio:2232/1460;overflow:hidden}
.case-editorial .citi-checking-crop{position:absolute;inset:0;transform:scale(1.24);transform-origin:left center;pointer-events:none}
.case-editorial .citi-checking-crop>video{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;pointer-events:none}
.case-editorial .citi-checking-copy{padding:5% 4.5% 10%}
.case-editorial .citi-checking-copy p{margin:0 0 8%;font:400 4.5cqw/1.5 CitiComponent,Arial,sans-serif;color:#292929}
.case-editorial .citi-checking-button{display:block;width:64%;padding:3% 0;border-radius:7px;background:#006fa9;text-align:center;color:white;font:700 4.5cqw/1.6 CitiComponent,Arial,sans-serif}
@media(max-width:767px){.case-editorial .citi-component-stage{min-height:0;padding:48px 24px;border-radius:12px}.case-editorial .citi-component-card{width:100%;border-radius:12px}.case-editorial [data-citi-component=checking]{padding:48px 24px}.case-editorial [data-citi-component=checking] .citi-component-card{width:82%;max-width:300px}}
/* The original Credit Spent tooltip has a diffuse shadow, without a border. */
.case-editorial .citi-component-card{position:relative;container-type:inline-size}
.case-editorial .citi-component-card>svg{position:relative;z-index:1}
.case-editorial .citi-credit-cloud{position:absolute;z-index:0;left:37.833%;width:24.333%;border:0;border-radius:1.667cqw;background:#fff;box-shadow:0 .5cqw 2cqw rgb(0 0 0 / 9%);opacity:0;pointer-events:none}
.case-editorial .citi-credit-cloud::after{content:"";position:absolute;z-index:-1;left:50%;bottom:-1.3cqw;width:2.6cqw;height:2.6cqw;background:#fff;transform:translateX(-50%) rotate(45deg);box-shadow:.5cqw .5cqw 1cqw rgb(0 0 0 / 3%)}