.textfield{display:flex;align-items:center}.textfield-container{position:relative;display:flex;width:100%}.textfield-label{margin-right:.5rem;white-space:nowrap}.textfield-field{width:100%;padding:.5rem;border:1px solid var(--color-light);background:var(--color-dark);color:inherit;border-radius:0;font-size:inherit;font-weight:inherit}@media(max-width:768px){.textfield-field{font-size:16px}}.textfield-field:focus{outline:none;border-color:var(--color-highlight)}.textfield--small .textfield-field{padding:.25rem}.textfield-visual-placeholder{position:absolute;inset:0;display:flex;align-items:center;padding:0 calc(.5rem + 1px);color:var(--color-light);opacity:.5;pointer-events:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.textfield--small .textfield-visual-placeholder{padding:0 calc(.25rem + 1px)}.textfield input::-webkit-inner-spin-button,.textfield input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.textfield input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.textfield input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}.textfield input[type=search]::-webkit-search-cancel-button,.textfield input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}