.crd{--_crd-width:var(--crd-width,290px);--_crd-radius:var(--crd-radius,14px);--_crd-font:var(--crd-font,"Avenir Next", "Segoe UI", ui-sans-serif, sans-serif);--_crd-color:var(--crd-color,var(--_crd-color-theme,#fff));--_crd-bg:var(--crd-bg,var(--_crd-bg-theme,linear-gradient(135deg, #43464b, #1e2126)));--_crd-shadow:var(--crd-shadow,0 8px 24px #00000047);--_crd-flip-duration:var(--crd-flip-duration,.75s);width:var(--_crd-width);aspect-ratio:1.586;perspective:1000px;font-family:var(--_crd-font);color:var(--_crd-color)}.crd--brand-visa{--_crd-bg-theme:linear-gradient(135deg, #0f509e, #1399cd)}.crd--brand-mastercard{--_crd-bg-theme:linear-gradient(135deg, #354057, #191c22)}.crd--brand-amex{--_crd-bg-theme:linear-gradient(135deg, #106d90, #4ba6c3)}.crd--brand-discover{--_crd-bg-theme:linear-gradient(135deg, #d05e28, #f2a33c)}.crd--brand-dinersclub{--_crd-bg-theme:linear-gradient(135deg, #33526f, #6f9ab8)}.crd--brand-jcb{--_crd-bg-theme:linear-gradient(135deg, #1d6b48, #37a26a)}.crd--brand-unionpay{--_crd-bg-theme:linear-gradient(135deg, #274b70, #b23a48)}.crd--brand-maestro{--_crd-bg-theme:linear-gradient(135deg, #45327a, #7a5fb8)}.crd--brand-elo{--_crd-bg-theme:linear-gradient(135deg, #2d2d2d, #565656)}.crd--brand-hipercard{--_crd-bg-theme:linear-gradient(135deg, #8a1a2b, #c34a5a)}.crd{--crd-noise-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");--crd-noise-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}.crd--v-ember{--_crd-color-theme:#17181c;--_crd-bg-theme:var(--crd-noise-light), linear-gradient(180deg, #0a0a0cf2 0%, #1a130ad9 16%, #8c5f1e52 32%, transparent 50%), radial-gradient(90% 46% at 50% 24%, #ffb04099, #ff962824 58%, transparent 74%), linear-gradient(180deg, transparent 37%, #101013 37%, #101013 61%, transparent 61%), linear-gradient(180deg, #d9d6d0 0%, #f0efeb 100%)}.crd--v-ember .crd__number{color:#f5f5f2}.crd--v-ember .crd__logo{color:#f2f2ef}.crd--v-ember .crd__logo--back{color:#17181c}.crd--v-ember .crd__name,.crd--v-ember .crd__expiry{text-shadow:none}.crd--v-ember .crd__ring{box-shadow:0 0 0 1.5px #ffa53ce6}.crd--v-holo{--_crd-color-theme:#f4f4f6;--_crd-bg-theme:var(--crd-noise-light), repeating-radial-gradient(circle at 18% 30%, #ffffff1a 0 1.5px, transparent 1.5px 5px), repeating-radial-gradient(circle at 82% 70%, #ffffff14 0 1.5px, transparent 1.5px 6px), radial-gradient(75% 90% at 22% 24%, #40e0d080, transparent 60%), radial-gradient(70% 80% at 78% 30%, #ba78ff73, transparent 60%), radial-gradient(80% 90% at 60% 85%, #ffe67859, transparent 60%), radial-gradient(70% 80% at 20% 80%, #5aa0ff66, transparent 60%), linear-gradient(160deg, #16161c, #101014)}.crd--v-porcelain{--_crd-color-theme:#1d1d1f;--_crd-bg-theme:var(--crd-noise-dark), radial-gradient(60% 70% at 12% 88%, #ffcd7859, transparent 65%), radial-gradient(55% 65% at 45% 65%, #ff8ca038, transparent 65%), radial-gradient(60% 75% at 88% 45%, #82a0ff47, transparent 65%), linear-gradient(180deg, #fbfafa, #f2f1f3)}.crd--v-porcelain .crd__number,.crd--v-porcelain .crd__name,.crd--v-porcelain .crd__expiry{text-shadow:none}.crd--v-porcelain .crd__ring{box-shadow:0 0 0 1.5px #00000073}.crd--v-sunset{--_crd-color-theme:#17171a;--crd-sunset-a:#ffaa28bf;--crd-sunset-b:#46beffa6;--crd-sunset-c:#ff78be80;--crd-sunset-ring:#ff8c00e6;--_crd-bg-theme:var(--crd-noise-light), linear-gradient(180deg, transparent 64%, #131316 64%), radial-gradient(55% 60% at 38% 34%, var(--crd-sunset-a), transparent 68%), radial-gradient(50% 65% at 78% 38%, var(--crd-sunset-b), transparent 66%), radial-gradient(45% 55% at 85% 78%, var(--crd-sunset-c), transparent 65%), linear-gradient(180deg, #f6efe4, #f1eae2)}.crd--v-sunset .crd__number{text-shadow:none}.crd--v-sunset .crd__name,.crd--v-sunset .crd__expiry,.crd--v-sunset .crd__logo--back{color:#f4f4f2}.crd--v-sunset .crd__ring{box-shadow:0 0 0 1.5px var(--crd-sunset-ring)}.crd--v-sunset.crd--brand-visa{--crd-sunset-a:#235fdc99;--crd-sunset-b:#5fc8ff8c;--crd-sunset-c:#967dff66;--crd-sunset-ring:#235fdce6}.crd--v-sunset.crd--brand-mastercard{--crd-sunset-a:#ff5f28a6;--crd-sunset-b:#ffb92899;--crd-sunset-c:#e63c3c66;--crd-sunset-ring:#f05a23e6}.crd--v-sunset.crd--brand-amex{--crd-sunset-a:#238cc399;--crd-sunset-b:#6edce680;--crd-sunset-c:#3c73dc66;--crd-sunset-ring:#238cc3e6}.crd--v-sunset.crd--brand-discover{--crd-sunset-a:#ff871eb3;--crd-sunset-b:#ffcd558c;--crd-sunset-c:#fa693c73;--crd-sunset-ring:#f57d1ee6}.crd--v-sunset.crd--brand-dinersclub{--crd-sunset-a:#466ea58c;--crd-sunset-b:#8cb9e180;--crd-sunset-c:#648cff59;--crd-sunset-ring:#466ea5e6}.crd--v-sunset.crd--brand-jcb{--crd-sunset-a:#2da55f99;--crd-sunset-b:#4182e680;--crd-sunset-c:#e64b5f66;--crd-sunset-ring:#2da55fe6}.crd--v-sunset.crd--brand-unionpay{--crd-sunset-a:#dc414b8c;--crd-sunset-b:#2d9ba580;--crd-sunset-c:#375faf66;--crd-sunset-ring:#dc414be6}.crd--v-sunset.crd--brand-maestro{--crd-sunset-a:#0a5fcd8c;--crd-sunset-b:#f04b3c80;--crd-sunset-c:#ff9b3c66;--crd-sunset-ring:#0a5fcde6}.crd--v-sunset.crd--brand-elo{--crd-sunset-a:#ffc82d99;--crd-sunset-b:#eb413c80;--crd-sunset-c:#2d55cd66;--crd-sunset-ring:#eb413ce6}.crd--v-sunset.crd--brand-hipercard{--crd-sunset-a:#c82d4199;--crd-sunset-b:#ff735f80;--crd-sunset-c:#ff416959;--crd-sunset-ring:#c82d41e6}.crd--v-graphite{--_crd-color-theme:#e8e9ec;--_crd-bg-theme:var(--crd-noise-light), linear-gradient(90deg, #050608e6 0%, #050608bf 10%, transparent 13%), repeating-linear-gradient(90deg, #ffffff0b 0 1px, transparent 1px 7px), linear-gradient(115deg, #262930 0%, #1a1c21 45%, #23262c 70%, #16181c 100%)}.crd__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--_crd-flip-duration) cubic-bezier(.34, 1.3, .5, 1);position:relative}.crd--flipped .crd__inner{transform:rotateY(180deg)}.crd--flipping{animation:crd-lift var(--_crd-flip-duration) cubic-bezier(.4, 0, .2, 1)}@keyframes crd-lift{0%{transform:translateY(0)scale(1)rotate(0)}35%{transform:translateY(-7%)scale(1.06)rotate(-2.5deg)}70%{transform:translateY(-4%)scale(1.04)rotate(1.2deg)}to{transform:translateY(0)scale(1)rotate(0)}}.crd--flipping .crd__front,.crd--flipping .crd__back{animation:crd-airborne-shadow var(--_crd-flip-duration) cubic-bezier(.4, 0, .2, 1)}@keyframes crd-airborne-shadow{0%,to{box-shadow:var(--_crd-shadow)}45%{box-shadow:0 34px 54px #00000073}}.crd__front:after,.crd__back:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff52 48%,#ffffff14 53%,#0000 62%) 135% 0/260% 100%;position:absolute;inset:0}.crd--flipping .crd__front:after,.crd--flipping .crd__back:after{animation:crd-sheen var(--_crd-flip-duration) ease}@keyframes crd-sheen{0%{background-position:135% 0}to{background-position:-35% 0}}@media (prefers-reduced-motion:reduce){.crd__inner{transition:none}.crd--flipping,.crd--flipping .crd__front,.crd--flipping .crd__back,.crd--flipping .crd__front:after,.crd--flipping .crd__back:after{animation:none}}.crd--tilt{touch-action:none;transform:perspective(1000px) rotateX(var(--crd-tilt-rx,0deg)) rotateY(var(--crd-tilt-ry,0deg));will-change:transform;transition:transform 1s cubic-bezier(.22,1,.36,1);position:relative}.crd--tilt.crd--tilt-hover{transition:transform .4s cubic-bezier(.22,1,.36,1)}.crd__glare{border-radius:var(--_crd-radius);pointer-events:none;opacity:0;z-index:3;mix-blend-mode:screen;background:radial-gradient(circle 95px at var(--crd-tilt-gx,50%) var(--crd-tilt-gy,50%), #ffffff7a, #ffffff0f 52%, #fff0 84%), radial-gradient(circle 200px at var(--crd-tilt-gx,50%) var(--crd-tilt-gy,50%), #ffffff38, #ffffff0a 58%, #fff0 78%), radial-gradient(circle 360px at var(--crd-tilt-gx,50%) var(--crd-tilt-gy,50%), #ffffff1a, #fff0 88%);transition:opacity .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.crd--tilt.crd--tilt-hover .crd__glare{opacity:.32}@media (prefers-reduced-motion:reduce){.crd--tilt{transition:none!important;transform:none!important}.crd__glare{display:none}}@media (hover:none){.crd--tilt{touch-action:auto;transition:none!important;transform:none!important}.crd--tilt .crd__glare{display:none}}.crd__front,.crd__back{border-radius:var(--_crd-radius);background:var(--_crd-bg);box-shadow:var(--_crd-shadow);backface-visibility:hidden;box-sizing:border-box;padding:6.5%;position:absolute;inset:0;overflow:hidden}.crd__back{padding:0;transform:rotateY(180deg)}.crd__chip{color:#d4b26a;width:15%}.crd__chip svg,.crd__logo svg{width:100%;height:auto;display:block}.crd__logo{width:26%;color:var(--_crd-color);position:absolute;top:6.5%;right:6.5%}.crd__number{font-size:calc(var(--_crd-width) / 17.5);letter-spacing:.08em;font-variant-numeric:tabular-nums;white-space:nowrap;text-shadow:0 1px 1px #0000004d;margin-top:9%}.crd__footer{justify-content:space-between;align-items:flex-end;gap:4%;margin-top:8%;display:flex}.crd__name{font-size:calc(var(--_crd-width) / 24);text-transform:uppercase;letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.crd__name--placeholder{opacity:.55}.crd__expiry{text-align:right;flex-shrink:0}.crd__expiry-label{font-size:calc(var(--_crd-width) / 41);text-transform:uppercase;letter-spacing:.1em;opacity:.65;display:block}.crd__expiry-value{font-size:calc(var(--_crd-width) / 24);font-variant-numeric:tabular-nums}.crd__meta{display:none}.crd--l-display .crd__meta{gap:9%;margin-top:6%;display:flex}.crd__meta-item{align-items:baseline;gap:.5em;display:inline-flex}.crd__meta-label{font-size:calc(var(--_crd-width) / 30);letter-spacing:.02em;opacity:.55}.crd__meta-expiry,.crd__meta-cvc{font-size:calc(var(--_crd-width) / 22);font-variant-numeric:tabular-nums;letter-spacing:.05em}.crd--l-display .crd__footer .crd__expiry{display:none}.crd--l-display .crd__footer{margin-top:5%}[data-crd-copy]{cursor:pointer;border-radius:6px;transition:background .15s ease-out;position:relative}.crd__meta-expiry[data-crd-copy],.crd__meta-cvc[data-crd-copy]{margin:-1px -5px;padding:1px 5px}[data-crd-copy]:hover,[data-crd-copy]:focus-visible{background:#ffffff24;outline:none}[data-crd-copy]:after{content:attr(data-copy-label);color:#fff;font-size:calc(var(--_crd-width) / 30);letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;background:#141418eb;border-radius:5px;padding:.15em .5em;font-weight:500;transition:opacity .15s ease-out;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}[data-crd-copy]:hover:after,[data-crd-copy]:focus-visible:after{opacity:1}[data-crd-copy][data-copied]:after{content:attr(data-copied-label);opacity:1;animation:1.2s ease-out forwards crd-copied}@keyframes crd-copied{0%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){[data-crd-copy]:after{transition:none}[data-crd-copy][data-copied]:after{animation:none}}.crd__number,.crd__name,.crd__expiry{border-radius:6px;margin-left:-6px;padding:2px 6px}.crd__ring{opacity:0;pointer-events:none;border-radius:8px;width:0;height:0;transition:transform .4s cubic-bezier(.3,1.35,.45,1),width .4s cubic-bezier(.3,1.35,.45,1),height .4s cubic-bezier(.3,1.35,.45,1),opacity .18s;position:absolute;top:0;left:0;box-shadow:0 0 0 1.5px #ffffffb3}.crd__ring--on{opacity:1}.crd__ring--instant{transition:opacity .18s}@media (prefers-reduced-motion:reduce){.crd__ring{transition:opacity .18s}}.crd__stripe{background:#0000008c;height:18%;margin-top:8%}.crd__signature{box-sizing:border-box;background:repeating-linear-gradient(0deg,#ffffffd9,#ffffffd9 3px,#dcdcdcd9 3px 6px);border-radius:5px;justify-content:flex-end;align-items:center;height:16%;margin:6% 6.5% 0;padding:0 3%;display:flex}.crd__cvc{color:#333;font-size:calc(var(--_crd-width) / 26);letter-spacing:.15em;font-variant-numeric:tabular-nums;font-style:italic}.crd__signature{transition:box-shadow .18s}.crd--focus-cvc .crd__signature{box-shadow:0 0 0 1.5px #ffffffb3}.crd__logo--back{opacity:.85;width:20%;top:auto;bottom:6.5%}