.form-floating{position:relative}.form-floating .form-control{height:56px;padding:4.816px 12px;font-size:16px;border-radius:8px;border:1px solid #d9dee3;width:100%;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-floating .form-control:focus{border-color:#696cff;box-shadow:0 0 .25rem #696cff1a;outline:0}.form-floating label{position:absolute;top:0;left:0;height:100%;padding:1rem .875rem;font-size:1rem;color:#697a8d;pointer-events:none;transform-origin:0 0;transition:opacity .15s ease-in-out,transform .15s ease-in-out}.input-group.form-floating{display:flex;align-items:stretch;position:relative;width:100%}.input-group.form-floating .form-control{height:56px;padding:20px 12px 4px;border-end-end-radius:0;border-start-end-radius:0;flex:1;width:1%;min-width:0}.input-group.form-floating label{z-index:5;padding:1rem .875rem;transform-origin:0 0}.input-group.form-floating .form-control:focus~label,.input-group.form-floating .form-control:not(:placeholder-shown)~label{transform:scale(.85) translateY(-.75rem) translate(.5rem);background:#fff;height:auto;padding:0 .5rem;color:#696cff}.input-group-text{display:flex;align-items:center}@media (max-width: 405px){.w-px-400{width:100%!important}}