.vat-field{position:relative;margin-top:1rem}.vat-field .field{margin-bottom:.5rem}.vat-field label{display:block;font-size:var(--font-body-scale);margin-bottom:.5rem;color:rgb(var(--color-foreground))}.vat-field__input-group{display:flex;position:relative;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius);background-color:rgb(var(--color-background));transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-tap-highlight-color:transparent}.vat-field__input-group:focus-within{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .3rem rgba(var(--color-foreground),.1)}.vat-field__country{flex:0 0 auto;width:6.5rem;padding:1rem;border:none;border-right:.1rem solid rgba(var(--color-foreground),.15);border-radius:0;background-color:rgba(var(--color-foreground),.03);color:rgb(var(--color-foreground));font-size:1.4rem;font-weight:600;text-align:center;text-transform:uppercase;letter-spacing:.05em;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vat-field__country:focus{outline:none;background-color:rgba(var(--color-foreground),.05);box-shadow:none}.vat-field__country::placeholder{color:rgba(var(--color-foreground),.4);font-weight:500}.vat-field__number{flex:1;min-width:0;padding:1rem;border:none;border-radius:0;background-color:transparent;color:rgb(var(--color-foreground));font-size:1.4rem;outline:none;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vat-field__number:focus{outline:none;box-shadow:none}.vat-field__number::placeholder{color:rgba(var(--color-foreground),.55)}.vat-field--valid .vat-field__input-group{border-color:#18794e;background-color:#18794e08}.vat-field--valid .vat-field__input-group:focus-within{border-color:#18794e;box-shadow:0 0 0 .3rem #18794e1a}.vat-field--valid .vat-field__country{background-color:#18794e14;border-right-color:#18794e33}.vat-field--error .vat-field__input-group{border-color:#d72c0d;background-color:#d72c0d08}.vat-field--error .vat-field__input-group:focus-within{border-color:#d72c0d;box-shadow:0 0 0 .3rem #d72c0d1a}.vat-field--error .vat-field__country{background-color:#d72c0d14;border-right-color:#d72c0d33}.vat-field__message{display:flex;align-items:flex-start;gap:.5rem;margin-top:.5rem;font-size:1.2rem;line-height:1.5}.vat-field__error{color:#d72c0d}.vat-field__success{color:#18794e}.vat-field__message.hidden{display:none}.vat-field__message svg{flex-shrink:0;width:1.6rem;height:1.6rem;margin-top:.1rem}.vat-field__help{display:inline-block;margin-top:.5rem;font-size:1.2rem;color:rgba(var(--color-foreground),.7);letter-spacing:0;line-height:1.6}.vat-field__info{margin-top:.8rem;padding:1rem;font-size:1.2rem;color:rgba(var(--color-foreground),.8);background-color:rgba(var(--color-foreground),.04);border-left:.3rem solid rgba(var(--color-foreground),.2);border-radius:.3rem;line-height:1.6}[dir=rtl] .vat-field__info{border-left:none;border-right:.3rem solid rgba(var(--color-foreground),.2)}.vat-field--loading .vat-field__number{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'%3E%3Cpath fill='%23999' d='M25 5A20.14 20.14 0 0 1 45 22.88a2.51 2.51 0 0 0 2.49 2.26h.38a2.5 2.5 0 0 0 2.5-2.5v-.12a25 25 0 1 0-7.5 17.86 2.5 2.5 0 0 0-3.89-3.14A20 20 0 1 1 25 5Z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:2rem;padding-right:4rem}[dir=rtl] .vat-field__message,[dir=rtl] .vat-field__input-group{flex-direction:row-reverse}[dir=rtl] .vat-field__country{border-right:none;border-left:.1rem solid rgba(var(--color-foreground),.15)}[dir=rtl] .vat-field--loading .vat-field__number{background-position:left 1rem center;padding-right:1rem;padding-left:4rem}[dir=rtl] .vat-field--valid .vat-field__country{border-left-color:#18794e33}[dir=rtl] .vat-field--error .vat-field__country{border-left-color:#d72c0d33}.vat-field__example{display:block;margin-top:.3rem;font-size:1.1rem;color:rgba(var(--color-foreground),.55);font-style:italic}.vat-field__codes{display:inline-block;margin-left:.5rem;color:rgba(var(--color-foreground),.45);font-family:monospace;font-size:1.1rem}[dir=rtl] .vat-field__codes{margin-left:0;margin-right:.5rem}@media screen and (min-width: 750px){.vat-field{margin-top:1.5rem}.vat-field__input{font-size:1.5rem}}.vat-field__optional{font-size:1.2rem;color:rgba(var(--color-foreground),.6);font-weight:400;margin-left:.5rem}[dir=rtl] .vat-field__optional{margin-left:0;margin-right:.5rem}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-vat-field.css.map */