.field_container{ --input-border: #E6E6E6; --input-font-size: 16px; --input-border-radius: 10px; --placeholder-color: #27242499; --placeholder-font-size: 16px; --label-color: #000; --label-required-color: #FF613A; --label-font-size: 16px; --label-font-weight: 500; label{ display: block; color: var(--label-color); font-weight: var(--label-font-weight); &:has(div){ display: flex; align-items: center; } .required_field_icon{ color: var(--label-required-color); } } input{ padding: 20px 10px; border: 1px solid var(--input-border); border-radius: var(--input-border-radius); font-size: var(--input-font-size); &::placeholder{ font-size: var(--placeholder-font-size); color: var(--placeholder-color); } } } .form_line{ --display: flex; &._50_grid { --display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } display: var(--display); justify-content: space-between; }