.collection-gate{min-height:250px}.collection-gate .field{margin-bottom:0}.collection-gate .field .label--floating{font-size:11px;left:19px;letter-spacing:.05em;line-height:normal;margin:0;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);transition:all .3s ease}.collection-gate .field input{font-size:1rem;line-height:1.5;transform:none}@media (min-width:1024px){.collection-gate .field input{font-size:.875rem}}.collection-gate .field input{border-radius:10px;height:39px;line-height:normal;padding:.65rem 2rem .65rem 1rem;text-transform:none}.collection-gate .field input:focus,.collection-gate .field input:focus-visible{border:1px solid var(--color-dark);outline:none}.collection-gate .field input::placeholder{font-size:0}.collection-gate .field input[type=password]{font-size:1rem;line-height:1;transform:none}@media (min-width:1024px){.collection-gate .field input[type=password]{font-size:1.25rem}}.collection-gate .field input::-ms-clear,.collection-gate .field input::-ms-reveal{display:none}.collection-gate .field:has(input:focus,input:not(:placeholder-shown)) .label--floating{top:.125rem}@media (min-width:1024px){.collection-gate .field:has(input:focus,input:not(:placeholder-shown)) .label--floating{top:.25rem}}.collection-gate .field:has(input:focus,input:not(:placeholder-shown)) .label--floating{color:var(--color-gray-4);transform:translate(0);transition:all .3s ease}.collection-gate .field:has(input:focus,input:not(:placeholder-shown)) input{padding-top:1.25rem}.collection-gate .field.field--error label{color:red}.collection-gate .field.field--error input{border-color:#e92a14;color:red}