@layer app{.bc{--bc-w: 360px;--tilt-x: 0deg;--tilt-y: 0deg;--flip: 0deg;position:relative;width:min(100%,var(--bc-w));aspect-ratio:85.6 / 54;container-type:inline-size;perspective:1400px;color:#fff;font-family:var(--font);-webkit-user-select:none;user-select:none}.bc--md{--bc-w: 300px}.bc--sm{--bc-w: 132px}.bc.is-shown{-webkit-user-select:text;user-select:text}.bc.is-back{--flip: 180deg}.bc__body{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--tilt-x)) rotateY(calc(var(--tilt-y) + var(--flip)));transition:transform var(--dur-5, .8s) var(--spring-soft, var(--ease))}.tilt.is-live .bc:not(.is-turning) .bc__body{transition-duration:.16s;transition-timing-function:linear}.bc__face{position:absolute;inset:0;overflow:hidden;border-radius:13px;border-radius:3.72cqw;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 0 0 1px #ffffff29,inset 0 1px #ffffff8c,inset 0 -1.5px #030a2e80,0 1px 2px #04103e66,0 22px 40px -18px #041248b3,0 60px 90px -44px #04124899}.bc--sm .bc__face{box-shadow:inset 0 0 0 .5px #fff3,inset 0 1px #ffffff73,0 6px 14px -8px #04124899}.bc__front{background:url(/assets/grain-glass-Cm8DtVdz.svg) 0 0 / 180px 180px,radial-gradient(70% 95% at 104% -8%,#78beff9e,#78beff00 60%),radial-gradient(85% 120% at -14% 122%,#020628eb,#02062800 66%),linear-gradient(122deg,#06155a,#0b33bd 40%,#1557ea 74%,#2f7dff)}.bc__orbit{position:absolute;right:-34%;top:-58%;width:96%;aspect-ratio:1;border:.3cqw solid rgba(214,233,255,.22);border-radius:50%;box-shadow:0 0 0 9cqw #bedcff05,0 0 0 9.3cqw #d6e9ff24,0 0 0 19cqw #bedcff04,0 0 0 19.3cqw #d6e9ff17;pointer-events:none}.bc__light{position:absolute;left:-60%;top:-110%;width:220%;height:320%;background:radial-gradient(closest-side,#ffffff3d,#ffffff12 36%,#fff0 62%);transform:translate3d(var(--sheen-x, 14%),var(--sheen-y, -10%),0);transition:transform .32s var(--ease-out, ease-out);pointer-events:none;will-change:transform}.tilt.is-live .bc__light{transition-duration:.16s;transition-timing-function:linear}.bc__top{position:absolute;top:7.2%;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:8px}.bc__brand{display:inline-flex;align-items:center;gap:2.2cqw;font-size:16px;font-size:5.1cqw;font-weight:650;letter-spacing:-.02em;text-shadow:0 1px 2px rgba(3,12,60,.4)}.bc__brand img{width:7.8cqw;height:7.8cqw;padding:.7cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e8f0ff 70%,#d4e2ff);box-shadow:0 1px 2px #030c3c66,inset 0 -1px 1px #2850b42e}.bc__tag{padding:1cqw 2.8cqw;border-radius:999px;font-size:12px;font-size:3.6cqw;font-weight:650;white-space:nowrap;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff4d}.bc__cur{font-size:12px;font-size:3.5cqw;font-weight:650;letter-spacing:.12em;opacity:.78}.bc--sm .bc__tag,.bc--sm .bc__cur,.bc--sm .bc__brand span{display:none}.bc__chip{position:absolute;top:35%;left:8%;width:13%;aspect-ratio:1.28;border-radius:2cqw;background:linear-gradient(90deg,transparent 31%,rgba(84,62,14,.42) 32%,transparent 35%),linear-gradient(90deg,transparent 65%,rgba(84,62,14,.42) 66%,transparent 69%),linear-gradient(0deg,transparent 46%,rgba(84,62,14,.42) 47%,transparent 51%),linear-gradient(135deg,#fbeab3,#dcb85e 40%,#b88a2c 68%,#f3da92);box-shadow:inset 0 1px #ffffffb3,inset 0 0 0 1px #6e4c1066,0 1px 2px #030c3c59}.bc__number{position:absolute;left:8%;right:8%;bottom:26.5%;font-family:var(--mono);font-size:23px;font-size:7.3cqw;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.07em;white-space:nowrap;text-shadow:0 -.5px 0 rgba(255,255,255,.35),0 1.5px 2px rgba(3,10,50,.6)}.bc.is-shown .bc__number,.bc.is-demo .bc__number{font-size:20px;font-size:6.2cqw;letter-spacing:.045em}.bc__digit{display:inline-block}.bc__meta{position:absolute;left:8%;right:26%;bottom:10%;display:flex;align-items:baseline;gap:4cqw;font-size:12px;font-size:3.7cqw;font-weight:600;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 2px rgba(3,12,60,.45)}.bc__holder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bc__expiry{flex:none;font-family:var(--mono);font-variant-numeric:tabular-nums}.bc__expiry small{font-family:var(--font);font-weight:500;text-transform:none;opacity:.82}.bc--lg.is-shown .bc__meta{font-size:max(14px,3.7cqw)}.bc--lg.is-shown .bc__cvv-label{font-size:max(14px,3.8cqw)}.bc__network{position:absolute;right:6.5%;bottom:8%;width:17%;height:auto;filter:drop-shadow(0 1px 2px rgba(3,12,60,.4))}.bc__back{transform:rotateY(180deg);background:url(/assets/grain-glass-Cm8DtVdz.svg) 0 0 / 180px 180px,radial-gradient(70% 95% at -4% -8%,#78beff80,#78beff00 60%),linear-gradient(238deg,#06155a,#0b33bd 40%,#1557ea 74%,#2f7dff)}.bc__stripe{position:absolute;top:13%;left:0;right:0;height:19%;background:linear-gradient(180deg,#070d2a,#141c4a)}.bc__sign{position:absolute;top:42%;left:8%;right:8%;display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding:2.6cqw 3cqw 2.6cqw 4cqw;border-radius:2cqw;color:#0f1117;background:repeating-linear-gradient(-45deg,rgba(15,17,23,.04) 0 1.4cqw,transparent 1.4cqw 2.8cqw),#f4f6fb}.bc__cvv-label{font-size:12px;font-size:3.8cqw;font-weight:600;color:#3a3d47}.bc__cvv{padding:.6cqw 2.4cqw;border-radius:1.4cqw;font-family:var(--mono);font-size:20px;font-size:6.4cqw;font-weight:700;letter-spacing:.08em;background:#fff;box-shadow:inset 0 0 0 1px #0f111724}.bc--frozen .bc__front{filter:saturate(.5) brightness(1.1)}.bc__frost{position:absolute;inset:0;background:radial-gradient(60% 55% at 0% 0%,rgba(235,246,255,.82),transparent 70%),radial-gradient(55% 60% at 100% 100%,rgba(235,246,255,.74),transparent 70%),radial-gradient(40% 45% at 100% 0%,rgba(235,246,255,.5),transparent 70%),radial-gradient(45% 40% at 0% 100%,rgba(235,246,255,.55),transparent 70%);box-shadow:inset 0 0 0 1.5px #d6eeffe6;pointer-events:none}.bc--frozen .bc__tag{color:#0b3a66;background:#ebf6fff0;box-shadow:none}.bc--closed .bc__front,.bc--closed .bc__back{filter:grayscale(.85) brightness(.9)}.bc__run{position:absolute;inset:0;background:linear-gradient(105deg,transparent 32%,rgba(255,255,255,.3) 47%,transparent 62%);transform:translate3d(-70%,0,0);pointer-events:none}.bc--sample .bc__number{opacity:.86}.bc--float{--tilt-x: 7deg;--tilt-y: -11deg}@media(prefers-reduced-motion:no-preference){:root:not([data-motion=off]):not([data-motion=paused]) .bc--issuing .bc__run{animation:bc-run 2.4s var(--ease-io) infinite}:root:not([data-motion=off]):not([data-motion=paused]) .bc--float{animation:bc-float 7s var(--ease-io) infinite}:root:not([data-motion=off]):not([data-motion=paused]) .bc.is-shown .bc__digit{animation:bc-digit .42s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 26ms)}}@keyframes bc-run{0%{transform:translate3d(-70%,0,0)}to{transform:translate3d(70%,0,0)}}@keyframes bc-float{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes bc-digit{0%{opacity:0;transform:translate3d(0,.5em,0) scale(.7)}}:root[data-theme=dark] .bc:not(.bc--sm) .bc__face{box-shadow:inset 0 0 0 1px #ffffff2e,inset 0 1px #ffffff80,inset 0 -1.5px #00000080,0 1px 2px #00000080,0 24px 48px -20px #000c,0 0 70px -14px #2e78ff8c}}