.form-field-wrapper .input{background-color:var(--color-input-bg)}.form-field-wrapper .input:has(+.iconify){padding-inline-start:1.75rem}.form-field-wrapper .input+.iconify{color:var(--color-grey-text);left:.5rem;position:absolute;z-index:1}.input-size--sm .input{height:2rem;padding-inline:.5em}.input-size--sm .input+.iconify{top:1.875em}.input-size--sm:has(label.visuallyhidden) .input+.iconify{top:.5em}.input-size--md .input{height:2.25rem;padding-inline:.5em}.input-size--md .input+.iconify{top:2em}.input-size--md:has(label.visuallyhidden) .input+.iconify{top:.65em}.input-size--lg .input{height:2.5rem;padding-inline:.65em}.input-size--lg .input+.iconify{top:2.125em}.input-size--lg:has(label.visuallyhidden) .input+.iconify{top:.75em}.input-size--xl .input{height:3rem;padding-inline:.75em}.input-size--xl .input+.iconify{top:2.375em}.input-size--xl:has(label.visuallyhidden) .input+.iconify{top:.65em}.input-variant--krafters label{color:var(--color-grey-text);font-weight:var(--font-weight-bold)}.input-variant--krafters:focus-within label{color:var(--color-text)}.input-variant--krafters .input{border-color:var(--color-grey-text);border-radius:var(--radius-sm);border-width:1.5px;box-shadow:0 1.5px 0 0 var(--color-grey-text)}.input-variant--krafters .input:focus{border-color:var(--color-accent);box-shadow:0 1.5px 0 0 var(--color-accent);outline-color:transparent}