.ThreeSteps_SpendFigure{box-sizing:border-box;grid-template:"content"100%/100%;width:100%;height:100%;padding:20px;display:grid}.ThreeSteps_SpendFigure-debitCard{width:min(360px,90cqw);box-shadow:60px 120px 60px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*1)),40px 80px 50px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*5)),20px 40px 40px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*9)),5px 10px 20px hsl(var(--color-hsl-black)/calc(var(--shadow-color-opacity)*10));grid-area:content;place-self:start center}@container (width<=300px){.ThreeSteps_SpendFigure-debitCard{display:none}}.ThreeSteps_SpendFigure-receipt{transform-origin:50%;width:max(40cqw,24ch);box-shadow:var(--shadow-2);font:var(--font-compactMono);background:linear-gradient(#f2f2ef,#fdfdfa) padding-box padding-box;grid-area:content;place-self:start center;padding:2lh 1lh;position:relative;transform:translate(-8cqw)rotate(-5deg)}.ThreeSteps_SpendFigure-receipt:before{content:"";border-top:1.5px dotted #f2f2ef;position:absolute;top:-1px;left:0;right:0}.ThreeSteps_SpendFigure-receipt:after{content:"";border-top:1.5px dotted #fdfdfa;position:absolute;bottom:-1px;left:0;right:0}@container (width<=300px){.ThreeSteps_SpendFigure-receipt{transform:none}}.ThreeSteps_SpendFigure-receipt-merchant{text-align:center;margin-bottom:1lh}.ThreeSteps_SpendFigure-receipt-phone{text-align:center}.ThreeSteps_SpendFigure-receipt-rule{border:none;height:1lh;padding:0}.ThreeSteps_SpendFigure-receipt-rule:before{content:"------------------------"}.ThreeSteps_SpendFigure-receipt-lineItems{margin:1lh 0}.ThreeSteps_SpendFigure-receipt-lineItems-item{grid-template:"name quantity"1lh"price price"1lh/1fr auto;column-gap:1ch;margin:1lh 0;display:grid}.ThreeSteps_SpendFigure-receipt-lineItems-item-name{grid-area:name}.ThreeSteps_SpendFigure-receipt-lineItems-item-quantity{grid-area:quantity}.ThreeSteps_SpendFigure-receipt-lineItems-item-quantity:before{content:"x "}.ThreeSteps_SpendFigure-receipt-lineItems-item-price{text-align:right;grid-area:price}.ThreeSteps_SpendFigure-receipt-total{font-weight:var(--fontWeight-bold);text-transform:uppercase;grid-template:"label price"1lh/1fr auto;column-gap:1ch;display:grid}.ThreeSteps_SpendFigure-receipt-total-label{grid-area:label}.ThreeSteps_SpendFigure-receipt-total-price{grid-area:price}.ThreeSteps_SpendFigure-receipt-footer{text-align:center;margin-top:2lh}
.ThreeSteps-contentWrapper{flex-direction:column;align-items:center;gap:24px;display:flex}.ThreeSteps-headline{max-width:600px;margin-bottom:var(--lineHeight-h3);font:var(--font-h2Wide);text-align:center;text-transform:uppercase;grid-area:headline}.ThreeSteps-subhead{max-width:600px;margin-bottom:var(--Slice-const-gap);font:var(--font-base);text-align:center;text-wrap:pretty;grid-area:subhead}.ThreeSteps-steps{align-items:start;gap:var(--Slice-const-padding-h);grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;width:100%;display:grid}.ThreeSteps-steps-step{grid-template:"figure""title""body"/100%;place-items:start center;gap:24px;display:grid}.ThreeSteps-steps-step-figure{z-index:0;aspect-ratio:4/3;border-radius:var(--borderRadius-colorBlock);background:var(--color-base-bg-1);width:100%;color:var(--color-base-fg-1);grid-area:figure;position:relative;overflow:hidden;container-type:size}.ThreeSteps-steps-step-figure:before{z-index:1;border-radius:var(--borderRadius-colorBlock);box-shadow:var(--hairline-fakeBorder-inset)var(--color-base-chrome-2);content:"";pointer-events:none;position:absolute;inset:0}.ThreeSteps-steps-step-title{font:var(--font-h3Wide);text-transform:uppercase;text-wrap:balance;grid-area:title}.ThreeSteps-steps-step-body{text-wrap:pretty;grid-area:body}@media (width<=1200px){.ThreeSteps-steps-step-title{font:var(--font-h4Wide)}}@media (width<=940px){.ThreeSteps-steps{flex-direction:column;gap:90px;display:flex}.ThreeSteps-steps-step{gap:12px var(--Slice-const-padding-h);grid-template-rows:auto 1fr}.ThreeSteps-steps-step:where(:nth-child(odd)){grid-template-columns:50% calc(50% - var(--Slice-const-padding-h));grid-template-areas:"figure title""figure body"}.ThreeSteps-steps-step:where(:nth-child(2n)){grid-template-columns:calc(50% - var(--Slice-const-padding-h))50%;grid-template-areas:"title figure""body figure"}}@media (width<=600px){.ThreeSteps-steps{gap:60px}.ThreeSteps-steps-step{grid-template:"figure""title""body"/100%;place-items:start stretch;gap:12px}.ThreeSteps-steps-step-figure{aspect-ratio:2;margin-bottom:12px}.ThreeSteps-steps-step-title{text-align:center}}
