.textfield{--textfields-border-width:1px;--textfields-border-color:var(--color-neutral-400);--textfields-transition-fn:cubic-bezier(.25,.8,.5,1);--textfields-height:var(--spacer-4xl);font-size:1rem;font-weight:400;line-height:1.5rem}.textfield__clear{color:var(--color-neutral-400);min-width:1.5rem;opacity:0;transition:opacity .3s var(--textfields-transition-fn);z-index:var(--z-absolute)}@media (hover:hover) and (min-width:1024px){.textfield__clear:hover{cursor:pointer;opacity:.5!important}}.textfield__password{color:var(--color-icon-middle);cursor:pointer;min-width:1.5rem}@media (hover:hover) and (min-width:1024px){.textfield__password:hover{color:var(--color-neutral-600)}}@supports (not (scale:1)) and (not (aspect-ratio:1/1)){.textfield__wrapper{gap:0!important}.textfield__wrapper>:not([aria-hidden])+*{margin-left:var(--spacer-xs)}}.textfield__wrapper{align-items:center;display:flex;gap:var(--spacer-xs);height:var(--textfields-height);padding:0 var(--spacer-2xs) 0 var(--spacer-xs);position:relative}.textfield__wrapper>button{height:1.5rem}.textfield__wrapper:before{position:absolute;right:var(--spacer-2xs);top:calc(50% - var(--spacer-2xs))}.textfield__wrapper.labeled{margin-top:5px}.textfield__wrapper>fieldset{border:var(--textfields-border-width) solid var(--textfields-border-color);border-radius:var(--border-radius-xs);bottom:0;left:0;padding-left:calc(var(--spacer-2xs) - var(--textfields-border-width));pointer-events:none;position:absolute;right:0;top:-7px}.textfield__wrapper>fieldset>legend{visibility:hidden;white-space:nowrap;width:0}.textfield__wrapper>fieldset{font-size:.75rem;font-weight:400;line-height:1rem}.textfield__wrapper>div:last-child{display:inline-flex}.textfield__wrapper.filled{--textfields-border-color:var(--color-neutral-500)}.textfield__wrapper.filled:not(.disabled)>[type=search]~.textfield__clear{opacity:1}@media (hover:hover) and (min-width:1024px){.textfield__wrapper.filled:hover{--textfields-border-color:var(--color-neutral-600)}}.textfield__wrapper[focus-within]{--textfields-border-width:var(--spacer-5xs);--textfields-border-color:var(--color-neutral-500)}.textfield__wrapper:focus-within{--textfields-border-width:var(--spacer-5xs);--textfields-border-color:var(--color-neutral-500)}.textfield__wrapper[focus-within]>.textfield__clear{opacity:1}.textfield__wrapper:focus-within>.textfield__clear{opacity:1}.textfield__wrapper.filled.labeled>fieldset>legend,.textfield__wrapper.labeled[focus-within]>fieldset>legend{padding:0 var(--spacer-4xs);width:auto}.textfield__wrapper.filled.labeled>fieldset>legend,.textfield__wrapper.labeled:focus-within>fieldset>legend{padding:0 var(--spacer-4xs);width:auto}.textfield__wrapper.filled.labeled>label,.textfield__wrapper.labeled[focus-within]>label{transform:translateY(-24px) scale(.75)}.textfield__wrapper.filled.labeled>label,.textfield__wrapper.labeled:focus-within>label{transform:translateY(-24px) scale(.75)}.textfield__wrapper.error:not(.disabled){--textfields-border-width:var(--spacer-5xs);--textfields-border-color:var(--color-danger-dark)}.textfield__wrapper.error:not(.disabled).filled>label,.textfield__wrapper.error:not(.disabled).focused>label{color:var(--color-danger-dark)}@media (hover:hover) and (min-width:1024px){.textfield__wrapper.error:not(.disabled):hover{--textfields-border-color:var(--color-danger-dark)}}.textfield__wrapper.disabled{--textfields-border-color:var(--color-neutral-300)}.textfield__wrapper.disabled input{color:var(--color-text-middle)}.textfield__wrapper.disabled input::-moz-placeholder{color:var(--color-text-light)}.textfield__wrapper.disabled input::placeholder{color:var(--color-text-light)}@media (hover:hover) and (min-width:1024px){.textfield__wrapper.disabled:hover{--textfields-border-color:var(--color-neutral-300)}.textfield__wrapper:hover{--textfields-border-color:var(--color-neutral-500)}.textfield__wrapper:hover:not(.disabled)>.textfield__clear{opacity:1}}.textfield label{color:var(--color-text-light);cursor:text;position:absolute;transform-origin:center left;transition:transform .3s var(--textfields-transition-fn);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.textfield input{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background-color:transparent;border:none;border-radius:var(--spacer-3xs);color:var(--color-text-dark);height:100%;outline:none;width:100%}.textfield input::-ms-reveal{display:none}.textfield input{font-size:1rem;font-weight:400;line-height:1.5rem}input[type]::-webkit-search-cancel-button{display:none}input[type]:focus::-webkit-search-cancel-button{cursor:pointer;opacity:1;pointer-events:all}input[type=search]~.textfield__clear{opacity:0}.textfield__message{color:var(--color-text-middle);display:flex;grid:var(--spacer-4xs);margin-left:var(--spacer-xs);margin-top:var(--spacer-4xs);min-height:var(--fs-base);overflow-x:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.textfield__message:before{height:1rem;width:1rem}.textfield__message{font-size:.75rem;font-weight:400;line-height:1rem}.textfield__error{color:var(--color-danger-dark)}.textfield__success{color:var(--color-success-dark);gap:var(--spacer-4xs)}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input::-moz-placeholder{color:var(--color-text-light)}input::placeholder{color:var(--color-text-light)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}