.text-field{background-color:#fff;border:2px solid #e5e5e5;border-radius:8px;align-items:center;width:100%;transition:all .15s ease-in-out;display:flex;position:relative;overflow:hidden}.text-field:focus-within input{padding-right:3rem}.text-field:focus-within{border-color:#f15a4a;box-shadow:0 0 0 3px #f15a4a14}.text-field.error{border-color:#c5231e;box-shadow:0 0 0 3px #c5231e1f}.text-field input,.text-field textarea{color:#0a0a0a;background-color:#0000;border:none;outline:none;width:100%;padding:.75rem;font-size:.88rem;font-weight:400;transition:all .15s ease-in-out}.text-field input::placeholder,.text-field textarea::placeholder{color:#c7c7c7}.text-field input:disabled,.text-field textarea:disabled{opacity:.6}.text-field input{height:38px;padding-top:0;padding-bottom:0}.text-field input[type=search]{appearance:none}.text-field input[type=search]::-webkit-search-decoration{display:none}.text-field input[type=search]::-webkit-search-cancel-button{display:none}.text-field input[type=search]::-webkit-search-results-button{display:none}.text-field input[type=search]::-webkit-search-results-decoration{display:none}.text-field .clear-field-wrapper{background-color:#fff;padding:.5rem 0;position:absolute;top:50%;right:0;transform:translate(-50%,-50%)}.text-field.search{position:relative}.text-field.search:before{content:"";background-color:#c7c7c7;width:1.25rem;height:1.25rem;display:block;position:absolute;top:50%;left:1.25rem;transform:translate(-50%,-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");-webkit-mask-size:cover;mask-size:cover}.text-field.search input{padding-left:2.5rem}.text-field.small-field{border-radius:4px;max-width:150px;margin-bottom:0}.text-field.small-field:focus-within input{padding-right:2.5rem}.text-field.small-field input{height:30px;padding:0 .5rem;font-size:.75rem}.text-field.small-field .clear-field{border-width:1px;padding:1px}.text-field.small-field .clear-field svg{stroke-width:2px;width:1rem;height:1rem}.text-field.large-field input{height:46px;padding:0 1rem;font-size:1.13rem}.text-field.large-field .clear-field{border-width:2px;padding:3px}.text-field.large-field .clear-field svg{stroke-width:2px;width:1.5rem;height:1.5rem}