:root{--accent-color: #f16570;--input-bg-color: #f8f9fa;--input-border-color: #ccc;--input-text-color: #222;--input-label-color: #666;--input-focus-border-color: var(--accent-color);--input-label-active-color: var(--accent-color);--input-padding: 1rem .75rem .25rem .75rem;--input-border-radius: .5rem;--input-transition: .2s ease-in-out}.form_input_label{position:relative;display:flex;flex-direction:column-reverse;margin-bottom:1.5rem;font-family:sans-serif}.form_input{width:100%;padding:var(--input-padding);border:1px solid var(--input-border-color);border-radius:var(--input-border-radius);background-color:var(--input-bg-color);color:var(--input-text-color);font-size:1rem;outline:none;transition:border var(--input-transition),background-color var(--input-transition)}.form_input:focus{border-color:var(--input-focus-border-color)}.form_label{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--input-label-color);font-size:1rem;pointer-events:none;transition:all var(--input-transition)}.form_input:focus+.form_label,.form_input:not(:placeholder-shown)+.form_label{top:-.5rem;left:.5rem;font-size:.75rem;color:var(--input-label-active-color);background-color:var(--input-bg-color);padding:0 .25rem}body{font-family:sans-serif;background-color:#f4f4f4;margin:0}img,svg{max-width:100%;max-height:100%}