.h-validate-input{margin:.5rem 0;position:relative}.h-validate-input input{bottom:0;box-sizing:border-box;height:3rem;left:0;margin:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.h-validate-input ul{display:flex;list-style-type:none;margin-left:-.25rem;margin-right:-.25rem}.h-validate-input ul li{--tw-border-opacity:1;--tw-text-opacity:1;border-color:#d1d5db;border-color:rgba(209,213,219,var(--tw-border-opacity,1));border-radius:.375rem;border-width:2px;color:#00014d;color:rgba(0,1,77,var(--tw-text-opacity,1));flex:1 1 0%;font-size:1.25rem;font-weight:700;height:3rem;line-height:2.25rem;margin:0 .25rem;padding-bottom:.25rem;padding-top:.25rem;position:relative;text-align:center}.h-validate-input ul li.current:after{--tw-border-opacity:1;border-color:#00014d;border-color:rgba(0,1,77,var(--tw-border-opacity,1));border-left-width:1px;height:80%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.h-validate-input:focus-within li.current{--tw-border-opacity:1;border-color:#007bc4;border-color:rgba(0,123,196,var(--tw-border-opacity,1));border-width:2px}.h-validate-input:focus-within li.current:after{content:""}.h-validate-input.is-error ul li,.h-validate-input.is-error ul li.current{--tw-border-opacity:1;border-color:#cc1a1a;border-color:rgba(204,26,26,var(--tw-border-opacity,1))}