.grain.svelte-45c0k3{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;pointer-events:none;z-index:0}.hostedfield.svelte-45c0k3{height:44px;border:1px solid rgba(2,16,65,.15);border-radius:6px;padding:0 12px;background:#fff;transition:border-color .2s,box-shadow .2s}.hostedfield.svelte-45c0k3.HiPayField--focused{border-color:#0066de;box-shadow:0 0 0 3px #0066de1a;z-index:1;position:relative}.hostedfield.svelte-45c0k3.HiPayField--invalid{border-color:#d50000}.card-group.svelte-45c0k3{border:1px solid rgba(2,16,65,.15);border-radius:6px;overflow:hidden}.card-group.svelte-45c0k3 .hostedfield:where(.svelte-45c0k3){border:none;border-radius:0}.card-group.svelte-45c0k3 .card-number:where(.svelte-45c0k3){border-bottom:1px solid rgba(2,16,65,.15)}.card-group.svelte-45c0k3 .card-expiry:where(.svelte-45c0k3){border-right:1px solid rgba(2,16,65,.15)}