.bank-account-validator{position:relative;overflow:hidden}.bank-account-validator--pattern-activated{--bg-pattern-size:200%;--bg-pattern-position:bottom -30rem left -1.5rem;--bg-pattern-gradient:linear-gradient(to right, transparent 30%, #000c 100%);overflow:hidden}.bank-account-validator--pattern-activated:before{pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3Csvg fill='none' width='2202' height='1208' viewBox='0 0 2202 1208' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E :root %7B --background-pattern__color-base: rgba(255, 255, 255, 0.2); %7D .background-pattern__base %7B stroke: var(--background-pattern__color-base); stroke-width: 2; %7D %3C/style%3E%3Cdefs%3E%3Ccircle id='background-pattern__circle-1' cx='292' cy='292' r='291'/%3E%3Ccircle id='background-pattern__circle-2' cx='1910' cy='613' r='291'/%3E%3Cpath id='background-pattern__octagon-1' d='m1549 387v-120.534l-170.47-170.466h-120.53-120.53l-170.47 170.466v120.534 120.534l170.47 170.466h120.53 120.53l170.47-170.466z'/%3E%3Cpath id='background-pattern__octagon-2' d='m298 901v-120.534l170.466-170.466h120.534 120.534l170.466 170.466v120.534 120.53l-170.466 170.47h-120.534-120.534l-170.466-170.47z'/%3E%3Cpath id='background-pattern__line-1' d='m156 980h451.279c26.825 0 50.391-17.806 57.718-43.611l35.998-126.778c7.327-25.805 30.893-43.611 57.718-43.611h734.577c26.82 0 50.39 17.806 57.72 43.611l35.99 126.778c7.33 25.805 30.9 43.611 57.72 43.611h451.28'/%3E%3Cpath id='background-pattern__line-2' d='m2156 422h-205.24c-26.83 0-50.39-17.805-57.72-43.61l-36-126.78c-7.33-25.805-30.9-43.61-57.72-43.61h-451.32'/%3E%3C/defs%3E%3Cg class='background-pattern__base'%3E%3Cuse href='%23background-pattern__circle-1'/%3E%3Cuse href='%23background-pattern__circle-2'/%3E%3Cuse href='%23background-pattern__octagon-1'/%3E%3Cuse href='%23background-pattern__octagon-2'/%3E%3Cuse href='%23background-pattern__line-1'/%3E%3Cuse href='%23background-pattern__line-2'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--bg-pattern-position);background-size:auto var(--bg-pattern-size);-webkit-mask-image:var(--bg-pattern-gradient);mask-image:var(--bg-pattern-gradient);position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (prefers-reduced-motion:reduce){.bank-account-validator--pattern-activated:before{background-image:url("data:image/svg+xml,%3Csvg fill='none' width='2202' height='1208' viewBox='0 0 2202 1208' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E :root %7B --background-pattern__color-base: rgba(255, 255, 255, 0.2); %7D .background-pattern__base %7B stroke: var(--background-pattern__color-base); stroke-width: 2; %7D %3C/style%3E%3Cdefs%3E%3Ccircle id='background-pattern__circle-1' cx='292' cy='292' r='291'/%3E%3Ccircle id='background-pattern__circle-2' cx='1910' cy='613' r='291'/%3E%3Cpath id='background-pattern__octagon-1' d='m1549 387v-120.534l-170.47-170.466h-120.53-120.53l-170.47 170.466v120.534 120.534l170.47 170.466h120.53 120.53l170.47-170.466z'/%3E%3Cpath id='background-pattern__octagon-2' d='m298 901v-120.534l170.466-170.466h120.534 120.534l170.466 170.466v120.534 120.53l-170.466 170.47h-120.534-120.534l-170.466-170.47z'/%3E%3Cpath id='background-pattern__line-1' d='m156 980h451.279c26.825 0 50.391-17.806 57.718-43.611l35.998-126.778c7.327-25.805 30.893-43.611 57.718-43.611h734.577c26.82 0 50.39 17.806 57.72 43.611l35.99 126.778c7.33 25.805 30.9 43.611 57.72 43.611h451.28'/%3E%3Cpath id='background-pattern__line-2' d='m2156 422h-205.24c-26.83 0-50.39-17.805-57.72-43.61l-36-126.78c-7.33-25.805-30.9-43.61-57.72-43.61h-451.32'/%3E%3C/defs%3E%3Cg class='background-pattern__base'%3E%3Cuse href='%23background-pattern__circle-1'/%3E%3Cuse href='%23background-pattern__circle-2'/%3E%3Cuse href='%23background-pattern__octagon-1'/%3E%3Cuse href='%23background-pattern__octagon-2'/%3E%3Cuse href='%23background-pattern__line-1'/%3E%3Cuse href='%23background-pattern__line-2'/%3E%3C/g%3E%3C/svg%3E")!important}}.bank-account-validator--pattern-activated:before{background-image:url("data:image/svg+xml,%3Csvg fill='none' width='2202' height='1208' viewBox='0 0 2202 1208' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E :root %7B --background-pattern__color-base: rgba(255, 255, 255, 0.2); --background-pattern__color-highlight: %23F5E214; --background-pattern__anim-duration: 2.5s; %7D @keyframes background-pattern__stroke-animation %7B 0%25 %7B stroke-dashoffset: 160; %7D 50%25 %7B stroke-dashoffset: -2250; %7D 100%25 %7B stroke-dashoffset: -2250; %7D %7D .background-pattern__base %7B stroke: var(--background-pattern__color-base); stroke-width: 2; %7D .background-pattern__highlight %7B stroke: var(--background-pattern__color-highlight); stroke-width: 2; stroke-dasharray: 160 10000; stroke-dashoffset: 160; filter: drop-shadow(0 0 16px var(--background-pattern__color-base)) drop-shadow(0 0 12px var(--background-pattern__color-highlight)); %7D .background-pattern__highlight use %7B animation: background-pattern__stroke-animation var(--background-pattern__anim-duration) ease-in infinite; %7D %3C/style%3E%3Cdefs%3E%3Ccircle id='background-pattern__circle-1' cx='292' cy='292' r='291'/%3E%3Ccircle id='background-pattern__circle-2' cx='1910' cy='613' r='291'/%3E%3Cpath id='background-pattern__octagon-1' d='m1549 387v-120.534l-170.47-170.466h-120.53-120.53l-170.47 170.466v120.534 120.534l170.47 170.466h120.53 120.53l170.47-170.466z'/%3E%3Cpath id='background-pattern__octagon-2' d='m298 901v-120.534l170.466-170.466h120.534 120.534l170.466 170.466v120.534 120.53l-170.466 170.47h-120.534-120.534l-170.466-170.47z'/%3E%3Cpath id='background-pattern__line-1' d='m156 980h451.279c26.825 0 50.391-17.806 57.718-43.611l35.998-126.778c7.327-25.805 30.893-43.611 57.718-43.611h734.577c26.82 0 50.39 17.806 57.72 43.611l35.99 126.778c7.33 25.805 30.9 43.611 57.72 43.611h451.28'/%3E%3Cpath id='background-pattern__line-2' d='m2156 422h-205.24c-26.83 0-50.39-17.805-57.72-43.61l-36-126.78c-7.33-25.805-30.9-43.61-57.72-43.61h-451.32'/%3E%3C/defs%3E%3Cg class='background-pattern__base'%3E%3Cuse href='%23background-pattern__circle-1'/%3E%3Cuse href='%23background-pattern__circle-2'/%3E%3Cuse href='%23background-pattern__octagon-1'/%3E%3Cuse href='%23background-pattern__octagon-2'/%3E%3Cuse href='%23background-pattern__line-1'/%3E%3Cuse href='%23background-pattern__line-2'/%3E%3C/g%3E%3Cg class='background-pattern__highlight'%3E%3Cuse style='animation-delay: 1s' href='%23background-pattern__line-1'/%3E%3Cuse style='animation-delay: 2s' href='%23background-pattern__circle-2'/%3E%3Cuse style='animation-delay: 3s' href='%23background-pattern__octagon-1'/%3E%3Cuse style='animation-delay: 4s' href='%23background-pattern__octagon-2'/%3E%3C/g%3E%3C/svg%3E%0A")}@media (width>=768px){.bank-account-validator--pattern-activated{--bg-pattern-position:bottom -10rem right -5rem;--bg-pattern-gradient:linear-gradient(to right, transparent 10%, #000 100%)}}@media (width>=1440px){.bank-account-validator--pattern-activated{--bg-pattern-position:bottom -25rem right -5rem}}.bank-account-validator__intro{z-index:1;grid-column:content}@media (width>=768px){.bank-account-validator__intro{grid-column:content-start/5 gap}}.bank-account-validator__form{z-index:1;grid-column:content}@media (width>=768px){.bank-account-validator__form{grid-column:6 gap/content-end;align-self:start}}.bank-account-validator__form-element{flex-direction:column;display:flex}.bank-account-validator__row{flex-direction:column;align-items:stretch;gap:.5rem;display:flex}@media (width>=420px){.bank-account-validator__row{flex-direction:row;align-items:flex-end}}.bank-account-validator__field{flex-direction:column;flex:auto;gap:.25rem;display:flex}.bank-account-validator__label{color:oklch(100% 0 0)}.bank-account-validator__input{color:oklch(16.89% .0021 286.18);letter-spacing:0;text-transform:none;background-color:oklch(100% 0 0);border:1px solid oklch(66.59% .0083 228.92);border-radius:.5rem;outline:none;block-size:3rem;inline-size:100%;padding-block:.75rem;padding-inline:1rem;font-family:neue-haas-unica,sans-serif;font-size:1rem;font-style:normal;font-weight:400;font-stretch:100%;line-height:150%;display:block}.bank-account-validator__input::placeholder{color:oklch(56.55% .0095 236.68)}.bank-account-validator__input:is(:hover,:focus-visible,:active){border-color:oklch(16.89% .0021 286.18)}.bank-account-validator__input[aria-invalid=true]{border-color:oklch(50.57% .1957 24)}.bank-account-validator__submit{flex-shrink:0}.bank-account-validator__feedback-slot{min-block-size:4.5rem;margin-block-start:1rem}@media (width>=768px){.bank-account-validator__feedback-slot{min-block-size:3rem}}.bank-account-validator__feedback{color:oklch(100% 0 0);margin:0}
