.input-group,.input-group *{transition:all .3s}.input-group{position:relative}.input-group input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:#e7e5e4;background-color:rgb(231 229 228/var(--tw-bg-opacity));border-color:#e7e5e4;border-color:rgb(231 229 228/var(--tw-border-opacity));color:#78716c;color:rgb(120 113 108/var(--tw-text-opacity))}.input-group.focused span{--tw-text-opacity:1;color:#000;color:rgb(0 0 0/var(--tw-text-opacity))}.input-group.code input{font-size:1.75rem;margin-top:1rem;text-align:center}@media (min-width:768px){.input-group.code input{font-size:2rem}}@media (min-width:1024px){.input-group.code input{font-size:2.25rem}}.input-group.code input{line-height:normal}.input-group.inline input{font-size:.875rem;padding:.25rem;text-align:left}@media (min-width:1280px){.input-group.inline input{font-size:1rem}}.input-group.inline .input-group__mssgs{display:none}.input-group .input-group__mssgs a{text-decoration:underline}.inline .input-group__label{display:none}.input-group .icon-error,.input-group .icon-success{position:absolute;right:1rem;top:1.5rem}.input-group .icon-error svg,.input-group .icon-success svg{height:30px;width:30px}.input-group .icon-error-small,.input-group .icon-success-small{align-items:center;bottom:0;display:flex;justify-content:center;position:absolute;right:1rem;top:0;width:1.5rem}