:root{--accent-color: #f16570;--input-bg-color: #f8f9fa;--input-border-color: #ccc;--input-text-color: #222;--input-label-color: #979797;--input-focus-border-color: var(--accent-color);--input-label-active-color: var(--accent-color);--input-padding: .5rem .75rem .5rem .75rem;--input-border-radius: .2rem;--input-transition: .2s ease-in-out}.form_input_label{position:relative;display:flex;flex-direction:column-reverse;margin-bottom:1.8rem;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:-.7rem;left:0;font-size:.85rem;color:var(--input-label-active-color);background-color:var(--input-bg-color);padding:0}body{font-family:sans-serif;background-color:#f4f4f4;margin:0}img,svg{max-width:100%;max-height:100%}