.input-wrapper{color:#3a3b3c;width:100%}.input-wrapper .input-field{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;backdrop-filter:blur(8px) saturate(140%)!important;-webkit-backdrop-filter:blur(8px) saturate(140%)!important;background:color-mix(in srgb,#fff 15%,transparent)!important;border:1px solid transparent!important;border-radius:99em!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 15%,transparent),inset .5px 1px 0 -1px color-mix(in srgb,#fff 80%,transparent),inset -.5px -.5px 0 -1px color-mix(in srgb,#000 8%,transparent)!important;color:#3a3b3c!important;font-family:inherit!important;font-size:1rem!important;font-weight:500!important;outline:none!important;padding:.875rem 1rem!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;width:100%}.input-wrapper .input-field::-webkit-input-placeholder{color:#716f70}.input-wrapper .input-field::-moz-placeholder{color:#716f70}.input-wrapper .input-field:-ms-input-placeholder{color:#716f70}.input-wrapper .input-field:focus{background:color-mix(in srgb,#fff 20%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,#fff 20%,transparent),inset .5px 1px 0 -1px color-mix(in srgb,#fff 90%,transparent),inset -.5px -.5px 0 -1px color-mix(in srgb,#000 6%,transparent)!important;outline:none}.input-wrapper .input-field:disabled{background:#fff6;cursor:not-allowed;opacity:.6}.input-wrapper .input-field.input-sm{font-size:.875rem;padding:.625rem .75rem}.input-wrapper .input-field.input-md{font-size:1rem;padding:.875rem 1rem}.input-wrapper .input-field.input-lg{font-size:1.125rem;padding:1.125rem 1.25rem}.input-wrapper .input-field.error-border{border-color:#f8727280!important;box-shadow:0 0 0 3px #f872721a!important}.input-wrapper .error-message{color:#f87171;font-size:.875rem;margin-top:.25rem}
