@keyframes autocomplete-progress-throbber{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(1turn)}}.textfield{--body-font-size:var(--input-font-size,inherit);background-color:var(--input-color-default);border:1px solid var(--input-border-default);border-radius:var(--input-radius,var(--border-radius-small));color:var(--input-text-default);font-family:var(--body-font-family,"Figtree",sans-serif);font-size:var(--body-font-size);font-weight:var(--body-font-weight,300);line-height:var(--body-line-height);padding:var(--input-padding,var(--spacing-4));transition:all .15s ease-in-out;width:100%}.textfield.error{border-color:var(--input-border-error,var(--border-negative))}.textfield:focus-visible{border-color:var(--input-border-focus,var(--border-minimal));border-radius:var(--input-radius,12px);outline-color:var(--input-outline,var(--border-focus))}.textfield:focus-visible.error{--input-outline:var(--input-border-error,var(--border-negative))}.textfield::placeholder{color:var(--input-text-placeholder,var(--input-text-disabled,var(--text-disabled)))}.textfield:not(:placeholder-shown){background-color:var(--input-color-valid,var(--surface-minimal))}.textfield[disabled]{--icon-color:var(--input-icon-disabled);border-color:var(--input-border-disabled,var(--border-disabled));color:var(--input-text-disabled,var(--text-disabled));cursor:not-allowed}.textfield[type=date]:not(:placeholder-shown){background-color:var(--input-color-default)}.textfield[type=date]:not(:placeholder-shown):valid{background-color:var(--input-color-valid,var(--surface-minimal))}.textfield[type=date]::-webkit-calendar-picker-indicator,.textfield[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background:var(--icon-color,var(--text-primary));cursor:pointer;height:var(--icon-size,var(--spacing-4));margin:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;padding:0;width:var(--icon-size,var(--spacing-4))}.textfield[type=date]::-webkit-calendar-picker-indicator{-webkit-mask-image:url(images/calendar.svg);mask-image:url(images/calendar.svg)}.textfield[type=search]::-webkit-search-cancel-button{-webkit-mask-image:url(images/x-mark.svg);mask-image:url(images/x-mark.svg)}.textfield[type=number]::-webkit-inner-spin-button{cursor:pointer;filter:brightness(1.1);opacity:1;transform:scale(1.2)}.textfield--icon{padding-inline-start:calc(var(--icon-size) + var(--input-padding-inline, var(--input-padding, var(--spacing-4))) + var(--spacing-4))}.textfield-wrapper{--icon-size:var(--spacing-4);position:relative}.textfield-wrapper>.icon{left:var(--spacing-4);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.textfield-wrapper:has([disabled]){--icon-color:var(--text-disabled)}.js .textfield-wrapper--autocomplete:after{border:3px solid var(--border-disabled);border-radius:50%;content:"";display:block;height:var(--icon-size,1em);pointer-events:none;position:absolute;right:var(--spacing-4);top:50%;transform:translateY(-50%);width:var(--icon-size,1em)}.js .textfield-wrapper--autocomplete:has(.ui-autocomplete-loading):after{animation:autocomplete-progress-throbber .75s linear infinite;border-color:var(--surface-brand-contrast,#141414);border-inline-end:3px dotted transparent}.ui-autocomplete{background:var(--surface-minimal);border:1px solid var(--border-minimal);border-radius:var(--border-radius-medium);cursor:default;display:flex;flex-flow:column;gap:var(--spacing-2);left:0;list-style:none;margin:0;padding:0;padding:var(--spacing-2);position:absolute;top:0}