.hkd-textfield{--tf-pad-y:var(--hkd-spacing-md);--tf-pad-x:var(--hkd-spacing-md);display:grid;gap:var(--hkd-spacing-xs);color:var(--hkd-color-text-default)}.hkd-textfield--sm{--tf-pad-y:var(--hkd-spacing-sm);--tf-pad-x:var(--hkd-spacing-md)}.hkd-textfield__desc,.hkd-textfield__error,.hkd-textfield__label{margin:0}.hkd-textfield__label{font:var(--hkd-type-label-lg-semibold,600 15px/24px Poppins,system-ui,sans-serif);letter-spacing:.015em;color:var(--hkd-color-text-default)}.hkd-textfield__desc{font:var(--hkd-type-label-md-regular,400 15px/24px Poppins,system-ui,sans-serif);color:var(--hkd-color-text-subtle)}.hkd-textfield__error{display:inline-flex;align-items:flex-start;gap:var(--hkd-spacing-xs);font:var(--hkd-type-body-xs-regular,400 15px/24px Poppins,system-ui,sans-serif)}.hkd-textfield__error,.hkd-textfield__error-icon{color:var(--hkd-color-information-critical-strong)}.hkd-textfield__error-icon{flex:0 0 auto}.hkd-textfield__control{position:relative}.hkd-textfield__input{--bw-sm:var(--hkd-borderwidth-sm);--bw-md:var(--hkd-borderwidth-md);--ring-diff:calc(var(--bw-md) - var(--bw-sm));box-sizing:border-box;width:100%;background:var(--hkd-color-background-default);color:var(--hkd-color-text-default);font:var(--hkd-type-body-sm-regular,400 18px/24px "Source Sans Pro",system-ui,sans-serif);border-radius:var(--hkd-borderradius-sm);padding-block:var(--tf-pad-y);padding-inline:var(--tf-pad-x);border-style:solid;border-width:var(--bw-sm);border-color:var(--hkd-color-interaction-border-neutral-default);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease}.hkd-textfield__input::placeholder{color:var(--hkd-color-text-subtle)}.hkd-textfield__control:hover>.hkd-textfield__input{border-color:var(--hkd-color-interaction-border-primary-default);box-shadow:0 0 0 var(--ring-diff) var(--hkd-color-interaction-border-primary-default)}.hkd-textfield__control:focus-within>.hkd-textfield__input{outline:none;border-color:var(--hkd-color-interaction-border-primary-strong);box-shadow:0 0 0 var(--ring-diff) var(--hkd-color-interaction-border-primary-strong)}.hkd-textfield--is-error .hkd-textfield__control>.hkd-textfield__input{border-color:var(--hkd-color-information-critical-strong);box-shadow:0 0 0 var(--ring-diff) var(--hkd-color-information-critical-strong)}.hkd-textfield--is-hover .hkd-textfield__control>.hkd-textfield__input{border-color:var(--hkd-color-interaction-border-primary-default);box-shadow:0 0 0 var(--ring-diff) var(--hkd-color-interaction-border-primary-default)}.hkd-textfield--is-active .hkd-textfield__control>.hkd-textfield__input{border-color:var(--hkd-color-interaction-border-primary-strong);box-shadow:0 0 0 var(--ring-diff) var(--hkd-color-interaction-border-primary-strong)}.hkd-textfield--is-disabled .hkd-textfield__input{opacity:.6;cursor:not-allowed}.hkd-textfield--is-readonly .hkd-textfield__input{background:var(--hkd-color-background-default)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}