:root{--DebitCardMockup-const-aspectRatio:calc(27/17)}: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{aspect-ratio:var(--DebitCardMockup-const-aspectRatio);border-radius:var(--DebitCardMockup-api-border-radius);width:100%;color:var(--DebitCardMockup-api-color-fg);font-weight:var(--fontWeight-normal);font-family:var(--fontFamily-sans);position:relative;container-type:size}.DebitCardMockup-clipPath{opacity:0;width:0;position:absolute;overflow:visible}.DebitCardMockup-card{box-sizing:border-box;grid-template-rows:var(--DebitCardMockup-api-topFill-size)calc(100% - var(--DebitCardMockup-api-topFill-size));border-radius:inherit;background:linear-gradient(to right,hsl(var(--color-hsl-flint)),hsl(var(--color-hsl-teal)));width:100%;height:100%;box-shadow:var(--hairline-fakeBorder)var(--color-base-chrome-1);perspective:inherit;grid-template-columns:100%;display:grid;position:absolute;overflow:hidden}.DebitCardMockup-card-topContent{box-sizing:border-box;padding:var(--DebitCardMockup-api-padding);align-items:start;gap:8px var(--DebitCardMockup-api-padding);grid-template:". .visaLogo"1fr"chip. ."/auto 1fr auto;display:grid}.DebitCardMockup-card-topContent-visaLogo{width:15cqw;fill:var(--color-accent-sky);aspect-ratio:2.25;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:6px;grid-template:"content"100%/100%;grid-area:chip;align-self:start;align-items:center;width:clamp(28px,100%,12.5cqw);display:grid;overflow:hidden}.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;width:100%;height:100%}.DebitCardMockup-card-bottomContent{box-sizing:border-box;width:100%;padding:var(--DebitCardMockup-api-padding);clip-path:var(--DebitCardMockup-private-clipPath);background:#113336;grid-template:"poolLogo"100%/100%;display:grid;position:relative}.DebitCardMockup-card-bottomContent-poolLogo{fill:#00919e;aspect-ratio:3.08333;grid-area:poolLogo;place-self:center;width:30cqw}