.form-field{display:flex;flex-direction:column;position:relative;transition:all .2s ease;padding:1rem}.form-field.standalone{border-radius:20px;border:1px solid var(--misc-keyboard-glyphs-secondary,#b3b3b3);padding-right:0}.form-field.standalone:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-field.standalone.error{border-color:#ef4444}.form-field.standalone.error:focus-within{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.with-label .form-input-actions{top:calc(50% - .75rem)}.field-label{padding-bottom:.5rem;color:var(--grayscale-black,#252528);font-size:16px;font-weight:700;letter-spacing:.5px;margin:0}.required-asterisk{color:#ef4444;margin-left:.25rem}.form-input-container{position:relative;display:flex;align-items:center}.form-input{width:100%;border:none;border-radius:0;font-size:16px;color:var(--grayscale-dark-gray,#525257);font-weight:400;letter-spacing:.5px;background:transparent;transition:all .2s ease;outline:none;background-color:transparent!important;padding:0}.form-input.with-start-actions{padding-left:32px}.form-input.with-end-actions{padding-right:120px}.form-input-actions{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:.25rem}.form-input-actions.start{left:.5rem}.form-input-actions.end{right:.5rem}.form-input::-moz-placeholder{color:var(--grayscale-dark-gray,#525257);font-size:16px;font-weight:400;letter-spacing:.5px}.form-input::placeholder{color:var(--grayscale-dark-gray,#525257);font-size:16px;font-weight:400;letter-spacing:.5px}.form-input:focus{outline:none;box-shadow:none;border:none}.form-input:disabled{opacity:.6;cursor:not-allowed}.field-error{margin-top:.5rem}.email-error,.field-error{font-size:.75rem;color:#ef4444;display:block}.email-error{margin-top:.25rem}.form-grid{display:flex;border-radius:20px;border:1px solid var(--misc-keyboard-glyphs-secondary,#b3b3b3)}.form-grid .form-field{flex:1}.form-grid .form-field:not(:last-child){border-right:1px solid var(--grayscale-light-gray,#a7a7ae)}.form-grid .form-field.standalone{border:none;border-radius:0}@media (max-width:767px){.form-grid{flex-direction:column;border:none;gap:2rem}.form-grid .form-field{border-radius:20px;border:1px solid var(--misc-keyboard-glyphs-secondary,#b3b3b3)}.form-grid .form-field:not(:last-child){border-right:1px solid var(--misc-keyboard-glyphs-secondary,#b3b3b3)}}.close-btn{background:transparent;border:none;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;border-radius:6px;transition:background-color .2s ease,box-shadow .2s ease}.close-btn:focus-visible,.close-btn:hover{background:rgba(0,0,0,.05);outline:none;box-shadow:0 0 0 3px rgba(0,0,0,.06)}