.dboo-input{display:flex;flex-direction:column;position:relative;text-align:left;max-width:100%}.dboo-input ::-moz-placeholder{color:#ecf4ff;opacity:1}.dboo-input ::placeholder{color:#ecf4ff;opacity:1}.dboo-input__inner:has(input:focus-visible):before,.dboo-input__inner:has(input:focus:not(.dboo-input__field--error)):before{background:#40b267}.dboo-input__inner:has(.dboo-input__field--error):before{background:#e00909}.dboo-input__inner:has(input[type=date]) input{color:transparent}.dboo-input__inner:has(input[type=date]):after{content:attr(data-placeholder);position:absolute;top:50%;left:16px;transform:translateY(-11px);color:#ecf4ff;font-family:basel-grotesk,sans-serif;font-size:16px;font-weight:430;line-height:22px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 64px)}.dboo-input__inner:has(input[type=date]:focus-visible) input,.dboo-input__inner:has(input[type=date]:focus) input,.dboo-input__inner:has(input[type=date]:valid) input{color:#fff}.dboo-input__inner:has(input[type=date]:focus-visible):after,.dboo-input__inner:has(input[type=date]:focus):after,.dboo-input__inner:has(input[type=date]:valid):after{content:""}.dboo-input__field{position:relative;height:56px;padding:0 16px;width:100%;border:none;border-radius:100px;background-color:transparent;color:#fff;outline:none;font-family:basel-grotesk,sans-serif;font-size:16px;font-weight:430;line-height:22px;font-style:normal}@media screen and (width < 720px){.dboo-input__field{height:48px}}.dboo-input__field--prefixed{padding-left:56px}.dboo-input__error{display:flex;align-items:center;color:#fff;margin-top:8px;font-family:basel-grotesk,sans-serif;font-size:14px;font-weight:535;line-height:18px;font-style:normal}@media screen and (width < 720px){.dboo-input__error{font-size:12px}}.dboo-input__error-icon{margin-right:8px;color:#e00909}@media screen and (width < 720px){.dboo-input__error-icon{margin-right:4px;display:block;height:20px;width:20px;min-width:20px}}.dboo-input__prefix{position:absolute;z-index:1;left:3px;top:3px;padding:0 14px 0 16px;font-family:basel-grotesk,sans-serif;font-size:16px;font-weight:430;line-height:50px;font-style:normal}.dboo-input__prefix:after{content:"|";display:block;position:absolute;right:0;top:0}.dboo-input--dark ::-moz-placeholder{color:#6c7693}.dboo-input--dark ::placeholder{color:#6c7693}.dboo-input--dark .dboo-input__inner:has(input[type=date]) input{color:transparent}.dboo-input--dark .dboo-input__inner:has(input[type=date]):after{color:#6c7693}.dboo-input--dark .dboo-input__inner:has(input[type=date]:focus-visible) input,.dboo-input--dark .dboo-input__inner:has(input[type=date]:focus) input,.dboo-input--dark .dboo-input__inner:has(input[type=date]:valid) input{color:#191c1f}.dboo-input--dark .dboo-input__field,.dboo-input--dark .dboo-input__error{color:#191c1f}