/* Form Input Component — generic shaped input field */

.form-field {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.125rem 6rem 1.125rem 1.25rem;
    min-height: 4.25rem;
    flex: 1;
}

.form-field::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background-color: #ffffff;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 207 47' preserveAspectRatio='none'%3E%3Cpath d='M7.45533 0.294626C7.45533 0.294626 123.055 0.235047 138.454 0.0558629C153.852 -0.123321 198.854 0.175468 200.453 0.294626C202.052 0.413783 206.853 0.294626 206.853 5.67015C206.853 11.0457 206.053 25.3803 206.453 26.0971C206.852 26.8139 207.453 37.8636 206.453 41.2082C205.809 43.3584 205.829 44.4967 205.923 45.0351C206.006 45.5014 205.321 45.9525 204.084 46.2382C202.511 46.6011 199.728 46.9402 194.853 46.882C184.853 46.7624 138.053 46.7028 136.054 46.8224C134.055 46.942 80.0549 47.1213 67.6543 46.882C55.254 46.6428 31.0547 46.5236 22.0547 46.7028C13.0548 46.882 6.25534 47.0017 5.05538 46.8224C3.85539 46.6432 -0.544073 47.0016 0.0559218 42.9399C0.655916 38.8782 2.8549 18.9297 2.05541 13.9126C1.25591 8.89544 2.6554 6.98401 2.2549 5.96893C1.85441 4.95385 1.05492 0.17502 7.45533 0.294626Z'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 207 47' preserveAspectRatio='none'%3E%3Cpath d='M7.45533 0.294626C7.45533 0.294626 123.055 0.235047 138.454 0.0558629C153.852 -0.123321 198.854 0.175468 200.453 0.294626C202.052 0.413783 206.853 0.294626 206.853 5.67015C206.853 11.0457 206.053 25.3803 206.453 26.0971C206.852 26.8139 207.453 37.8636 206.453 41.2082C205.809 43.3584 205.829 44.4967 205.923 45.0351C206.006 45.5014 205.321 45.9525 204.084 46.2382C202.511 46.6011 199.728 46.9402 194.853 46.882C184.853 46.7624 138.053 46.7028 136.054 46.8224C134.055 46.942 80.0549 47.1213 67.6543 46.882C55.254 46.6428 31.0547 46.5236 22.0547 46.7028C13.0548 46.882 6.25534 47.0017 5.05538 46.8224C3.85539 46.6432 -0.544073 47.0016 0.0559218 42.9399C0.655916 38.8782 2.8549 18.9297 2.05541 13.9126C1.25591 8.89544 2.6554 6.98401 2.2549 5.96893C1.85441 4.95385 1.05492 0.17502 7.45533 0.294626Z'/%3E%3C/svg%3E");
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
}

.form-field__icon {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    color: var(--color-brand-primary, #E30613);
}

.form-field__input {
    border: none;
    background: transparent;
    outline: none;
    flex: 1;
    min-width: 0;
    font-size: 1rem;
    color: #333333;
    font-family: var(--font-text);
}

.form-field__input::placeholder {
    color: #999999;
}