.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);background-color:var(--color-lightest,#fff);border:1px solid var(--color-gray-300,#cdcdcd);border-radius:var(--borderRadius-sm,.125rem);display:flex;font-size:var(--font-size-md,1rem);overflow:hidden;transition:all var(--transition-fast,.15s 0s ease-in)}.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{box-shadow:var(--boxShadow-inset,inset 1px 1px 4px rgba(0,0,0,.12));display:flex;position:relative;width:100%}.dn-input__field-body{padding:var(--spacing-sm,.625rem) var(--spacing-sm,.625rem);width:100%}.dn-input__field-body input,.dn-input__field-body textarea{background:none;border:none;font-size:inherit;height:auto;margin:0;outline:none;padding:0;resize:none;transition:all var(--transition-fast,.15s 0s ease-in);width:100%}.dn-input__field-body input::-moz-placeholder,.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{align-items:center;display:flex;padding-right:var(--spacing-md,1rem)}.dn-input__label{color:var(--color-gray-500,#a5a5a5);font-size:var(--font-size-md,1rem);height:1em;left:var(--spacing-lg,1.3125rem);line-height:1;max-width:100%;pointer-events:none;position:absolute;top:var(--spacing-md,1rem);top:50%;transform:translateY(-50%);transform-origin:0 50%;transition:all var(--transition--timing-fast,.15s) linear}.dn-input__clear{background:transparent;border:none;cursor:pointer;display:block;line-height:1;margin:0;padding:0}.dn-input__after,.dn-input__pre{align-items:center;background:var(--color-gray-100,#e8e8e8);display:flex;flex:0 0 auto;justify-content:center}.dn-input__after,.dn-input__pre{width:3.5rem}.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))}.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))}.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:-1.25rem;--label-indent-x:-.6875rem;--input-indent-y:.5rem;--input-indent-x:var(--label-indent-x);background-color:var(--color-lightest,#fff);border:1px solid var(--color-gray-300,#cdcdcd);border-radius:var(--borderRadius-sm,.125rem);display:flex;font-size:var(--font-size-md,1rem);overflow:hidden;transition:all var(--transition-fast,.15s 0s ease-in);--label-indent-y:-.5rem}.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{box-shadow:var(--boxShadow-inset,inset 1px 1px 4px rgba(0,0,0,.12));display:flex;position:relative;width:100%}.dn-textarea__field-body{padding:var(--spacing-sm,.625rem) var(--spacing-sm,.625rem);width:100%}.dn-textarea__field-body input,.dn-textarea__field-body textarea{background:none;border:none;font-size:inherit;height:auto;margin:0;outline:none;padding:0;resize:none;transition:all var(--transition-fast,.15s 0s ease-in);width:100%}.dn-textarea__field-body input::-moz-placeholder,.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{display:block;line-height:1.4}.dn-textarea__field-aside{align-items:center;display:flex;padding-right:var(--spacing-md,1rem)}.dn-textarea__label{color:var(--color-gray-500,#a5a5a5);font-size:var(--font-size-md,1rem);height:1em;left:var(--spacing-lg,1.3125rem);line-height:1;max-width:100%;pointer-events:none;position:absolute;top:var(--spacing-md,1rem);transform-origin:0 50%;transition:all var(--transition--timing-fast,.15s) linear}.dn-textarea__clear{background:transparent;border:none;cursor:pointer;display:block;line-height:1;margin:0;padding:0}.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))}.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))}.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))}.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))}.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,:root{--dn-input_padding-x:.637rem;--dn-input_padding-y:1rem;--dn-input_background:#fff;--dn-input_transition:all .15s 0ms linear;--dn-input_font-size:1rem;--spacing-y:.637rem;--spacing-x:1rem;--dn-input_label_font-size:.875rem;--dn-input_pre_width:3rem;--dn-input_after_width:3rem;--dn-input--floating_label_font-size:.75rem;--dn-input--floating_label_space:2rem;--dn-input--floating_label_top:.75rem;--dn-input_border-radius:2px;--dn-input_border:1px solid #c6d4dd}.dn-input,.dn-textarea{border:var(--dn-input_border)}body .dn-input,body .dn-textarea,body[data-theme=theme--doen] .dn-input,body[data-theme=theme--doen] .dn-textarea{font-size:.875rem}@media screen and (min-width:769px){body .dn-input,body .dn-textarea,body[data-theme=theme--doen] .dn-input,body[data-theme=theme--doen] .dn-textarea{font-size:1rem}}body[data-theme=theme--bglf] .dn-input,body[data-theme=theme--bglf] .dn-textarea{font-size:.875rem}@media screen and (min-width:769px){body[data-theme=theme--bglf] .dn-input,body[data-theme=theme--bglf] .dn-textarea{font-size:1rem}}body[data-theme=theme--participaties] .dn-input,body[data-theme=theme--participaties] .dn-textarea{font-size:.875rem}@media screen and (min-width:769px){body[data-theme=theme--participaties] .dn-input,body[data-theme=theme--participaties] .dn-textarea{font-size:1rem}}.dn-input .dn-input__field,.dn-input .dn-textarea__field,.dn-textarea .dn-input__field,.dn-textarea .dn-textarea__field{box-shadow:none}body .dn-input input,body .dn-input textarea,body .dn-textarea input,body .dn-textarea textarea,body[data-theme=theme--doen] .dn-input input,body[data-theme=theme--doen] .dn-input textarea,body[data-theme=theme--doen] .dn-textarea input,body[data-theme=theme--doen] .dn-textarea textarea{font-family:adelle-sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}@media screen and (min-width:769px){body .dn-input input,body .dn-input textarea,body .dn-textarea input,body .dn-textarea textarea,body[data-theme=theme--doen] .dn-input input,body[data-theme=theme--doen] .dn-input textarea,body[data-theme=theme--doen] .dn-textarea input,body[data-theme=theme--doen] .dn-textarea textarea{font-size:1rem}}body[data-theme=theme--bglf] .dn-input input,body[data-theme=theme--bglf] .dn-input textarea,body[data-theme=theme--bglf] .dn-textarea input,body[data-theme=theme--bglf] .dn-textarea textarea{font-family:Laca,sans-serif;font-size:.875rem;font-weight:300;line-height:1.43}@media screen and (min-width:769px){body[data-theme=theme--bglf] .dn-input input,body[data-theme=theme--bglf] .dn-input textarea,body[data-theme=theme--bglf] .dn-textarea input,body[data-theme=theme--bglf] .dn-textarea textarea{font-size:1rem;line-height:1.5}}body[data-theme=theme--participaties] .dn-input input,body[data-theme=theme--participaties] .dn-input textarea,body[data-theme=theme--participaties] .dn-textarea input,body[data-theme=theme--participaties] .dn-textarea textarea{font-family:adelle-sans,sans-serif;font-size:.875rem;font-weight:400;line-height:1.5}@media screen and (min-width:769px){body[data-theme=theme--participaties] .dn-input input,body[data-theme=theme--participaties] .dn-input textarea,body[data-theme=theme--participaties] .dn-textarea input,body[data-theme=theme--participaties] .dn-textarea textarea{font-size:1rem}}.dn-input input[disabled=disabled]~.dn-input__clear,.dn-input textarea[disabled=disabled]~.dn-input__clear,.dn-textarea input[disabled=disabled]~.dn-input__clear,.dn-textarea textarea[disabled=disabled]~.dn-input__clear{display:none}input[disabled=disabled],textarea[disabled=disabled]{color:#676c7a;cursor:not-allowed}.dn-input__label{color:#b3b5bd}body .dn-input__label,body[data-theme=theme--doen] .dn-input__label{font-size:.875rem}@media screen and (min-width:769px){body .dn-input__label,body[data-theme=theme--doen] .dn-input__label{font-size:1rem}}body[data-theme=theme--bglf] .dn-input__label{font-size:.875rem}@media screen and (min-width:769px){body[data-theme=theme--bglf] .dn-input__label{font-size:1rem}}body[data-theme=theme--participaties] .dn-input__label{font-size:.875rem}@media screen and (min-width:769px){body[data-theme=theme--participaties] .dn-input__label{font-size:1rem}}.dn-input__after,.dn-input__pre{background:none}.dn-input[data-focus=true]{background:#fff}body .dn-input[data-validation=invalid],body[data-theme=theme--bglf] .dn-input[data-validation=invalid],body[data-theme=theme--doen] .dn-input[data-validation=invalid],body[data-theme=theme--participaties] .dn-input[data-validation=invalid]{border-bottom-color:#cf300c}body .dn-input[data-validation=invalid],body[data-theme=theme--bglf] .dn-input[data-validation=invalid],body[data-theme=theme--doen] .dn-input[data-validation=invalid],body[data-theme=theme--participaties] .dn-input[data-validation=invalid]{background-color:#fff3f0}