.dn-input{--label-scale:.8;--label-indent-y:-1.25rem;--label-indent-x:-.6875rem;--input-indent-y:.5rem;--input-indent-x:var(--label-indent-x);font-size:var(--font-size-md,1rem);background-color:var(--color-lightest,#fff);border:1px solid var(--color-gray-300,#cdcdcd);border-radius:var(--borderRadius-sm,.125rem);transition:all var(--transition-fast,.15s 0s ease-in);display:flex;overflow:hidden}.dn-input:focus-within{border-color:var(--color-gray-800,#454545)}.dn-input[data-disabled=true]{background-color:var(--color-gray-100,#e8e8e8)}.dn-input__field{width:100%;box-shadow:var(--boxShadow-inset,inset 1px 1px 4px #0000001f);display:flex;position:relative}.dn-input__field-body{width:100%;padding:var(--spacing-sm,.625rem) var(--spacing-sm,.625rem)}.dn-input__field-body input,.dn-input__field-body textarea{width:100%;height:auto;font-size:inherit;resize:none;transition:all var(--transition-fast,.15s 0s ease-in);background:0 0;border:none;outline:none;margin:0;padding:0}.dn-input__field-body input::-moz-placeholder{color:var(--color-gray-500,#a5a5a5)}.dn-input__field-body textarea::-moz-placeholder{color:var(--color-gray-500,#a5a5a5)}.dn-input__field-body input::placeholder,.dn-input__field-body textarea::placeholder{color:var(--color-gray-500,#a5a5a5)}.dn-input__field-body input{line-height:1}.dn-input__field-aside{padding-right:var(--spacing-md,1rem);align-items:center;display:flex}.dn-input__label{top:var(--spacing-md,1rem);left:var(--spacing-lg,1.3125rem);max-width:100%;height:1em;line-height:1;font-size:var(--font-size-md,1rem);pointer-events:none;transform-origin:0;transition:all var(--transition--timing-fast,.15s) linear;color:var(--color-gray-500,#a5a5a5);position:absolute;top:50%;transform:translateY(-50%)}.dn-input__clear{cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1;display:block}.dn-input__after,.dn-input__pre{background:var(--color-gray-100,#e8e8e8);flex:none;justify-content:center;align-items:center;width:3.5rem;display:flex}.dn-input--has-floating-label .dn-input__field-body{padding:var(--spacing-md,1rem) var(--spacing-lg,1.3125rem)}.dn-input--has-floating-label[data-floating=true] input{font-size:inherit;transform:translate(var(--input-indent-x,-.5rem),var(--input-indent-y,.5rem))}.dn-input--has-floating-label[data-floating=true] input+.dn-input__label,.dn-input--has-floating-label[data-floating=true] input+.dn-textarea__label{transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}.dn-input--has-floating-label .dn-input input:-webkit-autofill{font-size:inherit;transform:translate(var(--input-indent-x,-.5rem),var(--input-indent-y,.5rem))}:-webkit-any(.dn-input--has-floating-label .dn-input input:-webkit-autofill+.dn-input__label,.dn-input--has-floating-label .dn-input input:-webkit-autofill+.dn-textarea__label){transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}:is(.dn-input--has-floating-label .dn-input input:autofill+.dn-input__label,.dn-input--has-floating-label .dn-input input:autofill+.dn-textarea__label){transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}.dn-input-fade-enter-active,.dn-input-fade-leave-active{transition:all var(--transition-fast,.15s 0s ease-in)}.dn-input-fade-enter-from,.dn-input-fade-leave-to{opacity:0}.dn-textarea{--label-scale:.8;--label-indent-y:-.5rem;--label-indent-x:-.6875rem;--input-indent-y:.5rem;--input-indent-x:var(--label-indent-x);font-size:var(--font-size-md,1rem);background-color:var(--color-lightest,#fff);border:1px solid var(--color-gray-300,#cdcdcd);border-radius:var(--borderRadius-sm,.125rem);transition:all var(--transition-fast,.15s 0s ease-in);display:flex;overflow:hidden}.dn-textarea:focus-within{border-color:var(--color-gray-800,#454545)}.dn-textarea[data-disabled=true]{background-color:var(--color-gray-100,#e8e8e8)}.dn-textarea__field{width:100%;box-shadow:var(--boxShadow-inset,inset 1px 1px 4px #0000001f);display:flex;position:relative}.dn-textarea__field-body{width:100%;padding:var(--spacing-sm,.625rem) var(--spacing-sm,.625rem)}.dn-textarea__field-body input,.dn-textarea__field-body textarea{width:100%;height:auto;font-size:inherit;resize:none;transition:all var(--transition-fast,.15s 0s ease-in);background:0 0;border:none;outline:none;margin:0;padding:0}.dn-textarea__field-body input::-moz-placeholder{color:var(--color-gray-500,#a5a5a5)}.dn-textarea__field-body textarea::-moz-placeholder{color:var(--color-gray-500,#a5a5a5)}.dn-textarea__field-body input::placeholder,.dn-textarea__field-body textarea::placeholder{color:var(--color-gray-500,#a5a5a5)}.dn-textarea__field-body textarea{line-height:1.4;display:block}.dn-textarea__field-aside{padding-right:var(--spacing-md,1rem);align-items:center;display:flex}.dn-textarea__label{top:var(--spacing-md,1rem);left:var(--spacing-lg,1.3125rem);max-width:100%;height:1em;line-height:1;font-size:var(--font-size-md,1rem);pointer-events:none;transform-origin:0;transition:all var(--transition--timing-fast,.15s) linear;color:var(--color-gray-500,#a5a5a5);position:absolute}.dn-textarea__clear{cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1;display:block}.dn-textarea[data-floating=true] textarea{font-size:inherit;transform:translate(var(--input-indent-x,-.5rem),var(--input-indent-y,.5rem))}.dn-textarea[data-floating=true] textarea+.dn-input__label,.dn-textarea[data-floating=true] textarea+.dn-textarea__label{transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}.dn-textarea[data-floating=true] textarea:-webkit-autofill{font-size:inherit;transform:translate(var(--input-indent-x,-.5rem),var(--input-indent-y,.5rem))}:-webkit-any(.dn-textarea[data-floating=true] textarea:-webkit-autofill+.dn-input__label,.dn-textarea[data-floating=true] textarea:-webkit-autofill+.dn-textarea__label){transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}:is(.dn-textarea[data-floating=true] textarea:autofill+.dn-input__label,.dn-textarea[data-floating=true] textarea:autofill+.dn-textarea__label){transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}.dn-textarea--has-floating-label .dn-textarea__field-body{padding:var(--spacing-md,1rem) var(--spacing-lg,1.3125rem)}.dn-textarea--has-floating-label[data-floating=true] textarea{font-size:inherit;transform:translate(var(--input-indent-x,-.5rem),var(--input-indent-y,.5rem))}.dn-textarea--has-floating-label[data-floating=true] textarea+.dn-input__label,.dn-textarea--has-floating-label[data-floating=true] textarea+.dn-textarea__label{transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}.dn-textarea--has-floating-label .dn-textarea textarea:-webkit-autofill{font-size:inherit;transform:translate(var(--input-indent-x,-.5rem),var(--input-indent-y,.5rem))}:-webkit-any(.dn-textarea--has-floating-label .dn-textarea textarea:-webkit-autofill+.dn-input__label,.dn-textarea--has-floating-label .dn-textarea textarea:-webkit-autofill+.dn-textarea__label){transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}:is(.dn-textarea--has-floating-label .dn-textarea textarea:autofill+.dn-input__label,.dn-textarea--has-floating-label .dn-textarea textarea:autofill+.dn-textarea__label){transform:translate(var(--label-indent-x,-.5rem),var(--label-indent-y,-1.25rem)) scale(var(--label-scale,.8))}.dn-textarea-fade-enter-active,.dn-textarea-fade-leave-active{transition:var(--transition)}.dn-textarea-fade-enter,.dn-textarea-fade-leave-to{opacity:0}.dn-input{border-radius:var(--borderRadius-xxs)}.dn-input,.dn-input[data-validation=valid]{border-color:var(--color-black-30)}.dn-input[data-validation=invalid]{border-color:var(--color-highlight-error)}.dn-input[data-focus=true]{border-color:var(--color-darkest)}.dn-input.dn-input--rounded{font-size:var(--font-size-xs);line-height:var(--lineHeight-md);border-radius:var(--borderRadius-lg);height:3rem;box-shadow:var(--boxShadow-medium);border-color:#0000;line-height:3rem}@media screen and (width>=1105px){.dn-input.dn-input--rounded{font-size:var(--font-size-lg)}}.dn-input.dn-input--rounded input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.dn-input.dn-input--rounded input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.dn-input.dn-input--rounded input[type=search]::-webkit-search-results-button{-webkit-appearance:none}.dn-input.dn-input--rounded input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.dn-input.dn-input--rounded .dn-input__field{box-shadow:none}.dn-input.dn-input--rounded .dn-input__field-body{padding:0 1.25rem}.dn-input.dn-input--rounded .dn-input__after button{box-shadow:none;cursor:pointer;background:0 0;border:none;padding:0}.dn-input.dn-input--rounded .dn-input__after button .dn-icon,.dn-input.dn-input--rounded-secondary .dn-input__after button .dn-icon{display:block}.dn-input.dn-input--rounded .dn-input__after button .dn-icon[data-icon=close]{font-size:1.5em}.dn-input.dn-input--rounded .dn-input__after button .dn-icon[data-icon=search]{font-size:1.25em}@media screen and (width>=769px){.dn-input.dn-input--rounded{height:3.4375rem;line-height:3.4375rem}.dn-input.dn-input--rounded :deep(.dn-input__field-body){padding:0 1.75rem}.dn-input.dn-input--rounded :deep(.dn-input__after){padding-right:.5rem}}.dn-input.dn-input--rounded:focus-within{border-color:var(--color-gray-300)}.dn-input.dn-input--rounded-secondary{height:2.75rem;font-size:var(--font-size-md);background-color:var(--color-secondary-light);border-radius:var(--borderRadius-lg);box-shadow:none;border-color:#0000;line-height:2.75rem}.dn-input.dn-input--rounded-secondary .dn-input__field{box-shadow:none}.dn-input.dn-input--rounded-secondary .dn-input__field-body{padding:0 0 0 1.5rem}@media screen and (width>=1105px) and (width<=1440px){.dn-input.dn-input--rounded-secondary .dn-input__field-body{padding:0 0 0 1rem}}.dn-input.dn-input--rounded-secondary .dn-input__after{background-color:inherit}.dn-input.dn-input--rounded-secondary .dn-input__after button{box-shadow:none;cursor:pointer;background:0 0;border:none;padding:0}.dn-input.dn-input--rounded-secondary .dn-input__after button .dn-icon path{fill:none;stroke:currentColor}.dn-input.dn-input--rounded-secondary .dn-input__after button .dn-icon[data-icon=close]{font-size:1.25rem}.dn-input.dn-input--rounded-secondary .dn-input__after button .dn-icon[data-icon=search]{font-size:1.5rem}@media screen and (width>=1105px) and (width<=1440px){.dn-input.dn-input--rounded-secondary .dn-input__after button .dn-icon[data-icon=search]{font-size:1.25rem}}@media screen and (width>=1441px){.dn-input.dn-input--rounded-secondary:focus-within{border-color:var(--color-gray-300)}}.base-input.dn-input{border-radius:var(--borderRadius-xxs)}.base-input.dn-input,.dn-input[data-validation=valid],[data-has-errors=false][data-dirty=true] .dn-input{border-color:var(--color-black-30)}.dn-input[data-validation=invalid],[data-has-errors=true] .dn-input{border-color:var(--color-highlight-error)}.dn-input .dn-input__after{background:0 0}
