.input-field{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;padding:.5rem .75rem;transition:border-color .3s ease;width:100%}.input-field:focus{border-color:#facc15;box-shadow:0 0 0 3px #eab30833}input[type=checkbox],input[type=radio]{accent-color:#facc15;cursor:pointer;height:1rem;width:1rem}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem}