:where(.DebitCardMockup){--DebitCardMockup-api-border-radius:12px;--DebitCardMockup-api-color-fg:hsl(var(--color-accent-sky));--DebitCardMockup-api-topFill-size:66.667%;--DebitCardMockup-api-padding:7.5cqw}.DebitCardMockup{--DebitCardMockup-const-aspectRatio:calc(27/17);aspect-ratio:var(--DebitCardMockup-const-aspectRatio);border-radius:min(5%,12px)/min(calc(5%*var(--DebitCardMockup-const-aspectRatio)),12px);color:var(--DebitCardMockup-api-color-fg);font-weight:var(--fontWeight-normal);container-type:size}.DebitCardMockup-card{grid-template-rows:var(--DebitCardMockup-api-topFill-size)calc(100% - var(--DebitCardMockup-api-topFill-size));background:linear-gradient(to right,hsl(var(--color-hsl-flint)),hsl(var(--color-hsl-emerald)));box-shadow:var(--hairline-fakeBorder)var(--color-base-chrome-1);perspective:inherit;grid-template-columns:100%}.DebitCardMockup-card-topContent{padding:var(--DebitCardMockup-api-padding);gap:8px var(--DebitCardMockup-api-padding);grid-template:". .visaLogo"1fr"chip. ."/auto 1fr auto}.DebitCardMockup-card-topContent-visaLogo{aspect-ratio:1.61765;width:15cqw;fill:var(--color-accent-sky);grid-area:visaLogo}.DebitCardMockup-card-topContent-chip{aspect-ratio:1.14706;border:1px solid hsl(var(--color-hsl-black)/80%);background-color:hsl(var(--color-hsl-black)/80%);border-radius:2.5cqw;grid-template:"content"100%/100%;grid-area:chip;width:12.5cqw}.DebitCardMockup-card-topContent-chip:after{content:" ";mix-blend-mode:multiply;opacity:.3;background-image:linear-gradient(90deg,#77614b00,#77614b);grid-area:content;width:100%;height:100%}.DebitCardMockup-card-topContent-chip-metal{fill:#e0ccb7;grid-area:content}.DebitCardMockup-card-bottomContent{padding:var(--DebitCardMockup-api-padding);clip-path:var(--DebitCardMockup-private-clipPath);background:#113336;grid-template:"poolLogo"100%/100%}.DebitCardMockup-card-bottomContent-poolLogo{aspect-ratio:3.08333;width:30cqw;fill:var(--color-accent-emerald);grid-area:poolLogo}